.elementor-1797 .elementor-element.elementor-element-7098a7f{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-7098a7f *//* =========================================================
   MONICA MARTINS
   HEADER GLOBAL
   CSS COMPLETO E CONSOLIDADO
========================================================= */


/* =========================================================
   VARIÁVEIS
========================================================= */

.mm-header {

    --header-ivory: #fffaf5;

    --header-purple: #665078;
    --header-purple-dark: #503d60;

    --header-gold: #b48128;
    --header-gold-dark: #94631f;

    --header-text: #493f4d;

    position: sticky;

    top: 0;

    z-index: 9990;

    width: 100%;

    background:

        linear-gradient(
            90deg,
            rgba(255,250,245,.98),
            rgba(252,247,244,.98),
            rgba(250,244,248,.98)
        );

    border-top:

        1px solid
        rgba(180,129,40,.16);

    border-bottom:

        1px solid
        rgba(180,129,40,.16);

    box-shadow:

        0
        5px
        18px
        rgba(78,61,76,.045);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}


.mm-header,
.mm-header * {

    box-sizing: border-box;
}



/* =========================================================
   WORDPRESS ADMIN BAR
   SOMENTE QUANDO LOGADO
========================================================= */

body.admin-bar
.mm-header {

    top: 32px;
}


@media (max-width: 782px) {

    body.admin-bar
    .mm-header {

        top: 46px;
    }

}



/* =========================================================
   CONTAINER PRINCIPAL
========================================================= */

.mm-header-inner {

    width:
        calc(100% - 42px);

    max-width: 1480px;

    min-height: 82px;

    margin:
        0 auto;

    display: grid;

    /*
       LOGO | MENU | REDES
    */

    grid-template-columns:
        205px
        minmax(0, 1fr)
        120px;

    align-items: center;

    gap: 18px;
}



/* =========================================================
   LOGO
========================================================= */

.mm-header-logo {

    grid-column: 1;

    justify-self: start;

    display: flex;

    align-items: center;

    text-decoration:
        none !important;
}


.mm-header-logo img {

    display: block;

    width: 180px;

    height: auto;

    max-width: 100%;

    object-fit: contain;
}



/* =========================================================
   MENU DESKTOP
========================================================= */

.mm-header-nav {

    grid-column: 2;

    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap:
        clamp(
            10px,
            1.15vw,
            19px
        );
}


.mm-header-nav a {

    position: relative;

    flex:
        0 0
        auto;

    padding:
        10px
        0;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size:

        clamp(
            10px,
            .78vw,
            12px
        );

    line-height: 1;

    font-weight: 500;

    letter-spacing: .015em;

    white-space: nowrap;

    text-decoration:
        none !important;

    color:
        var(--header-text);

    transition:
        color .25s ease;
}



/* LINHA DE HOVER */

.mm-header-nav a::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 3px;

    width: 0;

    height: 1px;

    transform:
        translateX(-50%);

    background:
        var(--header-gold);

    transition:
        width .25s ease;
}


.mm-header-nav a:hover {

    color:
        var(--header-gold-dark);
}


.mm-header-nav a:hover::after {

    width: 100%;
}



/* =========================================================
   REDES SOCIAIS — DESKTOP
========================================================= */

.mm-header-social {

    grid-column: 3;

    justify-self: end;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 7px;
}


