.elementor-1794 .elementor-element.elementor-global-2438{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1366px){.elementor-1794 .elementor-element.elementor-global-2438{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-1794 .elementor-element.elementor-global-2438{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for global, class: .elementor-global-2438 *//* =========================================================
   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-2dd41ee *//* =========================================================
   MONICA MARTINS
   PÁGINA — MEDITAÇÃO
   CSS COMPLETO E CONSOLIDADO
========================================================= */


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

.mmm-page {

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

    --mmm-purple: #675078;
    --mmm-purple-dark: #50405d;
    --mmm-lavender: #927ca1;

    --mmm-gold: #b48128;
    --mmm-gold-dark: #94641e;
    --mmm-gold-light: #d8bd82;

    --mmm-graphite: #484448;
    --mmm-text: #575157;

    --mmm-line:
        rgba(
            180,
            129,
            40,
            .20
        );

    position: relative;

    width: 100%;

    overflow: hidden;

    background:
        var(--mmm-ivory);

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


.mmm-page,
.mmm-page * {

    box-sizing: border-box;
}



/* =========================================================
   IMAGENS AINDA SEM URL
========================================================= */

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

    visibility: hidden;
}



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

.mmm-kicker {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

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

    font-size: 9.5px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;

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


.mmm-kicker > span {

    width: 38px;

    height: 1px;

    flex:
        0 0
        38px;

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



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

.mmm-divider {

    width: 200px;

    margin:
        20px
        0
        24px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmm-divider span {

    flex: 1;

    height: 1px;

    background:
        rgba(
            180,
            129,
            40,
            .40
        );
}


.mmm-divider i {

    font-style: normal;

    font-size: 12px;

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


.mmm-divider-center {

    margin:
        20px
        auto
        24px;
}



/* =========================================================
   TÍTULOS — PADRÃO
========================================================= */

.mmm-page h1,
.mmm-page h2,
.mmm-page h3 {

    text-transform: none;
}



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

.mmm-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 50px;

    padding:
        0
        34px;

    border-radius: 28px;

    background:

        linear-gradient(
            135deg,
            #b9852d,
            #98651d
        );

    box-shadow:

        0
        12px
        28px
        rgba(
            145,
            92,
            17,
            .18
        );

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

    font-size: 10.5px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration: none !important;

    color:
        #ffffff !important;

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


.mmm-button:hover {

    transform:
        translateY(-2px);

    box-shadow:

        0
        17px
        34px
        rgba(
            145,
            92,
            17,
            .26
        );

    color:
        #ffffff !important;
}



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

.mmm-hero {

    position: relative;

    min-height: 610px;

    padding:
        clamp(
            70px,
            6vw,
            95px
        )
        30px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 82% 40%,
            rgba(
                218,
                202,
                229,
                .20
            ),
            transparent 30%
        ),

        linear-gradient(
            110deg,
            #fffdf9 0%,
            #fbf6ef 52%,
            #f7eff7 100%
        );
}



/* DECORAÇÃO */

.mmm-hero::before {

    content: "";

    position: absolute;

    z-index: 0;

    top: -210px;

    right: -160px;

    width: 570px;

    height: 570px;

    border-radius: 50%;

    opacity: .055;

    pointer-events: none;

    background:

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



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

.mmm-hero-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1180px;

    min-height: 440px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        55%
        45%;

    align-items: center;

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



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

.mmm-hero-content {

    max-width: 620px;
}



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

.mmm-hero-content h1 {

    margin: 0;

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

    font-size:
        clamp(
            50px,
            5vw,
            70px
        );

    line-height: .95;

    font-weight: 500;

    letter-spacing: -.018em;

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



/* =========================================================
   HERO SUBTÍTULO
========================================================= */

.mmm-hero-content h2 {

    max-width: 600px;

    margin:
        0
        0
        22px;

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

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

    line-height: 1.25;

    font-weight: 500;

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



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

.mmm-hero-text {

    max-width: 570px;
}


.mmm-hero-text p {

    margin:
        0
        0
        15px;

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

    font-size: 13.5px;

    line-height: 1.7;

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


.mmm-hero-text strong {

    color:
        #403b40;

    font-weight: 700;
}



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

.mmm-hero-visual {

    position: relative;

    min-height: 390px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.mmm-hero-symbol {

    width: 270px;

    height: 270px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    font-family:
        Georgia,
        serif;

    font-size: 62px;

    color:
        var(--mmm-gold);

    opacity: .65;

    background:

        repeating-radial-gradient(
            circle,
            rgba(255,253,249,.75) 0,
            rgba(255,253,249,.75) 25px,
            rgba(112,87,132,.05) 26px,
            rgba(112,87,132,.05) 27px
        );
}



/* =========================================================
   02 — MINHA JORNADA
========================================================= */

.mmm-journey {

    position: relative;

    padding:
        clamp(
            75px,
            7vw,
            105px
        )
        30px;

    background:
        #fffdf9;
}


.mmm-journey-container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        60%
        40%;

    align-items: center;

    gap:
        clamp(
            45px,
            6vw,
            85px
        );
}


.mmm-journey-content {

    max-width: 670px;
}


.mmm-journey-content h2 {

    margin: 0;

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

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

    line-height: 1;

    font-weight: 500;

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


.mmm-journey-content p {

    margin:
        0
        0
        15px;

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

    font-size: 13px;

    line-height: 1.72;

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


.mmm-journey-content strong {

    color:
        #403b40;
}


.mmm-journey-highlight {

    margin:
        24px
        0 !important;

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

    font-size:
        22px !important;

    line-height:
        1.35 !important;

    color:
        var(--mmm-gold-dark) !important;
}



/* =========================================================
   FRASE DESTAQUE — JORNADA
========================================================= */

.mmm-journey-quote {

    position: relative;

    padding:
        40px
        35px;

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

    background:

        linear-gradient(
            135deg,
            #faf4ec,
            #f7f0f7
        );
}


.mmm-quote-symbol {

    height: 42px;

    font-family:
        Georgia,
        serif;

    font-size: 65px;

    line-height: .8;

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


.mmm-journey-quote p {

    margin: 0;

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

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

    line-height: 1.32;

    font-style: italic;

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



/* =========================================================
   03 — STARGATE
========================================================= */

.mmm-stargate {

    position: relative;

    padding:
        clamp(
            75px,
            7vw,
            105px
        )
        30px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 19% 48%,
            rgba(
                150,
                111,
                173,
                .18
            ),
            transparent 25%
        ),

        linear-gradient(
            110deg,
            #f4edf6 0%,
            #fbf7f2 56%,
            #fffdf9 100%
        );
}



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

.mmm-stargate-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        39%
        61%;

    align-items: center;

    gap:
        clamp(
            50px,
            6vw,
            85px
        );
}



/* =========================================================
   STARGATE IMAGEM
========================================================= */

.mmm-stargate-image {

    position: relative;

    min-height: 500px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border-radius:
        180px
        180px
        22px
        22px;

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

    box-shadow:
        0
        25px
        60px
        rgba(
            75,
            51,
            84,
            .10
        );
}


.mmm-stargate-image img {

    width: 100%;

    height: 100%;

    min-height: 500px;

    display: block;

    object-fit: cover;

    object-position: center;
}



/* PLACEHOLDER */

.mmm-stargate-image::after {

    content: "";

    position: absolute;

    inset: 12px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .48
        );

    border-radius:
        168px
        168px
        15px
        15px;

    pointer-events: none;
}



/* =========================================================
   STARGATE TEXTO
========================================================= */

.mmm-stargate-content {

    max-width: 650px;
}


.mmm-stargate-content h2 {

    margin: 0;

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

    font-size:
        clamp(
            37px,
            3.4vw,
            50px
        );

    line-height: 1;

    font-weight: 500;

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


.mmm-stargate-content p {

    margin:
        0
        0
        15px;

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

    font-size: 13px;

    line-height: 1.72;

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


.mmm-stargate-content strong {

    color:
        #403b40;

    font-weight: 700;
}


.mmm-stargate-highlight {

    margin-top:
        25px !important;

    padding:
        17px
        20px;

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

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

    font-size:
        21px !important;

    line-height:
        1.35 !important;

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

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



/* =========================================================
   04 — EXPERIÊNCIA DE HOJE
========================================================= */

.mmm-experience {

    padding:
        clamp(
            75px,
            7vw,
            105px
        )
        30px;

    background:
        #fffdf9;
}


.mmm-experience-container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;
}


.mmm-experience-header {

    max-width: 760px;

    margin:
        0 auto
        50px;

    text-align: center;
}


.mmm-experience-header .mmm-kicker {

    justify-content: center;
}


.mmm-experience-header h2 {

    margin: 0;

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

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

    line-height: 1.04;

    font-weight: 500;

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



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

.mmm-experience-grid {

    display: grid;

    grid-template-columns:
        52%
        48%;

    gap:
        50px;

    align-items: start;
}


.mmm-experience-main p {

    margin:
        0
        0
        17px;

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

    font-size: 13px;

    line-height: 1.72;

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


.mmm-experience-feature {

    margin:
        26px
        0 !important;

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

    font-size:
        25px !important;

    line-height:
        1.3 !important;

    color:
        var(--mmm-gold-dark) !important;
}



/* =========================================================
   CAMINHOS DA EXPERIÊNCIA
========================================================= */

.mmm-experience-paths {

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

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


.mmm-experience-paths article {

    position: relative;

    padding:
        27px
        25px
        27px
        54px;
}


.mmm-experience-paths article + article {

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


.mmm-experience-paths article > span {

    position: absolute;

    left: 0;

    top: 27px;

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

    font-size: 31px;

    color:
        rgba(
            180,
            129,
            40,
            .55
        );
}


.mmm-experience-paths h3 {

    margin:
        0
        0
        9px;

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

    font-size: 24px;

    font-weight: 600;

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


.mmm-experience-paths p {

    margin: 0;

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

    font-size: 12px;

    line-height: 1.65;

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



/* =========================================================
   05 — BASTA QUERER E PERMITIR
========================================================= */

.mmm-permit {

    padding:
        clamp(
            70px,
            6vw,
            95px
        )
        30px;

    background:

        linear-gradient(
            110deg,
            #faf4ec,
            #fffdf9 55%,
            #f6eff7
        );
}


.mmm-permit-container {

    width: 100%;

    max-width: 1060px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        58%
        42%;

    gap:
        clamp(
            45px,
            6vw,
            80px
        );

    align-items: center;
}


.mmm-permit-content h2 {

    margin: 0;

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

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

    line-height: 1;

    font-weight: 500;

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


.mmm-permit-content p {

    margin:
        0
        0
        14px;

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

    font-size: 13px;

    line-height: 1.7;

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


.mmm-permit-lead {

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

    font-size:
        24px !important;

    line-height:
        1.42 !important;

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


.mmm-permit-lead strong {

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


.mmm-permit-final {

    font-weight: 700;

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



/* =========================================================
   PERMITIR — MENSAGEM
========================================================= */

.mmm-permit-message {

    padding:
        38px
        32px;

    text-align: center;

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

    border-radius: 18px;

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


.mmm-permit-message > span {

    display: block;

    margin-bottom: 11px;

    font-size: 27px;

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


.mmm-permit-message p {

    margin:
        0
        0
        12px;

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

    font-size: 23px;

    line-height: 1.35;

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


.mmm-permit-message strong {

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

    font-size: 11px;

    letter-spacing: .08em;

    text-transform: uppercase;

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



/* =========================================================
   06 — DESAPEGO
========================================================= */

.mmm-detachment {

    padding:
        clamp(
            75px,
            7vw,
            105px
        )
        30px;

    background:
        #fffdf9;
}


.mmm-detachment-container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;
}


.mmm-detachment-header {

    max-width: 720px;

    margin:
        0 auto
        25px;

    text-align: center;
}


.mmm-detachment-header .mmm-kicker {

    justify-content: center;
}


.mmm-detachment-header h2 {

    margin:
        0
        0
        14px;

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

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

    line-height: 1.05;

    font-weight: 500;

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


.mmm-detachment-header > p {

    margin: 0;

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

    font-size: 13px;

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


.mmm-detachment-text {

    max-width: 720px;

    margin:
        0 auto
        40px;

    text-align: center;
}


.mmm-detachment-text p {

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;

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



/* =========================================================
   QUATRO PASSOS
========================================================= */

.mmm-detachment-steps {

    display: grid;

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

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

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


.mmm-detachment-steps article {

    position: relative;

    padding:
        32px
        25px;

    text-align: center;
}


.mmm-detachment-steps article + article {

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


.mmm-detachment-steps article > span {

    display: block;

    margin-bottom: 12px;

    font-size: 22px;

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


.mmm-detachment-steps h3 {

    margin:
        0
        0
        9px;

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

    font-size: 23px;

    font-weight: 600;

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


.mmm-detachment-steps p {

    margin: 0;

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

    font-size: 11px;

    line-height: 1.6;

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


.mmm-detachment-highlight {

    max-width: 700px;

    margin:
        38px auto
        0;

    text-align: center;

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

    font-size:
        22px;

    line-height: 1.35;

    font-style: italic;

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



/* =========================================================
   07 — MEDITE COMIGO
========================================================= */

.mmm-join {

    position: relative;

    padding:
        clamp(
            75px,
            7vw,
            105px
        )
        30px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 13% 30%,
            rgba(
                147,
                119,
                162,
                .16
            ),
            transparent 25%
        ),

        linear-gradient(
            110deg,
            #f4edf6,
            #fffaf4 60%,
            #fbf7f2
        );
}


.mmm-join-container {

    width: 100%;

    max-width: 980px;

    margin: 0 auto;
}


.mmm-join-content {

    max-width: 700px;

    margin: 0 auto;
}


.mmm-join-content h2 {

    margin: 0;

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

    font-size:
        clamp(
            37px,
            3.4vw,
            50px
        );

    line-height: 1.04;

    font-weight: 500;

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


.mmm-join-content > p {

    margin:
        0
        0
        16px;

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

    font-size: 13px;

    line-height: 1.72;

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



/* =========================================================
   CARD ONLINE
========================================================= */

.mmm-online-card {

    margin:
        30px
        0;

    padding:
        23px
        26px;

    display: grid;

    grid-template-columns:
        58px
        1fr;

    gap: 18px;

    align-items: center;

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

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

    box-shadow:
        0
        15px
        35px
        rgba(
            72,
            53,
            76,
            .05
        );
}


.mmm-online-symbol {

    width: 54px;

    height: 54px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

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

    font-size: 23px;

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


.mmm-online-card small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 8.5px;

    font-weight: 600;

    letter-spacing: .15em;

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


.mmm-online-card h3 {

    margin:
        0
        0
        7px;

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

    font-size: 24px;

    line-height: 1.1;

    font-weight: 600;

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


.mmm-online-card p {

    margin: 0;

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

    font-size: 11.5px;

    line-height: 1.55;

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


.mmm-join .mmm-button {

    margin-top: 15px;
}



/* =========================================================
   08 — ENCONTROS PRESENCIAIS
========================================================= */

.mmm-inperson {

    padding:
        clamp(
            75px,
            7vw,
            100px
        )
        30px;

    background:
        #fffdf9;
}


.mmm-inperson-container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        44%
        56%;

    align-items: center;

    gap:
        clamp(
            45px,
            6vw,
            80px
        );
}


.mmm-inperson-content {

    max-width: 500px;
}


.mmm-inperson-content h2 {

    margin: 0;

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

    font-size:
        clamp(
            36px,
            3.2vw,
            47px
        );

    line-height: 1.04;

    font-weight: 500;

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


.mmm-inperson-content p {

    margin:
        0
        0
        15px;

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

    font-size: 13px;

    line-height: 1.7;

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



/* =========================================================
   ENCONTRO PRESENCIAL — FOTO
========================================================= */

.mmm-inperson-image {

    position: relative;

    min-height: 380px;

    overflow: hidden;

    border-radius:
        18px
        120px
        18px
        18px;

    background:
        #f6efe8;
}


.mmm-inperson-image img {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


.mmm-inperson-image::after {

    content: "";

    position: absolute;

    inset: 12px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .55
        );

    border-radius:
        12px
        108px
        12px
        12px;

    pointer-events: none;
}



/* =========================================================
   09 — COMUNIDADE / FOTO GRUPO
   FRASE FORA DA FOTO — SEM COBRIR OS ROSTOS
========================================================= */

.mmm-community {

    position: relative;

    padding:
        22px
        30px
        32px;

    background:
        #fffdf9;
}


.mmm-community-card {

    position: relative;

    width: 100%;

    max-width: 1180px;

    margin:
        0 auto;

    padding-bottom: 28px;
}


/* =========================================================
   FOTO
========================================================= */

.mmm-community-image {

    position: relative;

    width: 100%;

    min-height: 0 !important;

    overflow: hidden;

    border-radius: 20px;

    background:
        #f6efe8;

    box-shadow:
        0
        14px
        34px
        rgba(
            79,
            61,
            73,
            .09
        );
}


.mmm-community-image img {

    position: relative;

    inset: auto;

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center;
}


/* =========================================================
   LEVE VÉU APENAS NA BASE DA FOTO
   NÃO PASSA SOBRE OS ROSTOS
========================================================= */

.mmm-community-image::after {

    content: "";

    position: absolute;

    z-index: 1;

    left: 0;
    right: 0;
    bottom: 0;

    height: 18%;

    pointer-events: none;

    background:

        linear-gradient(
            180deg,
            rgba(255,253,249,0) 0%,
            rgba(255,253,249,.10) 45%,
            rgba(255,253,249,.30) 100%
        );
}


/* =========================================================
   FRASE EM BLOCO PRÓPRIO
========================================================= */

.mmm-community-caption {

    position: relative;

    z-index: 3;

    width:
        min(
            82%,
            790px
        );

    margin:
        -24px
        auto
        0;

    padding:
        22px
        38px
        24px;

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

    border-radius: 16px;

    background:

        linear-gradient(
            135deg,
            rgba(255,253,249,.98),
            rgba(250,245,240,.98)
        );

    box-shadow:
        0
        14px
        32px
        rgba(
            79,
            61,
            73,
            .09
        );

    text-align: center;
}


.mmm-community-caption::before,
.mmm-community-caption::after {

    content: "";

    position: absolute;

    top: 28px;

    width: 54px;

    height: 1px;

    background:

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


.mmm-community-caption::before {

    left: 26px;
}


.mmm-community-caption::after {

    right: 26px;

    transform:
        scaleX(-1);
}


.mmm-community-caption-symbol {

    display: block;

    margin:
        0
        auto
        7px;

    font-size: 14px;

    line-height: 1;

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


.mmm-community-caption p {

    max-width: 690px;

    margin:
        0 auto;

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

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

    line-height: 1.17;

    font-weight: 500;

    font-style: italic;

    letter-spacing: -.01em;

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



/* =========================================================
   10 — DEPOIMENTOS
========================================================= */

.mmm-testimonials {

    padding:
        clamp(
            75px,
            7vw,
            100px
        )
        30px;

    background:

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


.mmm-testimonials-container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;
}


.mmm-testimonials-header {

    max-width: 760px;

    margin:
        0 auto
        43px;

    text-align: center;
}


.mmm-testimonials-header .mmm-kicker {

    justify-content: center;
}


.mmm-testimonials-header h2 {

    margin:
        0
        0
        14px;

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

    font-size:
        clamp(
            36px,
            3.3vw,
            49px
        );

    line-height: 1.04;

    font-weight: 500;

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


.mmm-testimonials-header > p {

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;

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



/* =========================================================
   GRID DEPOIMENTOS
========================================================= */

.mmm-testimonials-grid {

    display: grid;

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

    gap: 16px;
}


.mmm-testimonial {

    min-height: 230px;

    padding:
        24px
        22px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

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

    border-radius: 16px;

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


.mmm-testimonial-quote {

    height: 35px;

    font-family:
        Georgia,
        serif;

    font-size: 48px;

    line-height: .8;

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


.mmm-testimonial > p {

    margin:
        15px
        0
        20px;

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

    font-size: 18px;

    line-height: 1.35;

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


.mmm-testimonial-person {

    padding-top: 14px;

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


.mmm-testimonial-person strong {

    display: block;

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

    font-size: 18px;

    line-height: 1.1;

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


.mmm-testimonial-person small {

    display: block;

    margin-top: 4px;

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

    font-size: 8.5px;

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



/* =========================================================
   11 — CTA FINAL
========================================================= */

.mmm-final {

    position: relative;

    padding:
        65px
        30px
        75px;

    background:

        radial-gradient(
            circle at 50% 120%,
            rgba(
                219,
                200,
                229,
                .22
            ),
            transparent 45%
        ),

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


.mmm-final-container {

    max-width: 720px;

    margin: 0 auto;

    text-align: center;
}


.mmm-final-symbol {

    margin-bottom: 8px;

    font-size: 27px;

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


.mmm-final h2 {

    margin: 0;

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

    font-size:
        clamp(
            36px,
            3.4vw,
            50px
        );

    line-height: 1.05;

    font-weight: 500;

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


.mmm-final > .mmm-final-container > p {

    margin:
        9px
        0
        0;

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

    font-size:
        25px;

    font-style: italic;

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


.mmm-final-divider {

    width: 210px;

    margin:
        20px auto
        23px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmm-final-divider span {

    flex: 1;

    height: 1px;

    background:
        rgba(
            180,
            129,
            40,
            .38
        );
}


.mmm-final-divider i {

    font-style: normal;

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



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

@media (max-width: 1024px) {

    .mmm-hero-container {

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


    .mmm-journey-container {

        grid-template-columns:
            57%
            43%;
    }


    .mmm-stargate-container {

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


    .mmm-stargate-image {

        min-height: 440px;
    }


    .mmm-stargate-image img {

        min-height: 440px;
    }


    .mmm-experience-grid {

        grid-template-columns:
            50%
            50%;

        gap: 35px;
    }


    .mmm-permit-container {

        grid-template-columns:
            55%
            45%;
    }


    .mmm-detachment-steps article {

        padding:
            28px
            18px;
    }


    .mmm-inperson-container {

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


    .mmm-testimonials-grid {

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

}



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

@media (max-width: 767px) {

    /* =====================================================
       GERAL
    ===================================================== */

    .mmm-page {

        overflow: hidden;
    }


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

    .mmm-hero {

        min-height: auto;

        padding:
            58px
            20px;
    }


    .mmm-hero-container {

        display: flex;

        flex-direction: column;

        gap: 38px;
    }


    .mmm-hero-content {

        width: 100%;

        max-width: none;

        order: 2;
    }


    .mmm-hero-visual {

        width: 100%;

        min-height: 250px;

        order: 1;
    }


    .mmm-hero-symbol {

        width: 210px;

        height: 210px;
    }


    .mmm-hero-content h1 {

        font-size:
            clamp(
                44px,
                14vw,
                58px
            );
    }


    .mmm-hero-content h2 {

        font-size:
            clamp(
                23px,
                6.5vw,
                28px
            );
    }


    /* =====================================================
       JORNADA
    ===================================================== */

    .mmm-journey {

        padding:
            60px
            20px;
    }


    .mmm-journey-container {

        grid-template-columns: 1fr;

        gap: 38px;
    }


    /* =====================================================
       STARGATE
    ===================================================== */

    .mmm-stargate {

        padding:
            60px
            20px;
    }


    .mmm-stargate-container {

        display: flex;

        flex-direction: column;

        gap: 40px;
    }


    .mmm-stargate-image {

        width: 100%;

        min-height: 430px;

        border-radius:
            120px
            120px
            18px
            18px;
    }


    .mmm-stargate-image img {

        min-height: 430px;
    }


    .mmm-stargate-image::after {

        border-radius:
            108px
            108px
            12px
            12px;
    }


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

    .mmm-experience {

        padding:
            60px
            20px;
    }


    .mmm-experience-header {

        margin-bottom: 35px;
    }


    .mmm-experience-grid {

        grid-template-columns:
            1fr;

        gap: 25px;
    }


    /* =====================================================
       PERMITIR
    ===================================================== */

    .mmm-permit {

        padding:
            60px
            20px;
    }


    .mmm-permit-container {

        grid-template-columns:
            1fr;

        gap: 35px;
    }


    /* =====================================================
       DESAPEGO
    ===================================================== */

    .mmm-detachment {

        padding:
            60px
            20px;
    }


    .mmm-detachment-steps {

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


    .mmm-detachment-steps article {

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


    .mmm-detachment-steps article:nth-child(3) {

        border-left: 0;
    }


    .mmm-detachment-steps article:nth-last-child(-n + 2) {

        border-bottom: 0;
    }


    /* =====================================================
       MEDITE COMIGO
    ===================================================== */

    .mmm-join {

        padding:
            60px
            20px;
    }


    .mmm-online-card {

        grid-template-columns:
            48px
            1fr;

        padding:
            20px
            18px;

        gap: 14px;
    }


    .mmm-online-symbol {

        width: 46px;

        height: 46px;
    }


    .mmm-join .mmm-button {

        width: 100%;
    }


    /* =====================================================
       ENCONTROS PRESENCIAIS
    ===================================================== */

    .mmm-inperson {

        padding:
            60px
            20px;
    }


    .mmm-inperson-container {

        display: flex;

        flex-direction: column;

        gap: 35px;
    }


    .mmm-inperson-content {

        width: 100%;

        max-width: none;
    }


    .mmm-inperson-image {

        width: 100%;

        min-height: 300px;

        border-radius:
            14px
            90px
            14px
            14px;
    }


    .mmm-inperson-image::after {

        border-radius:
            9px
            78px
            9px
            9px;
    }


    /* =====================================================
       COMUNIDADE
    ===================================================== */

    .mmm-community {

        padding:
            18px
            20px
            28px;
    }


    .mmm-community-card {

        padding-bottom: 24px;
    }


    .mmm-community-image {

        min-height: 0 !important;

        border-radius: 18px;
    }


    .mmm-community-caption {

        width:
            calc(100% - 42px);

        margin-top: -20px;

        padding:
            20px
            25px
            22px;

        border-radius: 15px;
    }


    .mmm-community-caption::before,
    .mmm-community-caption::after {

        width: 36px;
    }


    .mmm-community-caption p {

        font-size:
            clamp(
                23px,
                4vw,
                30px
            );
    }


    /* =====================================================
       DEPOIMENTOS
    ===================================================== */

    .mmm-testimonials {

        padding:
            60px
            20px;
    }


    .mmm-testimonials-grid {

        grid-template-columns:
            1fr;

        gap: 14px;
    }


    .mmm-testimonial {

        min-height: 200px;
    }


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

    .mmm-final {

        padding:
            55px
            20px
            65px;
    }


    .mmm-final .mmm-button {

        width: 100%;
    }

}



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

@media (max-width: 480px) {

    .mmm-hero-text p,
    .mmm-journey-content p,
    .mmm-stargate-content p,
    .mmm-experience-main p,
    .mmm-permit-content p,
    .mmm-join-content > p,
    .mmm-inperson-content p {

        font-size: 12.5px;
    }


    .mmm-detachment-steps {

        grid-template-columns:
            1fr;
    }


    .mmm-detachment-steps article + article {

        border-left: 0;
    }


    .mmm-detachment-steps article {

        border-bottom:
            1px solid
            var(--mmm-line) !important;
    }


    .mmm-detachment-steps article:last-child {

        border-bottom:
            0 !important;
    }


    .mmm-online-card {

        display: block;
    }


    .mmm-online-symbol {

        margin-bottom: 14px;
    }


    .mmm-community {

        padding:
            14px
            14px
            24px;
    }


    .mmm-community-image {

        min-height: 0 !important;

        border-radius: 15px;
    }


    .mmm-community-card {

        padding-bottom: 20px;
    }


    .mmm-community-caption {

        width:
            calc(100% - 24px);

        margin-top: -14px;

        padding:
            18px
            16px
            20px;

        border-radius: 14px;
    }


    .mmm-community-caption::before,
    .mmm-community-caption::after {

        display: none;
    }


    .mmm-community-caption-symbol {

        margin-bottom: 6px;
    }


    .mmm-community-caption p {

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

        line-height: 1.18;
    }

}


/* =========================================================
   AJUSTES FINAIS — HERO + DEPOIMENTOS
   17/09/2026
   ========================================================= */


/* =========================================================
   HERO — IMAGEM COMO FUNDO
========================================================= */

.mmm-hero {

    position: relative;

    min-height: 610px;

    padding:
        clamp(70px, 6vw, 95px)
        30px;

    overflow: hidden;

    isolation: isolate;

    background-color:
        #f8eee5;

    background-image:
        url("https://monicamartinspiritualcoach.com.br/wp-content/uploads/2026/09/meditacao-inicio-pg-interna-2.png");

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-position:
        center center;
}


/* FADE DE LEITURA À ESQUERDA */

.mmm-hero::before {

    content: "";

    position: absolute;

    z-index: 1;

    inset: 0;

    pointer-events: none;

    border-radius: 0;

    opacity: 1;

    background:
        linear-gradient(
            90deg,
            rgba(255, 250, 244, .97) 0%,
            rgba(255, 250, 244, .92) 27%,
            rgba(255, 250, 244, .76) 43%,
            rgba(255, 250, 244, .34) 58%,
            rgba(255, 250, 244, 0) 74%
        );
}


/* REMOVE DECORAÇÃO / VISUAL FRONTAL ANTIGOS */

.mmm-hero-decoration,
.mmm-hero-visual,
.mmm-hero-symbol,
.mmm-hero-image {

    display: none !important;
}


/* CONTAINER HERO */

.mmm-hero-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1180px;

    min-height: 420px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 0;
}


/* CONTEÚDO HERO */

.mmm-hero-content {

    width: 50%;

    max-width: 600px;

    order: initial;
}


.mmm-hero-content h1 {

    margin: 0;

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

    font-size:
        clamp(50px, 5vw, 70px);

    line-height: .95;

    font-weight: 500;

    letter-spacing: -.018em;

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


.mmm-hero-content h2 {

    max-width: 570px;

    margin:
        0
        0
        22px;

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

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

    line-height: 1.25;

    font-weight: 500;

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


.mmm-hero-text {

    max-width: 550px;
}


.mmm-hero-text p {

    margin:
        0
        0
        15px;

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

    font-size: 13.5px;

    line-height: 1.7;

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


.mmm-hero-text strong {

    color: #403b40;

    font-weight: 700;
}


/* =========================================================
   DEPOIMENTOS — CAMPO PARA FUNDO + 6 CARDS COMPACTOS
========================================================= */

.mmm-testimonials {

    /*
       Quando você tiver a mandala, substitua "none" por:
       url("URL-DA-MANDALA")
    */

    --mmm-testimonials-bg-image: none;

    position: relative;

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

    overflow: hidden;

    background-color:
        #fffaf4;

    background-image:
        linear-gradient(
            180deg,
            rgba(255, 253, 249, .94) 0%,
            rgba(250, 244, 237, .92) 100%
        ),
        var(--mmm-testimonials-bg-image);

    background-repeat:
        no-repeat,
        no-repeat;

    background-size:
        cover,
        650px auto;

    background-position:
        center,
        right center;
}


.mmm-testimonials-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;
}


.mmm-testimonials-header {

    max-width: 760px;

    margin:
        0 auto
        34px;

    text-align: center;
}


.mmm-testimonials-grid {

    display: grid;

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

    gap: 12px;
}


.mmm-testimonial {

    min-width: 0;

    min-height: 215px;

    padding:
        18px
        16px
        16px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

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

    border-radius: 12px;

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

    box-shadow:
        0
        10px
        26px
        rgba(70, 51, 69, .045);

    backdrop-filter:
        blur(2px);

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

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


.mmm-testimonial:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(180, 129, 40, .42);

    box-shadow:
        0
        15px
        30px
        rgba(70, 51, 69, .07);
}


.mmm-testimonial-quote {

    height: 25px;

    font-family:
        Georgia,
        serif;

    font-size: 37px;

    line-height: .72;

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


.mmm-testimonial > p {

    flex: 1;

    margin:
        9px
        0
        13px;

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

    font-size: 14px;

    line-height: 1.34;

    font-weight: 500;

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


.mmm-testimonial-person {

    padding-top: 10px;

    border-top:
        1px solid
        rgba(180, 129, 40, .18);
}


.mmm-testimonial-person strong {

    display: block;

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

    font-size: 9.5px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

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


/* =========================================================
   HERO / DEPOIMENTOS — NOTEBOOK
========================================================= */

@media (max-width: 1180px) {

    .mmm-testimonials-grid {

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

        gap: 14px;
    }


    .mmm-testimonial {

        min-height: 190px;
    }


    .mmm-testimonial > p {

        font-size: 15px;
    }

}


/* =========================================================
   HERO — TABLET
========================================================= */

@media (max-width: 1024px) {

    .mmm-hero {

        min-height: 570px;

        background-position:
            55% center;
    }


    .mmm-hero::before {

        background:
            linear-gradient(
                90deg,
                rgba(255, 250, 244, .97) 0%,
                rgba(255, 250, 244, .91) 35%,
                rgba(255, 250, 244, .55) 58%,
                rgba(255, 250, 244, 0) 82%
            );
    }


    .mmm-hero-content {

        width: 56%;

        max-width: 550px;
    }

}


/* =========================================================
   DEPOIMENTOS — TABLET
========================================================= */

@media (max-width: 820px) {

    .mmm-testimonials-grid {

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

}


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

@media (max-width: 767px) {

    .mmm-hero {

        min-height: auto;

        padding:
            330px
            20px
            60px;

        background-size:
            auto 330px;

        background-position:
            22% top;

        background-color:
            #fffaf4;
    }


    .mmm-hero::before {

        background:
            linear-gradient(
                180deg,
                rgba(255, 250, 244, 0) 0%,
                rgba(255, 250, 244, .12) 30%,
                rgba(255, 250, 244, .90) 48%,
                #fffaf4 63%
            );
    }


    .mmm-hero-container {

        min-height: auto;

        display: block;
    }


    .mmm-hero-content {

        width: 100%;

        max-width: none;

        order: initial;
    }


    .mmm-hero-content h1 {

        font-size:
            clamp(44px, 14vw, 58px);
    }


    .mmm-hero-content h2 {

        font-size:
            clamp(23px, 6.5vw, 28px);
    }


    .mmm-testimonials {

        padding:
            55px
            20px;
    }


    .mmm-testimonials-grid {

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

        gap: 11px;
    }


    .mmm-testimonial {

        min-height: 190px;

        padding:
            16px
            14px;
    }


    .mmm-testimonial > p {

        font-size: 14px;
    }

}


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

@media (max-width: 520px) {

    .mmm-testimonials-grid {

        grid-template-columns:
            1fr;
    }


    .mmm-testimonial {

        min-height: auto;
    }


    .mmm-testimonial > p {

        font-size: 16px;
    }

}

/* =========================================================
   HERO MEDITAÇÃO — SOBREPOSIÇÃO MAIS FORTE PARA LEITURA
========================================================= */

.mmm-hero::before {

    content: "";

    position: absolute;

    z-index: 1;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,

            rgba(255, 250, 244, .99) 0%,

            rgba(255, 250, 244, .98) 20%,

            rgba(255, 250, 244, .95) 36%,

            rgba(255, 250, 244, .82) 48%,

            rgba(255, 250, 244, .52) 58%,

            rgba(255, 250, 244, .18) 69%,

            rgba(255, 250, 244, 0) 79%
        );
}


/* GARANTE O TEXTO ACIMA DA SOBREPOSIÇÃO */

.mmm-hero-container {

    position: relative;

    z-index: 3;
}


/* PEQUENO REFORÇO DE CONTRASTE NOS PARÁGRAFOS */

.mmm-hero-text p {

    color: #454045;
}


/* SUBTÍTULO UM POUCO MAIS PRESENTE */

.mmm-hero-content h2 {

    color: #976319;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b1facc *//* =========================================================
   MONICA MARTINS
   PÁGINA INDEPENDENTE — DEPOIMENTOS
========================================================= */

.mmdp-page {

    --mmdp-purple: #674f7b;
    --mmdp-purple-dark: #4f3b60;

    --mmdp-lavender: #9882aa;
    --mmdp-lavender-soft: #f5eff7;

    --mmdp-gold: #b88327;
    --mmdp-gold-dark: #96651e;

    --mmdp-text: #5b535b;

    --mmdp-ivory: #fcf8f2;
    --mmdp-white: #fffdf9;

    --mmdp-line:
        rgba(
            184,
            131,
            39,
            .20
        );

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        clamp(80px, 7vw, 120px)
        25px
        clamp(90px, 8vw, 130px);

    background:

        radial-gradient(
            circle at 7% 12%,
            rgba(218, 202, 228, .22),
            transparent 27%
        ),

        radial-gradient(
            circle at 94% 48%,
            rgba(235, 217, 203, .22),
            transparent 30%
        ),

        linear-gradient(
            120deg,
            #faf4ef 0%,
            #fffdf9 48%,
            #faf5f0 100%
        );
}


.mmdp-page,
.mmdp-page * {

    box-sizing: border-box;
}



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

.mmdp-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;
}



/* =========================================================
   ABERTURA
========================================================= */

.mmdp-header {

    width: 100%;

    max-width: 810px;

    margin:
        0 auto
        80px;

    text-align: center;
}


.mmdp-kicker {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 13px;

    margin-bottom: 19px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .25em;

    color:
        var(--mmdp-gold);

    text-transform: uppercase;
}


.mmdp-kicker span {

    width: 48px;

    height: 1px;

    background:
        rgba(
            184,
            131,
            39,
            .40
        );
}



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

.mmdp-header h1 {

    margin: 0;

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

    font-size:
        clamp(
            50px,
            5.5vw,
            82px
        );

    line-height: .96;

    font-weight: 500;

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


.mmdp-header h1 em {

    display: block;

    margin-top: 5px;

    font-size: 1.10em;

    font-weight: 500;

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



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

.mmdp-divider {

    width: 220px;

    margin:
        25px auto
        23px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmdp-divider span {

    flex: 1;

    height: 1px;

    background:
        rgba(
            184,
            131,
            39,
            .35
        );
}


.mmdp-divider i {

    font-style: normal;

    color:
        var(--mmdp-gold);

    font-size: 11px;
}



/* =========================================================
   INTRO
========================================================= */

.mmdp-header h2 {

    max-width: 650px;

    margin:
        0 auto
        23px;

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

    font-size:
        clamp(
            27px,
            2.5vw,
            38px
        );

    line-height: 1.15;

    font-weight: 500;

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


.mmdp-intro {

    max-width: 700px;

    margin: 0 auto;
}


.mmdp-intro p {

    margin:
        0
        0
        14px;

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

    font-size: 13px;

    line-height: 1.75;

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


.mmdp-intro-final {

    margin:
        24px
        0
        0;

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

    font-size: 25px;

    font-style: italic;

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



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

.mmdp-card {

    position: relative;

    width: 100%;

    margin-bottom: 28px;

    padding:
        clamp(
            32px,
            3vw,
            45px
        );

    border:
        1px solid
        rgba(
            184,
            131,
            39,
            .13
        );

    border-radius: 15px;

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

    box-shadow:
        0
        15px
        38px
        rgba(
            66,
            49,
            61,
            .045
        );
}



/* =========================================================
   ASPAS
========================================================= */

.mmdp-quote-mark {

    position: absolute;

    top: 17px;

    left: 25px;

    font-family:
        Georgia,
        serif;

    font-size: 57px;

    line-height: 1;

    color:
        rgba(
            184,
            131,
            39,
            .50
        );
}



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

.mmdp-card blockquote {

    margin: 0;

    padding-top: 27px;
}


.mmdp-card blockquote p {

    margin:
        0
        0
        16px;

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

    font-size: 13px;

    line-height: 1.77;

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


.mmdp-card blockquote p:last-child {

    margin-bottom: 0;
}



/* =========================================================
   AUTOR
========================================================= */

.mmdp-author {

    position: relative;

    margin-top: 27px;

    padding-top: 18px;

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


.mmdp-author::before {

    content: "";

    position: absolute;

    left: 0;

    top: -1px;

    width: 64px;

    height: 1px;

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


.mmdp-author span,
.mmdp-author small {

    display: block;
}


.mmdp-author span {

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

    font-size: 23px;

    font-weight: 600;

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


.mmdp-author small {

    margin-top: 4px;

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

    font-size: 9px;

    letter-spacing: .07em;

    text-transform: uppercase;

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



/* =========================================================
   DESTAQUE PRINCIPAL
========================================================= */

.mmdp-card-featured {

    max-width: 1040px;

    margin:
        0 auto
        42px;

    padding:
        clamp(
            40px,
            4vw,
            60px
        );

    border-left:
        3px solid
        var(--mmdp-gold);
}


.mmdp-card-featured blockquote {

    max-width: 900px;
}


.mmdp-card-featured blockquote p {

    font-size: 13.5px;

    line-height: 1.8;
}



/* =========================================================
   BLOCOS DUAS COLUNAS
========================================================= */

.mmdp-grid-two {

    display: grid;

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

    gap: 28px;

    align-items: start;

    margin-bottom: 14px;
}


.mmdp-grid-two .mmdp-card {

    margin-bottom: 0;
}



/* =========================================================
   CARD LARGO
========================================================= */

.mmdp-card-wide {

    max-width: 940px;

    margin:
        42px auto;

    padding:
        clamp(
            37px,
            4vw,
            55px
        );
}



/* =========================================================
   CARD CURTO
========================================================= */

.mmdp-card-short {

    max-width: 720px;

    margin:
        45px auto;

    text-align: center;
}


.mmdp-card-short .mmdp-quote-mark {

    left: 50%;

    transform:
        translateX(-50%);
}


.mmdp-card-short .mmdp-author::before {

    left: 50%;

    transform:
        translateX(-50%);
}



/* =========================================================
   VARIAÇÕES
========================================================= */

.mmdp-card-lavender {

    background:

        linear-gradient(
            135deg,
            rgba(247,242,249,.96),
            rgba(255,253,249,.96)
        );
}


.mmdp-card-soft {

    background:

        linear-gradient(
            120deg,
            rgba(255,252,246,.96),
            rgba(248,242,249,.80)
        );
}



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

.mmdp-closing {

    position: relative;

    max-width: 760px;

    margin:
        clamp(
            85px,
            8vw,
            125px
        )
        auto
        0;

    padding:
        65px
        35px
        10px;

    text-align: center;

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


.mmdp-closing-symbol {

    margin-bottom: 13px;

    font-size: 13px;

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


.mmdp-closing-kicker {

    display: block;

    margin-bottom: 12px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .19em;

    color:
        var(--mmdp-gold);

    text-transform: uppercase;
}


.mmdp-closing h2 {

    max-width: 650px;

    margin:
        0 auto
        19px;

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

    font-size:
        clamp(
            35px,
            3.5vw,
            51px
        );

    line-height: 1.05;

    font-weight: 500;

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


.mmdp-closing p {

    max-width: 570px;

    margin:
        0 auto;

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

    font-size: 13px;

    line-height: 1.7;

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



/* =========================================================
   ASSINATURA
========================================================= */

.mmdp-signature {

    margin:
        25px
        0
        21px;

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

    font-size:
        clamp(
            26px,
            2.3vw,
            34px
        );

    line-height: 1;

    font-style: italic;

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



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

.mmdp-button {

    display: inline-flex;

    min-height: 50px;

    padding:
        0
        37px;

    align-items: center;

    justify-content: center;

    border-radius: 28px;

    background:

        linear-gradient(
            135deg,
            #c48c2a,
            #9d681a
        );

    box-shadow:
        0
        13px
        28px
        rgba(
            145,
            92,
            17,
            .18
        );

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

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .09em;

    text-transform: uppercase;

    text-decoration: none !important;

    color:
        #ffffff !important;

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


.mmdp-button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0
        17px
        35px
        rgba(
            145,
            92,
            17,
            .27
        );

    color:
        #ffffff !important;
}



/* =========================================================
   ORNAMENTOS
========================================================= */

.mmdp-orbit {

    position: absolute;

    z-index: 0;

    border-radius: 50%;

    pointer-events: none;

    background:

        repeating-radial-gradient(
            circle,
            transparent 0,
            transparent 35px,
            rgba(108,82,130,.055) 36px,
            rgba(108,82,130,.055) 37px
        );
}


.mmdp-orbit-top {

    width: 500px;

    height: 500px;

    right: -270px;

    top: 170px;
}


.mmdp-orbit-bottom {

    width: 420px;

    height: 420px;

    left: -245px;

    bottom: 300px;
}



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

@media (max-width: 1050px) {

    .mmdp-container {

        max-width: 900px;
    }


    .mmdp-card {

        padding:
            35px
            32px;
    }

}



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

@media (max-width: 820px) {

    .mmdp-grid-two {

        grid-template-columns:
            1fr;

        gap: 24px;

        margin-bottom: 24px;
    }


    .mmdp-card-featured,
    .mmdp-card-wide {

        margin-top: 30px;

        margin-bottom: 30px;
    }

}



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

@media (max-width: 600px) {

    .mmdp-page {

        padding:
            65px
            17px
            80px;
    }


    .mmdp-header {

        margin-bottom: 55px;
    }


    .mmdp-header h1 {

        font-size:
            clamp(
                46px,
                15vw,
                63px
            );
    }


    .mmdp-header h2 {

        font-size: 27px;
    }


    .mmdp-intro p {

        font-size: 12.5px;
    }


    .mmdp-card,
    .mmdp-card-featured,
    .mmdp-card-wide {

        padding:
            31px
            22px;

        border-radius: 12px;
    }


    .mmdp-quote-mark {

        top: 15px;

        left: 18px;

        font-size: 50px;
    }


    .mmdp-card blockquote {

        padding-top: 25px;
    }


    .mmdp-card blockquote p {

        font-size: 12.5px;

        line-height: 1.72;
    }


    .mmdp-author span {

        font-size: 21px;
    }


    .mmdp-card-short {

        text-align: left;
    }


    .mmdp-card-short .mmdp-quote-mark {

        left: 18px;

        transform: none;
    }


    .mmdp-card-short .mmdp-author::before {

        left: 0;

        transform: none;
    }


    .mmdp-closing {

        padding:
            50px
            5px
            0;
    }


    .mmdp-button {

        width: 100%;
    }

}
/* =========================================================
   PÁGINA DEPOIMENTOS
   AJUSTES FINAIS
========================================================= */


/* =========================================================
   REMOVE LINHAS / ESTILOS DO BLOCKQUOTE
   HERDADOS DO TEMA
========================================================= */

.mmdp-card blockquote {

    margin: 0 !important;

    padding:
        27px
        0
        0 !important;

    border: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    border-top: 0 !important;

    border-bottom: 0 !important;

    box-shadow: none !important;

    background: transparent !important;
}


/* REMOVE EVENTUAIS DECORAÇÕES DO TEMA */

.mmdp-card blockquote::before,
.mmdp-card blockquote::after {

    display: none !important;

    content: none !important;
}



/* =========================================================
   TEXTO DOS DEPOIMENTOS
========================================================= */

.mmdp-card blockquote p {

    margin:
        0
        0
        16px;

    padding: 0 !important;

    border: 0 !important;

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

    font-size: 13px;

    line-height: 1.77;

    font-style: normal;

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


.mmdp-card blockquote p:last-child {

    margin-bottom: 0;
}



/* =========================================================
   TÍTULO PRINCIPAL — MENOR
========================================================= */

.mmdp-header h1 {

    margin: 0;

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

    font-size:
        clamp(
            44px,
            4.5vw,
            66px
        );

    line-height: .98;

    font-weight: 500;

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


.mmdp-header h1 em {

    display: block;

    margin-top: 4px;

    font-size: 1.06em;

    font-weight: 500;

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



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

@media (max-width: 600px) {

    .mmdp-header h1 {

        font-size:
            clamp(
                39px,
                12vw,
                52px
            );
    }


    .mmdp-card blockquote {

        padding-top:
            25px !important;
    }


    .mmdp-card blockquote p {

        font-size: 12.5px;

        line-height: 1.72;
    }

}
/* =========================================================
   MEDITAÇÃO — DEPOIMENTOS
   AJUSTE DA ABERTURA E ENCAIXE NA PÁGINA MEDITAÇÃO
   Mantém integralmente o visual dos cards da página Depoimentos
========================================================= */

.mmdp-meditation-testimonials {

    padding:
        clamp(68px, 6vw, 92px)
        25px
        clamp(72px, 6.5vw, 100px);
}


.mmdp-meditation-testimonials
.mmdp-header {

    max-width: 860px;

    margin:
        0 auto
        62px;
}


.mmdp-meditation-testimonials
.mmdp-header h1 {

    max-width: 800px;

    margin:
        0 auto;

    font-size:
        clamp(
            42px,
            4.6vw,
            64px
        );

    line-height: .98;
}


.mmdp-meditation-testimonials
.mmdp-header h1 em {

    display: inline;

    margin-top: 0;

    font-size: 1em;
}


.mmdp-meditation-testimonials
.mmdp-divider {

    margin:
        22px auto
        21px;
}


.mmdp-meditation-testimonials
.mmdp-intro {

    max-width: 760px;
}


.mmdp-meditation-testimonials
.mmdp-intro p {

    margin: 0;

    font-size: 12.5px;

    line-height: 1.70;
}


/* =========================================================
   GARANTIA EXTRA — REMOVE LINHA AZUL DO BLOCKQUOTE
========================================================= */

.mmdp-meditation-testimonials
.mmdp-card blockquote {

    margin: 0 !important;

    padding:
        27px
        0
        0 !important;

    border: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    border-top: 0 !important;

    border-bottom: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    background: transparent !important;

    font-style: normal !important;
}


.mmdp-meditation-testimonials
.mmdp-card blockquote::before,
.mmdp-meditation-testimonials
.mmdp-card blockquote::after {

    display: none !important;

    content: none !important;
}


.mmdp-meditation-testimonials
.mmdp-card blockquote p {

    padding: 0 !important;

    border: 0 !important;

    font-style: normal !important;
}


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

@media (max-width: 820px) {

    .mmdp-meditation-testimonials {

        padding:
            60px
            20px
            72px;
    }


    .mmdp-meditation-testimonials
    .mmdp-header {

        margin-bottom: 48px;
    }


    .mmdp-meditation-testimonials
    .mmdp-header h1 {

        font-size:
            clamp(
                39px,
                8vw,
                54px
            );
    }

}


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

@media (max-width: 600px) {

    .mmdp-meditation-testimonials {

        padding:
            52px
            17px
            65px;
    }


    .mmdp-meditation-testimonials
    .mmdp-header {

        margin-bottom: 40px;
    }


    .mmdp-meditation-testimonials
    .mmdp-header h1 {

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

        line-height: 1;
    }


    .mmdp-meditation-testimonials
    .mmdp-header h1 em {

        display: block;

        margin-top: 3px;
    }


    .mmdp-meditation-testimonials
    .mmdp-intro p {

        font-size: 12px;

        line-height: 1.65;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c26a89b *//* =========================================================
   MONICA MARTINS
   MEDITAÇÃO — CTA FINAL
   BLOCO TOTALMENTE INDEPENDENTE
========================================================= */

.mmm-final-standalone {

    --mmm-final-purple: #675078;
    --mmm-final-gold: #b48128;
    --mmm-final-gold-dark: #94641e;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:

        65px
        30px
        75px;

    background:

        radial-gradient(
            circle at 50% 120%,
            rgba(
                219,
                200,
                229,
                .22
            ),
            transparent 45%
        ),

        linear-gradient(
            180deg,
            #fffaf4 0%,
            #f8f1eb 100%
        );
}


.mmm-final-standalone,
.mmm-final-standalone * {

    box-sizing: border-box;
}



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

.mmm-final-standalone-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 720px;

    margin:
        0 auto;

    text-align: center;
}



/* =========================================================
   SÍMBOLO
========================================================= */

.mmm-final-standalone-symbol {

    margin-bottom: 9px;

    font-size: 27px;

    line-height: 1;

    color:
        var(--mmm-final-gold);
}



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

.mmm-final-standalone h2 {

    margin: 0;

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

    font-size:

        clamp(
            36px,
            3.4vw,
            50px
        );

    line-height: 1.05;

    font-weight: 500;

    letter-spacing: -.01em;

    text-transform: none;

    color:
        var(--mmm-final-purple);
}



/* =========================================================
   FRASE
========================================================= */

.mmm-final-standalone-container > p {

    margin:

        10px
        0
        0;

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

    font-size:

        clamp(
            23px,
            2vw,
            27px
        );

    line-height: 1.15;

    font-weight: 500;

    font-style: italic;

    color:
        var(--mmm-final-gold-dark);
}



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

.mmm-final-standalone-divider {

    width: 210px;

    margin:

        21px auto
        24px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;
}


.mmm-final-standalone-divider span {

    flex: 1;

    height: 1px;

    background:

        rgba(
            180,
            129,
            40,
            .38
        );
}


.mmm-final-standalone-divider i {

    font-style: normal;

    font-size: 11px;

    color:
        var(--mmm-final-gold);
}



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

.mmm-final-standalone-button {

    min-height: 50px;

    padding:

        0
        35px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 28px;

    background:

        linear-gradient(
            135deg,
            #b9852d,
            #98651d
        );

    box-shadow:

        0
        12px
        28px
        rgba(
            145,
            92,
            17,
            .18
        );

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

    font-size: 10.5px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration:
        none !important;

    color:
        #ffffff !important;

    transition:

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


.mmm-final-standalone-button:hover {

    transform:
        translateY(-2px);

    box-shadow:

        0
        17px
        34px
        rgba(
            145,
            92,
            17,
            .26
        );

    color:
        #ffffff !important;
}



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

@media (max-width: 900px) {

    .mmm-final-standalone {

        padding:

            60px
            25px
            68px;
    }

}



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

@media (max-width: 600px) {

    .mmm-final-standalone {

        padding:

            53px
            20px
            60px;
    }


    .mmm-final-standalone h2 {

        font-size:

            clamp(
                32px,
                9vw,
                41px
            );
    }


    .mmm-final-standalone-container > p {

        font-size:

            clamp(
                21px,
                6.5vw,
                25px
            );
    }


    .mmm-final-standalone-divider {

        width: 185px;
    }


    .mmm-final-standalone-button {

        width: 100%;

        max-width: 330px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-492b08f *//* =========================================================
   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-26fbea0 *//* =========================================================
   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-6604b5f *//* =========================================================
   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 */