.elementor-1873 .elementor-element.elementor-element-e369519{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-e369519 *//* =========================================================
   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
========================================================= */

.mmm-community {

    padding:
        0
        30px;

    background:
        #fffdf9;
}


.mmm-community-image {

    position: relative;

    width: 100%;

    max-width: 1180px;

    min-height: 430px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 18px;
}


.mmm-community-image img {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


.mmm-community-overlay {

    position: absolute;

    inset: 0;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: center;

    padding:
        50px
        30px;

    text-align: center;

    background:

        linear-gradient(
            180deg,
            transparent 40%,
            rgba(
                61,
                44,
                64,
                .70
            ) 100%
        );
}


.mmm-community-overlay > span {

    margin-bottom: 8px;

    color:
        #ffffff;

    font-size: 22px;
}


.mmm-community-overlay p {

    max-width: 660px;

    margin: 0;

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

    font-size:
        clamp(
            23px,
            2.2vw,
            31px
        );

    line-height: 1.28;

    color:
        #ffffff;
}



/* =========================================================
   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:
            0
            20px;
    }


    .mmm-community-image {

        min-height: 420px;
    }


    .mmm-community-overlay {

        padding:
            40px
            20px;
    }


    /* =====================================================
       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-image {

        min-height: 360px;
    }

}/* End custom CSS */