.mm-header-social a {

    width: 31px;

    height: 31px;

    flex:
        0 0
        31px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border:

        1px solid
        rgba(
            180,
            129,
            40,
            .33
        );

    border-radius: 50%;

    background:

        rgba(
            255,
            253,
            249,
            .58
        );

    color:
        var(--header-purple);

    text-decoration:
        none !important;

    transition:

        transform .25s ease,
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.mm-header-social a svg {

    display: block;

    width: 15px;

    height: 15px;
}


.mm-header-social a:hover {

    transform:
        translateY(-2px);

    color:
        #ffffff;

    background:
        var(--header-gold);

    border-color:
        var(--header-gold);

    box-shadow:

        0
        7px
        16px
        rgba(
            145,
            92,
            17,
            .16
        );
}



/* =========================================================
   BOTÃO HAMBÚRGUER
   ESCONDIDO NO DESKTOP
========================================================= */

.mm-menu-toggle {

    display: none;

    width: 44px;

    height: 44px;

    padding: 0;

    border:

        1px solid
        rgba(
            180,
            129,
            40,
            .30
        );

    border-radius: 50%;

    background:

        rgba(
            255,
            253,
            249,
            .72
        );

    cursor: pointer;
}


.mm-menu-toggle span {

    display: block;

    width: 19px;

    height: 1.5px;

    margin:
        4px auto;

    border-radius: 2px;

    background:
        var(--header-purple);

    transition:

        transform .28s ease,
        opacity .28s ease;
}



/* =========================================================
   MENU MOBILE
   SEMPRE ESCONDIDO NO DESKTOP
========================================================= */

.mm-mobile-menu {

    display: none;
}



/* =========================================================
   STICKY / SCROLL
========================================================= */

.mm-header.mm-sticky {

    box-shadow:

        0
        8px
        28px
        rgba(
            78,
            61,
            76,
            .09
        );
}


.mm-header.mm-sticky
.mm-header-inner {

    min-height: 70px;
}


.mm-header.mm-sticky
.mm-header-logo img {

    width: 165px;
}


.mm-header-inner,
.mm-header-logo img {

    transition:

        min-height .25s ease,
        width .25s ease;
}



/* =========================================================
   NOTEBOOK GRANDE
========================================================= */

@media
(min-width: 1101px)
and
(max-width: 1380px) {

    .mm-header-inner {

        width:
            calc(100% - 28px);

        grid-template-columns:
            175px
            minmax(0, 1fr)
            104px;

        gap: 10px;
    }


    .mm-header-logo img {

        width: 160px;
    }


    .mm-header-nav {

        gap:

            clamp(
                6px,
                .72vw,
                10px
            );
    }


    .mm-header-nav a {

        font-size:

            clamp(
                9px,
                .70vw,
                10.5px
            );
    }


    .mm-header-social {

        gap: 5px;
    }


    .mm-header-social a {

        width: 28px;

        height: 28px;

        flex-basis: 28px;
    }


    .mm-header-social a svg {

        width: 13px;

        height: 13px;
    }

}



/* =========================================================
   TABLET + MOBILE
========================================================= */

@media (max-width: 1100px) {

    /* -----------------------------------------------------
       HEADER SUPERIOR
    ----------------------------------------------------- */

    .mm-header-inner {

        width:
            calc(100% - 34px);

        min-height: 74px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;
    }


    /* -----------------------------------------------------
       LOGO
    ----------------------------------------------------- */

    .mm-header-logo {

        flex:
            0 1 auto;

        min-width: 0;
    }


    .mm-header-logo img {

        width: 165px;

        max-width: 100%;
    }


    /* -----------------------------------------------------
       ESCONDE MENU DESKTOP E REDES DESKTOP
    ----------------------------------------------------- */

    .mm-header-nav {

        display:
            none !important;
    }


    .mm-header-social {

        display:
            none !important;
    }


    /* -----------------------------------------------------
       HAMBÚRGUER
    ----------------------------------------------------- */

    .mm-menu-toggle {

        position: relative;

        z-index: 20;

        flex:
            0 0
            44px;

        display: block;
    }


    /* -----------------------------------------------------
       MENU MOBILE
    ----------------------------------------------------- */

    .mm-mobile-menu {

        position: relative;

        z-index: 15;

        display: block;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        opacity: 0;

        visibility: hidden;

        background:

            linear-gradient(
                180deg,
                #fffaf6,
                #fbf5f8
            );

        border-top:

            1px solid
            rgba(
                180,
                129,
                40,
                .12
            );

        transition:

            max-height .38s ease,
            opacity .25s ease,
            visibility .25s ease;
    }


    /* MENU ABERTO */

    .mm-header.mm-menu-open
    .mm-mobile-menu {

        max-height: 950px;

        opacity: 1;

        visibility: visible;
    }


    /* -----------------------------------------------------
       LINKS
    ----------------------------------------------------- */

    .mm-mobile-menu nav {

        width: 100%;

        padding:

            18px
            24px
            13px;

        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            3px
            24px;
    }


    .mm-mobile-menu nav > a {

        display: flex;

        align-items: center;

        min-height: 39px;

        padding:
            7px
            4px;

        border-bottom:

            1px solid
            rgba(
                105,
                78,
                118,
                .08
            );

        font-family:
            "Montserrat",
            Arial,
            sans-serif;

        font-size: 10px;

        line-height: 1.25;

        font-weight: 500;

        letter-spacing: .035em;

        text-decoration:
            none !important;

        color:
            var(--header-purple-dark);
    }


    .mm-mobile-menu nav > a:hover {

        color:
            var(--header-gold-dark);
    }



    /* =====================================================
       HAMBÚRGUER ABERTO → X
    ===================================================== */

    .mm-header.mm-menu-open
    .mm-menu-toggle span:nth-child(1) {

        transform:
            translateY(5.5px)
            rotate(45deg);
    }


    .mm-header.mm-menu-open
    .mm-menu-toggle span:nth-child(2) {

        opacity: 0;
    }


    .mm-header.mm-menu-open
    .mm-menu-toggle span:nth-child(3) {

        transform:
            translateY(-5.5px)
            rotate(-45deg);
    }



    /* =====================================================
       REDES MOBILE
    ===================================================== */

    .mm-mobile-social {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        padding:

            8px
            20px
            25px;

        text-align: center;
    }


    .mm-mobile-social::before {

        content: "";

        width: 74px;

        height: 1px;

        margin-bottom: 16px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(180,129,40,.45),
                transparent
            );
    }


    .mm-mobile-social-label {

        margin-bottom: 12px;

        font-family:
            "Montserrat",
            Arial,
            sans-serif;

        font-size: 9px;

        line-height: 1;

        font-weight: 600;

        letter-spacing: .18em;

        color:
            var(--header-gold-dark);
    }


    .mm-mobile-social-icons {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 11px;
    }


    /*
       Sobrescreve corretamente
       os estilos dos links do nav.
    */

    .mm-mobile-menu
    .mm-mobile-social-icons a {

        width: 40px;

        height: 40px;

        min-height: 0;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        border:

            1px solid
            rgba(
                180,
                129,
                40,
                .34
            );

        border-radius: 50%;

        background:

            rgba(
                255,
                253,
                249,
                .68
            );

        color:
            var(--header-purple);

        text-decoration:
            none !important;
    }


    .mm-mobile-menu
    .mm-mobile-social-icons a:hover {

        background:
            var(--header-gold);

        border-color:
            var(--header-gold);

        color:
            #ffffff;
    }


    .mm-mobile-social-icons svg {

        display: block;

        width: 17px;

        height: 17px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .mm-header-inner {

        width:
            calc(100% - 26px);

        min-height: 68px;
    }


    .mm-header-logo img {

        width: 148px;
    }


    .mm-menu-toggle {

        width: 42px;

        height: 42px;

        flex-basis: 42px;
    }


    .mm-mobile-menu nav {

        grid-template-columns:
            1fr;

        padding:

            12px
            20px
            11px;

        gap: 0;
    }


    .mm-mobile-menu nav > a {

        justify-content: center;

        min-height: 37px;

        font-size: 10px;

        text-align: center;
    }


    .mm-mobile-social {

        padding:

            6px
            20px
            22px;
    }


    .mm-mobile-menu
    .mm-mobile-social-icons a {

        width: 38px;

        height: 38px;
    }


    .mm-mobile-social-icons svg {

        width: 16px;

        height: 16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-543abd8 *//* =========================================================
   MONICA MARTINS
   PÁGINA — DEUSAS
   CSS COMPLETO
========================================================= */


/* =========================================================
   BASE / VARIÁVEIS
========================================================= */

.mmg-page {

    --mmg-ivory: #fffaf4;
    --mmg-ivory-soft: #fcf6ef;
    --mmg-white: #fffdf9;

    --mmg-purple: #67467f;
    --mmg-purple-dark: #523662;
    --mmg-lavender: #9a7bae;

    --mmg-gold: #b77d1d;
    --mmg-gold-dark: #966117;
    --mmg-gold-light: #ddb96f;

    --mmg-graphite: #484348;
    --mmg-text: #514c50;

    --mmg-line:
        rgba(
            183,
            125,
            29,
            .22
        );

    width: 100%;

    overflow: hidden;

    background:
        var(--mmg-ivory);

    color:
        var(--mmg-text);
}


.mmg-page,
.mmg-page * {

    box-sizing: border-box;
}



/* =========================================================
   SEGURANÇA — PLACEHOLDERS DE IMAGENS
   Evita ícone quebrado antes de inserir as URLs
========================================================= */

.mmg-page img[src^="COLE-AQUI"] {

    visibility: hidden;
}



/* =========================================================
   ELEMENTOS COMPARTILHADOS
========================================================= */

.mmg-kicker {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 9.5px;

    font-weight: 600;

    letter-spacing: .19em;

    text-transform: uppercase;

    color:
        var(--mmg-purple);
}


.mmg-kicker span {

    width: 38px;

    height: 1px;

    flex: 0 0 38px;

    background:
        var(--mmg-gold);
}



/* =========================================================
   DIVISOR COMPARTILHADO
========================================================= */

.mmg-divider {

    width: 205px;

    margin:
        19px
        0
        23px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmg-divider span {

    flex: 1;

    height: 1px;

    background:
        rgba(
            183,
            125,
            29,
            .40
        );
}


.mmg-divider i {

    font-style: normal;

    font-size: 12px;

    color:
        var(--mmg-gold);
}



/* =========================================================
   01 — HERO
========================================================= */

.mmg-hero {

    position: relative;

    width: 100%;

    padding:
        clamp(
            65px,
            5.5vw,
            88px
        )
        30px
        50px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 83% 36%,
            rgba(
                221,
                204,
                231,
                .20
            ),
            transparent 30%
        ),

        linear-gradient(
            108deg,
            #fffdf9 0%,
            #fbf6ef 50%,
            #f8f0f7 100%
        );
}



/* DECORAÇÃO SUTIL */

.mmg-hero::before {

    content: "";

    position: absolute;

    top: -190px;

    right: -170px;

    width: 520px;

    height: 520px;

    border-radius: 50%;

    opacity: .055;

    pointer-events: none;

    background:

        repeating-radial-gradient(
            circle,
            transparent 0,
            transparent 32px,
            var(--mmg-purple) 33px,
            var(--mmg-purple) 34px
        );
}



/* =========================================================
   HERO CONTAINER
========================================================= */

.mmg-hero-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        42%
        58%;

    align-items: center;

    gap:
        clamp(
            25px,
            3vw,
            50px
        );
}



/* =========================================================
   HERO CONTEÚDO
========================================================= */

.mmg-hero-content {

    max-width: 515px;
}



/* =========================================================
   HERO TÍTULO
========================================================= */

.mmg-hero-content h1 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            41px,
            3.8vw,
            58px
        );

    line-height: .98;

    font-weight: 500;

    letter-spacing: -.012em;

    color:
        var(--mmg-purple);
}


