.elementor-10 .elementor-element.elementor-element-6dcd794{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-6dcd794{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-6dcd794 *//* =========================================================
   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-aca934f *//* =========================================================
   MONICA MARTINS
   BLOG INTERNO — CSS FINAL CONSOLIDADO
   ========================================================= */


/* =========================================================
   01 — VARIÁVEIS / BASE
========================================================= */

.mmblog-page {

    --mmblog-bg: #fcf8f3;
    --mmblog-white: #fffdf9;

    --mmblog-purple: #6d547e;
    --mmblog-purple-dark: #544161;
    --mmblog-lavender: #927da2;

    --mmblog-gold: #b48128;
    --mmblog-gold-dark: #95651f;
    --mmblog-gold-light: #d8bd82;

    --mmblog-graphite: #4e494e;
    --mmblog-text: #5a545a;

    --mmblog-line:
        rgba(180, 129, 40, .18);

    position: relative;

    width: 100%;

    overflow: hidden;

    background:
        var(--mmblog-bg);

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


.mmblog-page,
.mmblog-page * {

    box-sizing: border-box;
}


.mmblog-page a {

    text-decoration: none;
}


.mmblog-page button {

    font: inherit;

    -webkit-tap-highlight-color:
        transparent;
}



/* =========================================================
   02 — RESET DOS BOTÕES
   EVITA ESTILOS DO ELEMENTOR / TEMA
========================================================= */

.mmblog-page button,
.mmblog-page button:hover,
.mmblog-page button:active,
.mmblog-page button:focus {

    appearance: none !important;
    -webkit-appearance: none !important;

    outline: none;

    text-shadow: none !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


.mmblog-page button::-moz-focus-inner {

    border: 0;
}



/* FOCO POR TECLADO — DOURADO */

.mmblog-page button:focus-visible {

    outline:
        2px solid
        rgba(180, 129, 40, .52) !important;

    outline-offset: 3px;
}



/* =========================================================
   03 — HERO
========================================================= */

.mmblog-hero {

    position: relative;

    min-height: 500px;

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

    overflow: hidden;

    isolation: isolate;

    background:
        #fffaf4;
}



/* =========================================================
   IMAGEM PRINCIPAL DO BLOG
   BLOG-2.PNG — ORIENTAÇÃO ORIGINAL
========================================================= */

.mmblog-hero::before {

    content: "";

    position: absolute;

    z-index: 0;

    inset: 0;

    pointer-events: none;

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

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-position:
        center center;

    transform:
        none;

    opacity:
        1;

    filter:
        none;
}



/* =========================================================
   CAMADA DE PROTEÇÃO
   TRANSPARENTE NO DESKTOP — A IMAGEM FICA LIMPA
========================================================= */

.mmblog-hero::after {

    content: "";

    position: absolute;

    z-index: 1;

    inset: 0;

    pointer-events: none;

    background:
        transparent;
}



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

.mmblog-hero-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1180px;

    min-height: 310px;

    margin:
        0 auto;

    display: flex;

    align-items: center;
}


.mmblog-hero-content {

    width: 52%;

    max-width: 620px;
}



/* =========================================================
   KICKER
========================================================= */

.mmblog-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: .19em;

    text-transform: uppercase;

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


.mmblog-kicker span {

    width: 40px;

    height: 1px;

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



/* =========================================================
   HERO — BLOG
========================================================= */

.mmblog-hero h1 {

    margin: 0;

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

    font-size:
        clamp(52px, 5vw, 72px);

    line-height: .94;

    font-weight: 500;

    letter-spacing: -.018em;

    text-transform: none;

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



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

.mmblog-divider {

    width: 205px;

    margin:
        19px
        0
        21px;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmblog-divider span {

    flex: 1;

    height: 1px;

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


.mmblog-divider i {

    font-style: normal;

    font-size: 12px;

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



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

.mmblog-hero h2 {

    max-width: 520px;

    margin:
        0
        0
        17px;

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

    font-size:
        clamp(27px, 2.2vw, 35px);

    line-height: 1.12;

    font-weight: 500;

    text-transform: none;

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


.mmblog-hero p {

    max-width: 590px;

    margin:
        0
        0
        12px;

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

    font-size: 13px;

    line-height: 1.72;

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



/* =========================================================
   04 — FILTROS
========================================================= */

.mmblog-filters {

    position: relative;

    z-index: 8;

    padding:
        26px
        30px;

    background:
        #fffdf9;

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

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


.mmblog-filters-container {

    width: 100%;

    max-width: 1180px;

    margin:
        0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;
}



/* =========================================================
   BOTÕES DOS FILTROS
========================================================= */

.mmblog-page .mmblog-filter {

    appearance: none !important;

    min-height: 42px;

    padding:
        10px
        17px !important;

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

    border-radius:
        24px !important;

    outline:
        none !important;

    cursor: pointer;

    background:
        transparent !important;

    box-shadow:
        none !important;

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

    font-size: 9px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .055em;

    text-transform: none;

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

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



/* =========================================================
   HOVER DOS FILTROS
   TEXTO NÃO FICA BRANCO
========================================================= */

.mmblog-page
.mmblog-filter:not(.is-active):hover {

    transform:
        translateY(-1px);

    border-color:
        var(--mmblog-gold) !important;

    background:
        rgba(180, 129, 40, .07) !important;

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



/* =========================================================
   FILTRO ATIVO
========================================================= */

.mmblog-page
.mmblog-filter.is-active {

    border-color:
        var(--mmblog-gold) !important;

    background:

        linear-gradient(
            135deg,
            #b9852d,
            #98661e
        ) !important;

    color:
        #ffffff !important;
}



/* MANTÉM O ATIVO CORRETO NO HOVER */

.mmblog-page
.mmblog-filter.is-active:hover {

    border-color:
        var(--mmblog-gold-dark) !important;

    background:

        linear-gradient(
            135deg,
            #a97320,
            #875718
        ) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-1px);
}



/* =========================================================
   05 — ÁREA DOS ARTIGOS
========================================================= */

.mmblog-articles {

    position: relative;

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

    background:

        linear-gradient(
            180deg,
            #fcf8f3 0%,
            #fffdfa 34%,
            #faf5ef 100%
        );
}


.mmblog-articles-container {

    width: 100%;

    max-width: 1180px;

    margin:
        0 auto;
}



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

.mmblog-card {

    min-width: 0;

    overflow: hidden;

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

    border-radius:
        17px;

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

    box-shadow:

        0
        16px
        42px
        rgba(74, 53, 65, .045);

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


.mmblog-card:hover {

    transform:
        translateY(-4px);

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

    box-shadow:

        0
        24px
        55px
        rgba(74, 53, 65, .075);
}



/* =========================================================
   CONTEÚDO DOS CARDS
========================================================= */

.mmblog-card-content {

    min-width: 0;

    overflow: hidden;
}



/* =========================================================
   IMAGEM DOS CARDS
========================================================= */

.mmblog-page
.mmblog-card-image,
.mmblog-page
.mmblog-card-image:hover,
.mmblog-page
.mmblog-card-image:active,
.mmblog-page
.mmblog-card-image:focus {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        none !important;

    cursor: pointer;

    overflow: hidden;

    box-shadow:
        none !important;

    background:

        linear-gradient(
            135deg,
            #eee4da,
            #f3edf3
        ) !important;

    color:
        inherit !important;
}


.mmblog-card-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .55s ease;
}


.mmblog-card:hover
.mmblog-card-image img {

    transform:
        scale(1.035);
}



/* =========================================================
   06 — ARTIGO EM DESTAQUE
========================================================= */

.mmblog-card-featured {

    width: 100%;

    min-height: 420px;

    margin-bottom:
        35px;

    display: grid;

    grid-template-columns:
        54%
        minmax(0, 46%);

    align-items: stretch;
}


.mmblog-card-featured
.mmblog-card-image {

    min-height: 420px;
}


.mmblog-card-featured
.mmblog-card-content {

    padding:
        clamp(36px, 4vw, 55px);

    display: flex;

    flex-direction: column;

    justify-content: center;
}


.mmblog-card-featured h2 {

    width: 100%;

    max-width: 100%;

    margin:
        0
        0
        25px;

    overflow: visible;

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

    font-size:
        clamp(30px, 2.6vw, 40px);

    line-height: 1.06;

    font-weight: 500;

    text-transform: none;
}



/* =========================================================
   META DOS CARDS
========================================================= */

.mmblog-card-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap:
        8px
        14px;

    max-width: 100%;

    margin-bottom:
        14px;

    overflow: hidden;
}


.mmblog-card-meta span {

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

    font-size: 8.5px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .10em;

    text-transform: uppercase;

    white-space: normal;

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


.mmblog-card-meta time {

    position: relative;

    padding-left:
        14px;

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

    font-size: 8.5px;

    line-height: 1.3;

    white-space: normal;

    color:
        #8b8389;
}


.mmblog-card-meta time::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 4px;

    height: 4px;

    margin-top:
        -2px;

    border-radius:
        50%;

    background:
        var(--mmblog-gold-light);
}



/* =========================================================
   07 — TÍTULOS DOS CARDS
========================================================= */

.mmblog-card h2 {

    min-width: 0;

    text-transform: none;
}


.mmblog-page
.mmblog-title-button,
.mmblog-page
.mmblog-title-button:focus,
.mmblog-page
.mmblog-title-button:active {

    display: block;

    width: 100%;

    max-width: 100%;

    min-width: 0;

    margin: 0;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        none !important;

    cursor: pointer;

    background:
        transparent !important;

    box-shadow:
        none !important;

    text-align: left;

    white-space:
        normal !important;

    overflow-wrap:
        break-word;

    word-wrap:
        break-word;

    word-break:
        normal;

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

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



/* HOVER TÍTULO */

.mmblog-page
.mmblog-title-button:hover {

    border:
        0 !important;

    background:
        transparent !important;

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



/* =========================================================
   08 — LER ARTIGO
========================================================= */

.mmblog-page
.mmblog-read,
.mmblog-page
.mmblog-read:focus,
.mmblog-page
.mmblog-read:active {

    display: inline-flex;

    width: auto !important;

    min-width: 0;

    min-height: 0;

    align-items: center;

    justify-content: flex-start;

    gap: 8px;

    margin-top:
        auto;

    padding:
        8px 0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        none !important;

    cursor: pointer;

    background:
        transparent !important;

    box-shadow:
        none !important;

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

    font-size: 9px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .10em;

    text-transform: uppercase;

    white-space: nowrap;

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



/* HOVER — SEM BRANCO */

.mmblog-page
.mmblog-read:hover {

    border:
        0 !important;

    background:
        transparent !important;

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


.mmblog-page
.mmblog-read span {

    display: inline-block;

    font-family:
        Georgia,
        serif;

    font-size: 16px;

    color:
        var(--mmblog-gold) !important;

    transition:
        transform .25s ease;
}


.mmblog-page
.mmblog-read:hover span {

    transform:
        translateX(4px);
}



/* =========================================================
   09 — GRID DOS DEMAIS ARTIGOS
========================================================= */

.mmblog-grid {

    display: grid;

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

    gap: 24px;
}


.mmblog-grid > * {

    min-width: 0;
}


.mmblog-grid
.mmblog-card {

    min-height: 465px;

    display: flex;

    flex-direction: column;
}


.mmblog-grid
.mmblog-card-image {

    height: 225px;

    flex:
        0 0
        225px;
}


.mmblog-grid
.mmblog-card-content {

    flex: 1;

    padding:
        24px
        24px
        25px;

    display: flex;

    flex-direction: column;
}


.mmblog-grid
.mmblog-card-content::before {

    content: "";

    display: block;

    width: 36px;

    height: 1px;

    margin-bottom: 17px;

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


.mmblog-grid
.mmblog-card h2 {

    width: 100%;

    max-width: 100%;

    margin:
        0
        0
        24px;

    overflow: visible;

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

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

    line-height: 1.10;

    font-weight: 600;
}


.mmblog-grid
.mmblog-title-button {

    font-size: inherit;

    line-height: 1.12;
}



/* =========================================================
   10 — FECHAMENTO
========================================================= */

.mmblog-ending {

    position: relative;

    padding:
        65px
        30px
        75px;

    text-align: center;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 50% 120%,
            rgba(211, 193, 222, .18),
            transparent 47%
        ),

        #fffdf9;
}


.mmblog-ending-container {

    max-width: 700px;

    margin:
        0 auto;
}


.mmblog-ending-symbol {

    display: block;

    margin-bottom:
        9px;

    font-size: 21px;

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


.mmblog-ending h2 {

    margin: 0;

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

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

    line-height: 1.04;

    font-weight: 500;

    text-transform: none;

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


.mmblog-ending-divider {

    width: 210px;

    margin:
        18px
        auto;

    display: flex;

    align-items: center;

    gap: 9px;
}


.mmblog-ending-divider span {

    flex: 1;

    height: 1px;

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


.mmblog-ending-divider i {

    font-style: normal;

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


.mmblog-ending p {

    max-width: 590px;

    margin:
        0 auto;

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

    font-size: 12.5px;

    line-height: 1.7;

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



/* =========================================================
   =========================================================
   11 — MODO LEITURA
   =========================================================
========================================================= */

.mmblog-reader {

    width: 100%;

    min-height: 100vh;

    background:
        #fffdf9;
}


.mmblog-reader[hidden] {

    display:
        none !important;
}



/* =========================================================
   VOLTAR — TOPO
========================================================= */

.mmblog-reader-top {

    padding:
        22px
        30px;

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

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


.mmblog-reader-top-inner {

    max-width: 1040px;

    margin:
        0 auto;
}


.mmblog-page
.mmblog-back,
.mmblog-page
.mmblog-back:focus,
.mmblog-page
.mmblog-back:active {

    display: inline-flex;

    width: auto;

    min-height: 0;

    align-items: center;

    gap: 8px;

    padding:
        8px
        0 !important;

    border:
        0 !important;

    outline:
        none !important;

    cursor: pointer;

    background:
        transparent !important;

    box-shadow:
        none !important;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .10em;

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


.mmblog-page
.mmblog-back:hover {

    border:
        0 !important;

    background:
        transparent !important;

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


.mmblog-back span {

    font-size: 16px;

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



/* =========================================================
   CABEÇALHO DO ARTIGO
========================================================= */

.mmblog-reader-header {

    padding:
        clamp(58px, 6vw, 85px)
        30px
        45px;

    text-align: center;

    background:

        radial-gradient(
            circle at 50% 120%,
            rgba(214, 196, 224, .18),
            transparent 45%
        ),

        linear-gradient(
            180deg,
            #fffdf9,
            #faf5ef
        );
}


.mmblog-reader-header-inner {

    max-width: 850px;

    margin:
        0 auto;
}


.mmblog-reader-category {

    margin-bottom:
        18px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .17em;

    text-transform: uppercase;

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


.mmblog-reader-header h1 {

    margin: 0;

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

    font-size:
        clamp(40px, 4.7vw, 66px);

    line-height: .99;

    font-weight: 500;

    letter-spacing: -.015em;

    text-transform: none;

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


.mmblog-reader-meta {

    margin-top:
        18px;

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

    font-size: 9px;

    letter-spacing: .05em;

    color:
        #837a80;
}


.mmblog-reader-divider {

    width: 220px;

    margin:
        22px
        auto
        0;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmblog-reader-divider span {

    flex: 1;

    height: 1px;

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


.mmblog-reader-divider i {

    font-style: normal;

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



/* =========================================================
   IMAGEM GRANDE
========================================================= */

.mmblog-reader-image-wrap {

    width:
        calc(100% - 60px);

    max-width: 1080px;

    aspect-ratio:
        16 / 9;

    margin:
        50px
        auto
        0;

    overflow: hidden;

    border-radius:
        18px;

    box-shadow:

        0
        22px
        55px
        rgba(68, 51, 62, .08);
}


.mmblog-reader-image {

    width: 100%;

    height: 100%;

    display: block;

    object-fit:
        cover;
}



/* =========================================================
   CORPO DO ARTIGO
========================================================= */

.mmblog-reader-body {

    padding:
        55px
        30px
        80px;
}


.mmblog-reader-content {

    width: 100%;

    max-width: 760px;

    margin:
        0 auto;
}


.mmblog-reader-content p {

    margin:
        0
        0
        22px;

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

    font-size: 14px;

    line-height: 1.85;

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


.mmblog-reader-content h2 {

    margin:
        46px
        0
        18px;

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

    font-size:
        clamp(30px, 2.8vw, 40px);

    line-height: 1.08;

    font-weight: 600;

    text-transform: none;

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


.mmblog-reader-content h3 {

    margin:
        35px
        0
        15px;

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

    font-size: 27px;

    line-height: 1.15;

    font-weight: 600;

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


.mmblog-reader-content strong {

    font-weight: 700;

    color:
        #423d42;
}


.mmblog-reader-content em {

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


.mmblog-reader-content a {

    color:
        var(--mmblog-purple);

    text-decoration:
        underline;

    text-decoration-color:
        rgba(180, 129, 40, .45);

    text-underline-offset:
        3px;
}


.mmblog-reader-content a:hover {

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


.mmblog-reader-content blockquote {

    position: relative;

    margin:
        38px
        0;

    padding:
        25px
        30px;

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

    background:
        #faf5ef;

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

    font-size: 23px;

    line-height: 1.45;

    font-style: italic;

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


.mmblog-reader-content ul,
.mmblog-reader-content ol {

    margin:
        0
        0
        24px;

    padding-left:
        24px;
}


.mmblog-reader-content li {

    margin-bottom:
        9px;

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

    font-size: 14px;

    line-height: 1.75;

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



/* =========================================================
   12 — NAVEGAÇÃO DO ARTIGO
========================================================= */

.mmblog-reader-navigation {

    padding:
        45px
        30px
        60px;

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

    background:

        linear-gradient(
            180deg,
            #faf5ef,
            #fffdf9
        );
}


.mmblog-reader-navigation-inner {

    width: 100%;

    max-width: 1040px;

    min-width: 0;

    margin:
        0 auto;

    display: grid;

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

    align-items: center;

    gap: 25px;
}



/* =========================================================
   ANTERIOR / PRÓXIMO
========================================================= */

.mmblog-page
.mmblog-nav,
.mmblog-page
.mmblog-nav:focus,
.mmblog-page
.mmblog-nav:active {

    display: flex;

    width: 100%;

    max-width: 100%;

    min-width: 0;

    align-items: center;

    gap: 14px;

    padding:
        16px
        15px !important;

    border:
        1px solid
        rgba(180, 129, 40, .27) !important;

    border-radius:
        12px !important;

    outline:
        none !important;

    cursor: pointer;

    overflow: hidden;

    background:
        rgba(255, 253, 249, .72) !important;

    box-shadow:
        none !important;

    text-align: left;

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

    transition:
        .25s ease;
}


.mmblog-page
.mmblog-nav:hover {

    transform:
        translateY(-2px);

    border-color:
        var(--mmblog-gold) !important;

    background:
        rgba(180, 129, 40, .06) !important;

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


.mmblog-nav-next {

    justify-content:
        flex-end;

    text-align:
        right !important;
}


.mmblog-nav > span:not(.mmblog-nav-arrow) {

    min-width: 0;

    max-width: 100%;
}


.mmblog-nav small {

    display: block;

    margin-bottom:
        5px;

    white-space:
        normal;

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

    font-size: 7.5px;

    font-weight: 600;

    letter-spacing: .13em;

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


.mmblog-nav strong {

    display: block;

    width: 100%;

    max-width: 100%;

    white-space:
        normal !important;

    overflow-wrap:
        break-word;

    word-wrap:
        break-word;

    word-break:
        normal;

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

    font-size: 17px;

    line-height: 1.17;

    font-weight: 600;

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


.mmblog-nav-arrow {

    flex:
        0 0
        auto;

    font-family:
        Georgia,
        serif;

    font-size: 22px;

    color:
        var(--mmblog-gold) !important;
}



/* =========================================================
   VOLTAR AO BLOG — CENTRO
========================================================= */

.mmblog-page
.mmblog-nav-center,
.mmblog-page
.mmblog-nav-center:focus,
.mmblog-page
.mmblog-nav-center:active {

    flex:
        0 0
        auto;

    padding:
        12px
        20px !important;

    border:
        1px solid
        rgba(180, 129, 40, .35) !important;

    border-radius:
        25px !important;

    outline:
        none !important;

    cursor: pointer;

    background:
        #fffdf9 !important;

    box-shadow:
        none !important;

    white-space:
        nowrap;

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

    font-size: 8.5px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .08em;

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


.mmblog-page
.mmblog-nav-center:hover {

    border-color:
        var(--mmblog-gold) !important;

    background:
        rgba(180, 129, 40, .07) !important;

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


.mmblog-nav-center span {

    margin-right:
        5px;

    color:
        var(--mmblog-gold) !important;
}



/* =========================================================
   13 — TABLET
========================================================= */

@media (max-width: 1024px) {

    .mmblog-hero {

        min-height:
            470px;
    }


    .mmblog-hero-content {

        width:
            58%;
    }


    .mmblog-hero::before {

        background-position:
            center center;
    }


    .mmblog-card-featured {

        grid-template-columns:
            48%
            minmax(0, 52%);

        min-height:
            390px;
    }


    .mmblog-card-featured
    .mmblog-card-image {

        min-height:
            390px;
    }


    .mmblog-card-featured h2 {

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


    .mmblog-grid {

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

        gap:
            20px;
    }


    .mmblog-reader-navigation-inner {

        gap:
            18px;
    }


    .mmblog-nav strong {

        font-size:
            15px;
    }

}



/* =========================================================
   14 — MOBILE
========================================================= */

@media (max-width: 767px) {

    /* HERO */

    .mmblog-hero {

        min-height:
            700px;

        padding:
            340px
            21px
            60px;

        display: flex;

        align-items:
            flex-end;
    }


    .mmblog-hero::before {

        transform:
            none;

        opacity:
            1;

        filter:
            none;

        background-size:
            auto 47%;

        background-position:
            25% top;

        background-color:
            #fffaf4;
    }


    .mmblog-hero::after {

        background:

            linear-gradient(
                180deg,

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

                rgba(255,250,244,.15) 32%,

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

                #fffaf4 62%
            );
    }


    .mmblog-hero-container {

        min-height: auto;
    }


    .mmblog-hero-content {

        width: 100%;

        max-width: none;
    }


    .mmblog-hero h1 {

        font-size:
            clamp(46px, 14vw, 60px);
    }


    .mmblog-hero h2 {

        font-size:
            clamp(24px, 7vw, 30px);
    }


    .mmblog-hero p {

        font-size:
            12.5px;
    }


    /* FILTROS */

    .mmblog-filters {

        padding:
            22px
            18px;
    }


    .mmblog-filters-container {

        justify-content:
            flex-start;

        flex-wrap:
            nowrap;

        overflow-x:
            auto;

        padding-bottom:
            4px;

        scrollbar-width:
            none;
    }


    .mmblog-filters-container::-webkit-scrollbar {

        display:
            none;
    }


    .mmblog-filter {

        flex:
            0 0
            auto;

        white-space:
            nowrap;
    }


    /* ARTIGOS */

    .mmblog-articles {

        padding:
            50px
            18px
            70px;
    }


    .mmblog-card-featured {

        display: flex;

        flex-direction:
            column;

        min-height:
            auto;

        margin-bottom:
            20px;
    }


    .mmblog-card-featured
    .mmblog-card-image {

        min-height:
            250px;

        height:
            250px;
    }


    .mmblog-card-featured
    .mmblog-card-content {

        padding:
            27px
            23px
            30px;
    }


    .mmblog-card-featured h2 {

        font-size:
            clamp(27px, 7.5vw, 34px);
    }


    .mmblog-grid {

        grid-template-columns:
            1fr;

        gap:
            18px;
    }


    .mmblog-grid
    .mmblog-card {

        min-height:
            auto;
    }


    .mmblog-grid
    .mmblog-card-image {

        height:
            240px;

        flex-basis:
            240px;
    }


    .mmblog-grid
    .mmblog-card-content {

        min-height:
            205px;

        padding:
            23px
            22px
            25px;
    }


    .mmblog-grid
    .mmblog-card h2 {

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


    /* META */

    .mmblog-card-meta {

        display:
            block;
    }


    .mmblog-card-meta span,
    .mmblog-card-meta time {

        display:
            block;
    }


    .mmblog-card-meta time {

        margin-top:
            6px;

        padding-left:
            0;
    }


    .mmblog-card-meta time::before {

        display:
            none;
    }


    /* LEITOR */

    .mmblog-reader-top {

        padding:
            17px
            20px;
    }


    .mmblog-reader-header {

        padding:
            48px
            20px
            36px;
    }


    .mmblog-reader-header h1 {

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


    .mmblog-reader-image-wrap {

        width:
            calc(100% - 36px);

        margin-top:
            32px;

        border-radius:
            13px;
    }


    .mmblog-reader-body {

        padding:
            38px
            21px
            60px;
    }


    .mmblog-reader-content p,
    .mmblog-reader-content li {

        font-size:
            13px;
    }


    /* NAVEGAÇÃO */

    .mmblog-reader-navigation {

        padding:
            38px
            20px
            50px;
    }


    .mmblog-reader-navigation-inner {

        display: grid;

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

        gap:
            16px;
    }


    .mmblog-page
    .mmblog-nav {

        min-height:
            115px;
    }


    .mmblog-nav strong {

        font-size:
            14px;
    }


    .mmblog-page
    .mmblog-nav-center {

        grid-column:
            1 / -1;

        justify-self:
            center;
    }


    /* FECHAMENTO */

    .mmblog-ending {

        padding:
            55px
            21px
            65px;
    }

}



/* =========================================================
   15 — MOBILE PEQUENO
========================================================= */

@media (max-width: 480px) {

    .mmblog-grid
    .mmblog-card-image {

        height:
            220px;

        flex-basis:
            220px;
    }


    .mmblog-card-featured
    .mmblog-card-image {

        height:
            235px;

        min-height:
            235px;
    }


    .mmblog-reader-navigation-inner {

        display: flex;

        flex-direction:
            column;
    }


    .mmblog-page
    .mmblog-nav {

        min-height:
            0;
    }


    .mmblog-page
    .mmblog-nav-center {

        width:
            auto;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14f5ab4 *//* =========================================================
   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-34566fc *//* =========================================================
   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-4fe9e32 *//* =========================================================
   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 */