.mmg-hero-content h1 small {

    display: block;

    margin-bottom: 8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        .88em;

    line-height: 1;

    font-weight: 600;

    color:
        var(--mmg-gold-dark);
}



/* =========================================================
   PERGUNTA PRINCIPAL
========================================================= */

.mmg-hero-content > h2 {

    max-width: 470px;

    margin:
        0
        0
        17px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            23px,
            1.8vw,
            29px
        );

    line-height: 1.20;

    font-weight: 600;

    color:
        var(--mmg-purple);
}



/* =========================================================
   TEXTO HERO
========================================================= */

.mmg-hero-text {

    max-width: 500px;
}


.mmg-hero-text p {

    margin:
        0
        0
        15px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 13px;

    line-height: 1.7;

    color:
        var(--mmg-graphite);
}


.mmg-hero-text .mmg-emphasis {

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 20px;

    font-weight: 600;

    color:
        var(--mmg-purple);
}



/* =========================================================
   FRASE DE DESTAQUE HERO
========================================================= */

.mmg-hero-highlight {

    max-width: 500px;

    margin:
        26px
        0
        0;

    padding-left: 17px;

    border-left:
        2px solid
        var(--mmg-gold);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            20px,
            1.6vw,
            26px
        );

    line-height: 1.28;

    font-weight: 500;

    color:
        var(--mmg-purple);
}



/* =========================================================
   HERO — IMAGEM
========================================================= */

.mmg-hero-visual {

    position: relative;

    min-height:
        clamp(
            500px,
            47vw,
            670px
        );

    display: flex;

    align-items: center;

    justify-content: center;
}


.mmg-hero-visual img {

    display: block;

    width: 100%;

    height: 100%;

    max-height: 680px;

    object-fit: contain;

    object-position:
        center center;
}



/* PLACEHOLDER VISUAL */

.mmg-hero-visual:has(
    img[src^="COLE-AQUI"]
) {

    background:

        radial-gradient(
            circle,
            rgba(154,123,174,.08),
            transparent 65%
        );
}



/* =========================================================
   02 — FRASE DE TRANSIÇÃO
========================================================= */

.mmg-transition {

    position: relative;

    padding:
        17px
        30px
        24px;

    background:
        rgba(
            255,
            253,
            249,
            .96
        );

    border-top:
        1px solid
        var(--mmg-line);

    border-bottom:
        1px solid
        var(--mmg-line);
}


.mmg-transition-inner {

    max-width: 900px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1fr
        auto
        auto
        1fr;

    align-items: center;

    gap: 14px;

    text-align: center;
}


.mmg-transition-inner > span {

    height: 1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(183,125,29,.45)
        );
}


.mmg-transition-inner > span:last-child {

    background:

        linear-gradient(
            90deg,
            rgba(183,125,29,.45),
            transparent
        );
}


.mmg-transition-symbol {

    color:
        var(--mmg-purple);

    font-size: 26px;
}


.mmg-transition h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            25px,
            2.2vw,
            34px
        );

    line-height: 1.15;

    font-weight: 500;

    color:
        var(--mmg-purple);
}



/* =========================================================
   03 — SETE DEUSAS
========================================================= */

.mmg-archetypes {

    padding:
        18px
        30px
        22px;

    background:

        linear-gradient(
            180deg,
            #fffdf9 0%,
            #fbf6ef 100%
        );

    border-bottom:
        1px solid
        var(--mmg-line);
}


.mmg-archetypes-container {

    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(
            7,
            minmax(
                0,
                1fr
            )
        );
}



/* =========================================================
   CADA DEUSA
========================================================= */

.mmg-goddess {

    position: relative;

    min-height: 185px;

    padding:
        17px
        16px;

    text-align: center;
}


.mmg-goddess + .mmg-goddess::before {

    content: "";

    position: absolute;

    left: 0;

    top: 12px;

    bottom: 12px;

    width: 1px;

    background:
        var(--mmg-line);
}



/* =========================================================
   ÍCONES DAS DEUSAS
========================================================= */

.mmg-goddess-icon {

    width: 66px;

    height: 66px;

    margin:
        0 auto
        10px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background:
        rgba(
            255,
            253,
            249,
            .82
        );
}


.mmg-goddess-icon img {

    display: block;

    width: 58px;

    height: 58px;

    object-fit: contain;
}



/* PLACEHOLDER */

.mmg-goddess-icon:has(
    img[src^="COLE-AQUI"]
) {

    border:
        1px dashed
        rgba(
            112,
            87,
            132,
            .20
        );
}



/* =========================================================
   NOME DA DEUSA
========================================================= */

.mmg-goddess h3 {

    margin:
        0
        0
        8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            18px,
            1.4vw,
            22px
        );

    line-height: 1;

    font-weight: 600;

    color:
        var(--mmg-purple);
}



/* =========================================================
   FRASE DA DEUSA
========================================================= */

.mmg-goddess p {

    max-width: 135px;

    margin: 0 auto;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 10.5px;

    line-height: 1.52;

    color:
        var(--mmg-graphite);
}



/* =========================================================
   04 — MAPA PESSOAL
========================================================= */

.mmg-map {

    position: relative;

    padding:
        clamp(
            65px,
            6vw,
            90px
        )
        30px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 15% 50%,
            rgba(
                221,
                205,
                232,
                .18
            ),
            transparent 27%
        ),

        #fffaf4;
}



/* =========================================================
   MAPA CONTAINER
========================================================= */

.mmg-map-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1160px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        38%
        62%;

    align-items: center;

    gap:
        clamp(
            40px,
            5vw,
            75px
        );
}



/* =========================================================
   MAPA VISUAL
========================================================= */

.mmg-map-visual {

    position: relative;

    min-height: 360px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.mmg-map-visual img {

    display: block;

    width: 100%;

    max-width: 370px;

    height: auto;

    object-fit: contain;
}



/* PLACEHOLDER */

.mmg-map-visual:has(
    img[src^="COLE-AQUI"]
) {

    width: 330px;

    max-width: 100%;

    height: 330px;

    margin: 0 auto;

    border-radius: 50%;

    border:
        1px dashed
        rgba(
            112,
            87,
            132,
            .22
        );

    background:

        radial-gradient(
            circle,
            rgba(154,123,174,.08),
            transparent 70%
        );
}



/* =========================================================
   CONTEÚDO MAPA
========================================================= */

.mmg-map-content {

    max-width: 650px;
}


.mmg-map-content h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            37px,
            3.5vw,
            52px
        );

    line-height: 1;

    font-weight: 500;

    color:
        var(--mmg-purple);
}


.mmg-map-content p {

    margin:
        0
        0
        12px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 13px;

    line-height: 1.68;

    color:
        var(--mmg-graphite);
}


.mmg-map-content strong {

    color:
        #3f3a40;

    font-weight: 700;
}



/* =========================================================
   DESTAQUE MAPA
========================================================= */

.mmg-map-highlight {

    margin-top:
        21px !important;

    padding:
        13px
        17px;

    border-left:
        2px solid
        var(--mmg-gold);

    background:
        rgba(
            255,
            253,
            249,
            .63
        );

    color:
        var(--mmg-purple) !important;

    font-weight: 600;
}



/* =========================================================
   05 — COMO FUNCIONA / EXPLORAR
========================================================= */

.mmg-experience {

    padding:
        0
        30px;

    background:
        #fffdf9;

    border-top:
        1px solid
        var(--mmg-line);

    border-bottom:
        1px solid
        var(--mmg-line);
}


.mmg-experience-container {

    width: 100%;

    max-width: 1160px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );
}



/* =========================================================
   BLOCOS
========================================================= */

.mmg-experience-block {

    position: relative;

    display: grid;

    grid-template-columns:
        65px
        1fr;

    gap: 18px;

    padding:
        40px
        42px;
}


.mmg-experience-block:first-child {

    border-right:
        1px solid
        var(--mmg-line);
}



/* =========================================================
   ÍCONES EXPERIÊNCIA
========================================================= */

.mmg-experience-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            103,
            70,
            127,
            .25
        );

    background:
        rgba(
            255,
            253,
            249,
            .78
        );
}


.mmg-experience-icon img {

    width: 37px;

    height: 37px;

    object-fit: contain;
}



/* PLACEHOLDER */

.mmg-experience-icon:has(
    img[src^="COLE-AQUI"]
) {

    border-style: dashed;
}



/* =========================================================
   TÍTULOS
========================================================= */

.mmg-experience-content h2 {

    margin:
        0
        0
        14px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            25px,
            2vw,
            31px
        );

    line-height: 1.05;

    font-weight: 500;

    color:
        var(--mmg-purple);
}



/* =========================================================
   TEXTOS EXPERIÊNCIA
========================================================= */

.mmg-experience-content p {

    margin:
        0
        0
        13px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 12px;

    line-height: 1.65;

    color:
        var(--mmg-graphite);
}


.mmg-experience-content strong {

    color:
        #403b40;

    font-weight: 700;
}


.mmg-experience-highlight {

    margin-top:
        17px !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        20px !important;

    line-height:
        1.25 !important;

    color:
        var(--mmg-purple) !important;
}



/* =========================================================
   06 — CTA FINAL
========================================================= */

.mmg-cta {

    position: relative;

    padding:
        42px
        30px
        52px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 12% 70%,
            rgba(
                221,
                205,
                232,
                .22
            ),
            transparent 20%
        ),

        radial-gradient(
            circle at 88% 35%,
            rgba(
                231,
                204,
                168,
                .15
            ),
            transparent 20%
        ),

        linear-gradient(
            180deg,
            #fffaf4,
            #fbf4ec
        );
}


.mmg-cta-container {

    position: relative;

    z-index: 3;

    max-width: 760px;

    margin: 0 auto;

    text-align: center;
}


.mmg-cta-symbol {

    margin-bottom: 7px;

    font-size: 27px;

    color:
        var(--mmg-purple);
}


.mmg-cta h2 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            34px,
            3vw,
            46px
        );

    line-height: 1;

    font-weight: 500;

    color:
        var(--mmg-gold-dark);
}



/* =========================================================
   CTA DIVISOR
========================================================= */

.mmg-cta-divider {

    width: 220px;

    margin:
        17px auto
        22px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmg-cta-divider span {

    flex: 1;

    height: 1px;

    background:
        rgba(
            183,
            125,
            29,
            .38
        );
}


.mmg-cta-divider i {

    font-style: normal;

    color:
        var(--mmg-gold);
}



/* =========================================================
   CTA BUTTON
========================================================= */

.mmg-cta-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 50px;

    padding:
        0
        35px;

    border-radius: 28px;

    background:

        linear-gradient(
            135deg,
            #7d4e9b,
            #58396c
        );

    box-shadow:

        0
        13px
        30px
        rgba(
            83,
            52,
            104,
            .20
        );

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration: none !important;

    color:
        #ffffff !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.mmg-cta-button:hover {

    transform:
        translateY(-2px);

    box-shadow:

        0
        18px
        36px
        rgba(
            83,
            52,
            104,
            .28
        );

    color:
        #ffffff !important;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    /* HERO */

    .mmg-hero-container {

        grid-template-columns:
            46%
            54%;
    }


    .mmg-hero-content h1 {

        font-size:
            clamp(
                39px,
                4.5vw,
                50px
            );
    }


    /* DEUSAS */

    .mmg-archetypes-container {

        grid-template-columns:
            repeat(
                4,
                1fr
            );
    }


    .mmg-goddess {

        border-bottom:
            1px solid
            var(--mmg-line);
    }


    .mmg-goddess + .mmg-goddess::before {

        display: none;
    }


    .mmg-goddess:nth-child(4n + 2),
    .mmg-goddess:nth-child(4n + 3),
    .mmg-goddess:nth-child(4n + 4) {

        border-left:
            1px solid
            var(--mmg-line);
    }


    .mmg-goddess:nth-last-child(-n + 3) {

        border-bottom: 0;
    }


    /* MAPA */

    .mmg-map-container {

        grid-template-columns:
            42%
            58%;
    }


    /* EXPERIÊNCIA */

    .mmg-experience-block {

        padding:
            35px
            28px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HERO
    ===================================================== */

    .mmg-hero {

        padding:
            55px
            20px
            40px;
    }


    .mmg-hero-container {

        display: flex;

        flex-direction: column;
    }


    .mmg-hero-content {

        width: 100%;

        max-width: none;

        order: 2;
    }


    .mmg-hero-visual {

        width: 100%;

        min-height: 320px;

        margin-bottom: 30px;

        order: 1;
    }


    .mmg-hero-visual img {

        max-height: 360px;
    }


    .mmg-hero-content h1 {

        font-size:
            clamp(
                39px,
                11vw,
                50px
            );
    }


    .mmg-hero-content > h2 {

        font-size:
            clamp(
                22px,
                6vw,
                27px
            );
    }


    /* =====================================================
       TRANSIÇÃO
    ===================================================== */

    .mmg-transition {

        padding:
            22px
            20px;
    }


    .mmg-transition-inner {

        display: block;
    }


    .mmg-transition-inner > span {

        display: none;
    }


    .mmg-transition-symbol {

        margin-bottom: 6px;
    }


    /* =====================================================
       SETE DEUSAS
    ===================================================== */

    .mmg-archetypes {

        padding:
            15px
            18px
            25px;
    }


    .mmg-archetypes-container {

        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .mmg-goddess {

        min-height: 180px;

        border-bottom:
            1px solid
            var(--mmg-line);
    }


    .mmg-goddess:nth-child(even) {

        border-left:
            1px solid
            var(--mmg-line);
    }


    .mmg-goddess:last-child {

        grid-column:
            1 / -1;

        border-left: 0;

        border-bottom: 0;
    }


    .mmg-goddess:last-child p {

        max-width: 220px;
    }


    /* =====================================================
       MAPA
    ===================================================== */

    .mmg-map {

        padding:
            55px
            20px;
    }


    .mmg-map-container {

        display: flex;

        flex-direction: column;

        gap: 35px;
    }


    .mmg-map-visual {

        width: 100%;

        min-height: 280px;
    }


    .mmg-map-visual img {

        max-width: 300px;
    }


    .mmg-map-content {

        width: 100%;

        max-width: none;
    }


    .mmg-map-content h2 {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );
    }


    /* =====================================================
       EXPERIÊNCIA
    ===================================================== */

    .mmg-experience {

        padding:
            0
            20px;
    }


    .mmg-experience-container {

        grid-template-columns:
            1fr;
    }


    .mmg-experience-block {

        grid-template-columns:
            54px
            1fr;

        padding:
            32px
            8px;
    }


    .mmg-experience-block:first-child {

        border-right: 0;

        border-bottom:
            1px solid
            var(--mmg-line);
    }


    .mmg-experience-icon {

        width: 50px;

        height: 50px;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mmg-cta {

        padding:
            42px
            20px
            50px;
    }


    .mmg-cta h2 {

        font-size:
            clamp(
                33px,
                9vw,
                42px
            );
    }


    .mmg-cta-button {

        width: 100%;
    }

}



/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 480px) {

    .mmg-hero-text p,
    .mmg-map-content p {

        font-size: 12.5px;
    }


    .mmg-goddess-icon {

        width: 60px;

        height: 60px;
    }


    .mmg-goddess-icon img {

        width: 52px;

        height: 52px;
    }


    .mmg-experience-block {

        display: block;
    }


    .mmg-experience-icon {

        margin-bottom: 16px;
    }

}
/* =========================================================
   DEUSAS — AJUSTES FINAIS DE TIPOGRAFIA
========================================================= */


/* =========================================================
   HERO — MELHOR DISTRIBUIÇÃO
========================================================= */

.mmg-hero-content {

    max-width: 550px;
}


.mmg-hero-content h1 {

    font-size:
        clamp(
            43px,
            3.9vw,
            59px
        );

    line-height: .98;

    letter-spacing: -.015em;
}


.mmg-hero-content h1 small {

    margin-bottom: 7px;

    font-size: .80em;

    line-height: 1;

    font-weight: 600;
}


/* PERGUNTA */

.mmg-hero-content > h2 {

    max-width: 500px;

    font-size:
        clamp(
            24px,
            1.85vw,
            29px
        );

    line-height: 1.22;

    font-weight: 600;
}


/* TEXTO PRINCIPAL */

.mmg-hero-text {

    max-width: 525px;
}


.mmg-hero-text p {

    font-size: 13.5px;

    line-height: 1.66;

    margin-bottom: 13px;
}


/* TODAS REPRESENTAM POSSIBILIDADES */

.mmg-hero-text .mmg-emphasis {

    margin:
        5px 0 15px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 22px;

    line-height: 1.15;

    font-weight: 600;

    color:
        var(--mmg-purple);
}


/* FRASE FINAL DA ABERTURA */

.mmg-hero-highlight {

    max-width: 520px;

    margin-top: 22px;

    font-size:
        clamp(
            21px,
            1.7vw,
            27px
        );

    line-height: 1.26;
}



/* =========================================================
   FRASE DE TRANSIÇÃO
   DOURADA + MANUSCRITA / ELEGANTE
========================================================= */

.mmg-transition {

    padding:
        22px
        30px
        27px;
}


.mmg-transition h2 {

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            29px,
            2.65vw,
            40px
        );

    line-height: 1.05;

    font-weight: 500;

    font-style: italic;

    letter-spacing: -.01em;

    color:
        var(--mmg-gold-dark);
}


.mmg-transition-symbol {

    color:
        var(--mmg-gold);
}



/* =========================================================
   DESCRIÇÕES DAS DEUSAS
========================================================= */

.mmg-goddess p {

    max-width: 150px;

    font-size: 12px;

    line-height: 1.55;
}


/* NOMES DAS DEUSAS */

.mmg-goddess h3 {

    font-size:
        clamp(
            20px,
            1.5vw,
            23px
        );
}



/* =========================================================
   MAPA — TEXTOS MAIORES
========================================================= */

.mmg-map-content p {

    font-size: 14px;

    line-height: 1.68;

    margin-bottom: 14px;
}


.mmg-map-highlight {

    font-size: 14.5px !important;

    line-height: 1.65 !important;
}



/* =========================================================
   BLOCOS ABAIXO DO MAPA
   COMO FUNCIONA / EXPLORAR POSSIBILIDADES
========================================================= */

.mmg-experience-content p {

    font-size: 13.5px;

    line-height: 1.68;
}


.mmg-experience-highlight {

    font-size: 21px !important;

    line-height: 1.30 !important;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .mmg-goddess p {

        max-width: 165px;

        font-size: 12px;
    }


    .mmg-map-content p {

        font-size: 13.5px;
    }


    .mmg-experience-content p {

        font-size: 13px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .mmg-hero-content h1 {

        font-size:
            clamp(
                40px,
                11vw,
                51px
            );
    }


    .mmg-hero-text p {

        font-size: 13.5px;

        line-height: 1.65;
    }


    .mmg-transition h2 {

        max-width: 410px;

        margin:
            0 auto;

        font-size:
            clamp(
                27px,
                8vw,
                36px
            );
    }


    .mmg-goddess p {

        max-width: 170px;

        font-size: 12px;

        line-height: 1.55;
    }


    .mmg-map-content p {

        font-size: 13.5px;

        line-height: 1.68;
    }


    .mmg-experience-content p {

        font-size: 13.5px;

        line-height: 1.68;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5317372 *//* =========================================================
   MONICA MARTINS
   FOOTER — CSS FINAL
========================================================= */


/* =========================================================
   BASE
========================================================= */

.mm-footer {

    --mmf-bg: #fbf7f5;

    --mmf-purple: #785698;
    --mmf-purple-dark: #65487f;

    --mmf-gold: #bf8420;
    --mmf-gold-light: #d7ad61;

    --mmf-text: #795e8e;

    --mmf-line:
        rgba(
            191,
            132,
            32,
            .32
        );

    position: relative;

    width: 100%;

    overflow: hidden;

    padding-top:

        clamp(
            58px,
            5vw,
            78px
        );

    background:

        radial-gradient(
            circle at 8% 30%,
            rgba(221,207,234,.27),
            transparent 33%
        ),

        radial-gradient(
            circle at 92% 20%,
            rgba(242,221,218,.30),
            transparent 32%
        ),

        linear-gradient(
            110deg,
            #faf5fb 0%,
            #fffaf7 48%,
            #fbf4f3 100%
        );
}


.mm-footer,
.mm-footer * {

    box-sizing: border-box;
}



/* =========================================================
   CONTAINER
========================================================= */

.mm-footer-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1280px;

    margin:
        0 auto;

    padding:

        0
        35px
        55px;

    display: grid;

    grid-template-columns:

        1.15fr
        .70fr
        1fr
        .82fr;

    gap:

        clamp(
            32px,
            3.7vw,
            62px
        );
}



/* =========================================================
   MARCA
========================================================= */

.mm-footer-brand {

    text-align: center;
}



/* =========================================================
   LOGO
   MENOR PARA EVITAR BLUR / ZOOM
========================================================= */

.mm-footer-logo {

    display: block;

    width: fit-content;

    max-width: 100%;

    margin:

        0 auto
        22px;

    text-decoration:
        none;
}


.mm-footer-logo img {

    display: block;

    width: 215px;

    max-width: 100%;

    height: auto;

    object-fit:
        contain;

    margin:
        0 auto;
}



/* =========================================================
   DESCRIÇÃO
========================================================= */

.mm-footer-description {

    max-width: 300px;

    margin:

        0 auto
        27px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 13px;

    line-height: 1.7;

    color:
        var(--mmf-text);
}



/* =========================================================
   ATENDIMENTOS ONLINE
========================================================= */

.mm-footer-online {

    width: fit-content;

    max-width: 100%;

    margin:
        0 auto;

    padding:

        9px
        17px;

    display: flex;

    align-items: center;

    gap: 12px;

    border:

        1px solid
        rgba(
            191,
            132,
            32,
            .30
        );

    border-radius: 25px;

    background:

        rgba(
            255,
            255,
            255,
            .60
        );

    box-shadow:

        0
        9px
        22px
        rgba(
            90,
            64,
            91,
            .055
        );

    text-align: left;
}



/* =========================================================
   MANDALA — ATENDIMENTOS
========================================================= */

.mm-footer-online-icon {

    width: 42px;

    height: 42px;

    flex:
        0 0
        42px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.mm-footer-online-icon img {

    display: block;

    width: 40px;

    height: 40px;

    object-fit:
        contain;
}



.mm-footer-online small,
.mm-footer-online strong {

    display: block;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;
}


.mm-footer-online small {

    margin-bottom: 2px;

    font-size: 9px;

    letter-spacing: .045em;

    color:
        var(--mmf-gold);
}


.mm-footer-online strong {

    font-size: 11px;

    line-height: 1.25;

    color:
        var(--mmf-purple);
}



/* =========================================================
   TÍTULOS DAS COLUNAS
========================================================= */

.mm-footer-column {

    padding-top: 28px;
}


.mm-footer-column h3 {

    margin: 0;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .025em;

    color:
        var(--mmf-gold);
}


.mm-footer-heading-line {

    width: 29px;

    height: 1px;

    margin:

        16px
        0
        23px;

    background:
        var(--mmf-gold);
}



/* =========================================================
   NAVEGAÇÃO
========================================================= */

.mm-footer-navigation nav {

    display: flex;

    flex-direction: column;

    gap: 14px;
}


.mm-footer-navigation a {

    width: fit-content;

    position: relative;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 11px;

    font-weight: 500;

    line-height: 1.2;

    text-decoration:
        none !important;

    color:
        var(--mmf-purple);

    transition:

        color .25s ease,
        transform .25s ease;
}


.mm-footer-navigation a::before {

    content: "";

    position: absolute;

    left: -13px;

    top: 50%;

    width: 0;

    height: 1px;

    background:
        var(--mmf-gold);

    transition:
        width .25s ease;
}


.mm-footer-navigation a:hover {

    color:
        var(--mmf-gold);

    transform:
        translateX(6px);
}


.mm-footer-navigation a:hover::before {

    width: 8px;
}



/* =========================================================
   CONTATO
========================================================= */

.mm-footer-contact {

    display: flex;

    flex-direction: column;
}


.mm-footer-contact-item {

    display: grid;

    grid-template-columns:

        40px
        1fr;

    gap: 11px;

    align-items: center;

    margin-bottom: 25px;

    text-decoration:
        none !important;
}


.mm-footer-contact-icon {

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:

        1px solid
        rgba(
            191,
            132,
            32,
            .48
        );

    border-radius: 50%;

    font-family:
        Georgia,
        serif;

    font-size: 16px;

    color:
        var(--mmf-gold);
}


.mm-footer-contact-item small,
.mm-footer-contact-item strong,
.mm-footer-contact-item em {

    display: block;
}


.mm-footer-contact-item small {

    margin-bottom: 3px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .035em;

    color:
        var(--mmf-gold);
}


.mm-footer-contact-item strong {

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 10.5px;

    line-height: 1.4;

    font-weight: 500;

    color:
        var(--mmf-purple);
}


.mm-footer-contact-item em {

    margin-top: 2px;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 8.5px;

    line-height: 1.4;

    font-style: normal;

    color:
        var(--mmf-purple);
}


.mm-footer-email {

    font-size: 8.5px !important;

    overflow-wrap:
        anywhere;
}



/* =========================================================
   REDES SOCIAIS
========================================================= */

.mm-footer-social-icons {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 42px;
}


.mm-footer-social-icons a {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:

        1px solid
        rgba(
            191,
            132,
            32,
            .48
        );

    border-radius: 50%;

    text-decoration:
        none !important;

    color:
        var(--mmf-purple);

    background:

        rgba(
            255,
            255,
            255,
            .28
        );

    transition:

        transform .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.mm-footer-social-icons a:hover {

    transform:
        translateY(-3px);

    background:
        var(--mmf-gold);

    border-color:
        var(--mmf-gold);

    color:
        #ffffff;

    box-shadow:

        0
        8px
        20px
        rgba(
            151,
            98,
            22,
            .15
        );
}



/* SVG DAS REDES */

.mm-social-svg {

    display: block;

    width: 20px;

    height: 20px;
}


.mm-social-youtube-svg {

    width: 21px;

    height: 21px;
}



/* =========================================================
   BOTÃO
========================================================= */

.mm-footer-button {

    min-height: 48px;

    padding:

        0
        25px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 25px;

    background:

        linear-gradient(
            135deg,
            #c9942e,
            #ad7518
        );

    box-shadow:

        0
        11px
        27px
        rgba(
            145,
            92,
            17,
            .18
        );

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .025em;

    text-transform: uppercase;

    text-decoration:
        none !important;

    color:
        #ffffff !important;

    transition:

        transform .3s ease,
        box-shadow .3s ease;
}


.mm-footer-button:hover {

    transform:
        translateY(-2px);

    box-shadow:

        0
        15px
        32px
        rgba(
            145,
            92,
            17,
            .27
        );

    color:
        #ffffff !important;
}



/* =========================================================
   DIVISOR INFERIOR
========================================================= */

.mm-footer-divider {

    position: relative;

    z-index: 3;

    width: 100%;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mm-footer-divider > span {

    flex: 1;

    height: 1px;

    background:
        var(--mmf-line);
}



/* =========================================================
   MANDALA — DIVISOR INFERIOR
========================================================= */

.mm-footer-divider-lotus {

    width: 58px;

    height: 58px;

    flex:
        0 0
        58px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.mm-footer-divider-lotus img {

    display: block;

    width: 54px;

    height: 54px;

    object-fit:
        contain;
}



/* =========================================================
   COPYRIGHT
========================================================= */

.mm-footer-bottom {

    position: relative;

    z-index: 3;

    padding:

        14px
        25px
        25px;

    text-align: center;
}


.mm-footer-bottom p {

    margin: 0;

    font-family:
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 10px;

    line-height: 1.6;

    color:
        var(--mmf-purple);
}



/* =========================================================
   HORIZON X
========================================================= */

.mm-footer-credit {

    display: inline;

    margin-left: 7px;
}


.mm-footer-credit::before {

    content: "•";

    margin-right: 7px;

    color:
        var(--mmf-gold);
}


.mm-footer-credit a {

    font-weight: 700;

    text-decoration:
        none !important;

    color:
        var(--mmf-gold);

    transition:
        color .25s ease;
}


.mm-footer-credit a:hover {

    color:
        var(--mmf-purple-dark);
}



/* =========================================================
   ORNAMENTOS DE CANTO
========================================================= */

.mm-footer-corner {

    position: absolute;

    z-index: 0;

    width: 230px;

    height: 230px;

    pointer-events: none;

    color:
        #cfa7d5;

    opacity: .22;
}


.mm-footer-corner-left {

    left: -105px;

    bottom: -75px;

    transform:
        rotate(15deg);
}


.mm-footer-corner-right {

    right: -105px;

    bottom: -75px;

    transform:
        rotate(-15deg);
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .mm-footer-container {

        grid-template-columns:

            1fr
            1fr;

        gap:

            45px
            60px;

        max-width: 820px;
    }


    .mm-footer-brand {

        text-align: left;
    }


    .mm-footer-logo {

        margin-left: 0;
    }


    .mm-footer-logo img {

        width: 200px;

        margin-left: 0;
    }


    .mm-footer-description {

        margin-left: 0;

        max-width: 330px;
    }


    .mm-footer-online {

        margin-left: 0;
    }


    .mm-footer-column {

        padding-top: 12px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .mm-footer {

        padding-top: 52px;
    }


    .mm-footer-container {

        grid-template-columns:
            1fr;

        gap: 38px;

        padding:

            0
            25px
            48px;
    }


    .mm-footer-brand {

        text-align: center;
    }


    .mm-footer-logo {

        margin:

            0 auto
            20px;
    }


    .mm-footer-logo img {

        width: 185px;

        margin:
            0 auto;
    }


    .mm-footer-description {

        margin:

            0 auto
            24px;
    }


    .mm-footer-online {

        margin:
            0 auto;
    }


    /* MANDALA ONLINE */

    .mm-footer-online-icon {

        width: 38px;

        height: 38px;

        flex-basis: 38px;
    }


    .mm-footer-online-icon img {

        width: 36px;

        height: 36px;
    }


    .mm-footer-column {

        padding-top: 0;
    }


    .mm-footer-heading-line {

        margin-bottom: 20px;
    }


    .mm-footer-navigation nav {

        display: grid;

        grid-template-columns:

            1fr
            1fr;

        gap:

            13px
            20px;
    }


    .mm-footer-contact-item {

        margin-bottom: 20px;
    }


    .mm-footer-social-icons {

        margin-bottom: 27px;
    }


    .mm-footer-social-icons a {

        width: 42px;

        height: 42px;
    }


    .mm-footer-button {

        width: 100%;
    }


    /* MANDALA INFERIOR */

    .mm-footer-divider-lotus {

        width: 48px;

        height: 48px;

        flex-basis: 48px;
    }


    .mm-footer-divider-lotus img {

        width: 44px;

        height: 44px;
    }


    /* HORIZON X EM NOVA LINHA */

    .mm-footer-credit {

        display: block;

        margin:

            5px
            0
            0;
    }


    .mm-footer-credit::before {

        display: none;
    }


    .mm-footer-corner {

        width: 170px;

        height: 170px;

        opacity: .14;
    }


    .mm-footer-bottom {

        padding:

            14px
            20px
            23px;
    }


    .mm-footer-bottom p {

        font-size: 9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3890e0 *//* =========================================================
   MONICA MARTINS
   WHATSAPP FLUTUANTE
========================================================= */

.mm-whatsapp-float {

    position: fixed;

    right: 28px;
    bottom: 28px;

    z-index: 9999;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:

        1px solid
        rgba(
            180,
            129,
            40,
            .50
        );

    border-radius: 50%;

    background:

        rgba(
            255,
            253,
            249,
            .94
        );

    box-shadow:

        0
        10px
        30px
        rgba(
            79,
            61,
            73,
            .12
        );

    text-decoration: none !important;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    transition:

        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}


/* =========================================================
   ÍCONE
========================================================= */

.mm-whatsapp-icon {

    width: 27px;
    height: 27px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.mm-whatsapp-icon svg {

    width: 100%;
    height: 100%;

    fill:
        var(
            --mm-whatsapp-purple,
            #705784
        );

    transition:
        fill .28s ease,
        transform .28s ease;
}


/* =========================================================
   HOVER
========================================================= */

.mm-whatsapp-float:hover {

    transform:
        translateY(-3px);

    border-color:
        #b48128;

    background:
        #fffdf9;

    box-shadow:

        0
        14px
        34px
        rgba(
            79,
            61,
            73,
            .18
        );
}


.mm-whatsapp-float:hover
.mm-whatsapp-icon svg {

    fill:
        #b48128;

    transform:
        scale(1.06);
}


/* =========================================================
   FOCO ACESSÍVEL
========================================================= */

.mm-whatsapp-float:focus-visible {

    outline:
        2px solid
        #705784;

    outline-offset:
        4px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .mm-whatsapp-float {

        right: 18px;
        bottom: 18px;

        width: 54px;
        height: 54px;

    }


    .mm-whatsapp-icon {

        width: 25px;
        height: 25px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f2e8d5 *//* =========================================================
   MONICA MARTINS
   VOLTAR AO TOPO
========================================================= */

.mm-back-to-top {

    position: fixed;

    /*
       WHATSAPP:
       bottom 28px
       altura 58px
       espaço 12px

       28 + 58 + 12 = 98px
    */

    right: 28px;
    bottom: 98px;

    z-index: 9998;

    width: 48px;
    height: 48px;

    padding: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border:

        1px solid
        rgba(
            180,
            129,
            40,
            .40
        );

    border-radius: 50%;

    background:

        rgba(
            255,
            253,
            249,
            .92
        );

    box-shadow:

        0
        9px
        25px
        rgba(
            79,
            61,
            73,
            .10
        );

    color:
        #705784;

    cursor: pointer;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);


    /* ESCONDIDO NO INÍCIO */

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(8px);


    transition:

        opacity .28s ease,
        visibility .28s ease,
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease,
        color .28s ease;
}



/* =========================================================
   VISÍVEL APÓS ROLAR A PÁGINA
========================================================= */

.mm-back-to-top.mm-back-visible {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateY(0);
}



/* =========================================================
   ÍCONE
========================================================= */

.mm-back-to-top-icon {

    width: 23px;
    height: 23px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.mm-back-to-top-icon svg {

    display: block;

    width: 100%;
    height: 100%;
}



/* =========================================================
   HOVER
========================================================= */

.mm-back-to-top:hover {

    transform:
        translateY(-3px);

    border-color:
        #b48128;

    background:
        #fffdf9;

    color:
        #b48128;

    box-shadow:

        0
        13px
        30px
        rgba(
            79,
            61,
            73,
            .16
        );
}



/* =========================================================
   FOCO ACESSÍVEL
========================================================= */

.mm-back-to-top:focus-visible {

    outline:

        2px solid
        #705784;

    outline-offset:
        4px;
}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .mm-back-to-top {

        /*
           WHATSAPP MOBILE:
           bottom 18px
           altura 54px
           espaço 10px

           18 + 54 + 10 = 82px
        */

        right: 18px;
        bottom: 82px;

        width: 44px;
        height: 44px;
    }


    .mm-back-to-top-icon {

        width: 21px;
        height: 21px;
    }

}/* End custom CSS */