.elementor-1799 .elementor-element.elementor-element-f6d9977{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1799 .elementor-element.elementor-element-dbc1b56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1799 .elementor-element.elementor-element-5771c1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1799 .elementor-element.elementor-element-4fb7f3f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1799 .elementor-element.elementor-element-27802a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1799 .elementor-element.elementor-element-f6d9977{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-f6d9977 *//* =========================================================
   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-dbc1b56 *//* =========================================================
   MONICA MARTINS
   PÁGINA INDEPENDENTE — ATENDIMENTOS
========================================================= */


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

.mmat-page {

    --mmat-bg: #fcf9f5;
    --mmat-white: #fffdf9;

    --mmat-gold: #b48128;
    --mmat-gold-dark: #92631f;
    --mmat-gold-light: #dcc58e;

    --mmat-purple: #705784;
    --mmat-purple-dark: #574467;

    --mmat-text: #514d50;
    --mmat-graphite: #484448;

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

    width: 100%;

    overflow: hidden;

    background:
        var(--mmat-bg);
}


.mmat-page,
.mmat-page * {

    box-sizing: border-box;
}



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

.mmat-hero {

    position: relative;

    width: 100%;

    min-height: 535px;

    overflow: hidden;

    isolation: isolate;

    background-color:
        #fffaf5;

    background-image:
        url("https://monicamartinspiritualcoach.com.br/wp-content/uploads/2026/09/Foto-de-Andre-Xavier-_-Instituto-Xavier-2.jpg");

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-position:
        center center;
}



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

.mmat-hero-container {

    position: relative;

    z-index: 3;

    width:
        calc(100% - 70px);

    max-width: 1440px;

    min-height: 535px;

    margin:
        0 auto;

    display: grid;

    grid-template-columns:
        27%
        43%
        30%;

    align-items: center;
}



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

.mmat-hero-content {

    grid-column: 2;

    width: 100%;

    max-width: 610px;

    padding:
        38px
        0;
}



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

.mmat-hero-kicker {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

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

    font-size: 9px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: .21em;

    color:
        var(--mmat-purple);

    text-transform: uppercase;
}


.mmat-hero-kicker span {

    width: 42px;

    height: 1px;

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



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

.mmat-hero h1 {

    max-width: 590px;

    margin: 0;

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

    font-size:
        clamp(
            42px,
            3.7vw,
            58px
        );

    line-height: .98;

    font-weight: 500;

    letter-spacing: -.018em;

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



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

.mmat-hero-divider {

    width: 205px;

    margin:
        20px
        0;

    display: flex;

    align-items: center;

    gap: 10px;
}


.mmat-hero-divider span {

    flex: 1;

    height: 1px;

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


.mmat-hero-divider i {

    font-style: normal;

    font-size: 11px;

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



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

.mmat-hero-content > p {

    max-width: 560px;

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;

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


.mmat-hero-content > p strong {

    color:
        var(--mmat-purple-dark);

    font-weight: 700;
}



/* =========================================================
   CONTEÚDO PRINCIPAL
========================================================= */

.mmat-section {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        clamp(70px, 6vw, 90px)
        28px
        90px;

    background:

        radial-gradient(
            circle at 92% 16%,
            rgba(221,207,229,.15),
            transparent 24%
        ),

        radial-gradient(
            circle at 6% 82%,
            rgba(226,203,176,.10),
            transparent 23%
        ),

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



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

.mmat-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1180px;

    margin:
        0 auto;
}



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

.mmat-block {

    display: grid;

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

    gap: 28px;

    align-items: flex-start;

    margin-bottom: 42px;
}



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

.mmat-section-icon {

    width: 62px;
    height: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    border-radius: 50%;

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

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


.mmat-section-icon svg {

    width: 36px;
    height: 36px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}



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

.mmat-section-heading {

    margin-bottom: 22px;
}


.mmat-section-heading h2 {

    margin: 0;

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

    font-size:
        clamp(
            29px,
            2.5vw,
            39px
        );

    line-height: 1.05;

    font-weight: 500;

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



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

.mmat-prose {

    max-width: 960px;
}


.mmat-prose p {

    margin:
        0
        0
        16px;

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

    font-size: 13px;

    line-height: 1.72;

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


.mmat-prose strong {

    color:
        var(--mmat-graphite);

    font-weight: 700;
}



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

.mmat-highlight-text {

    margin-top:
        24px !important;

    padding:
        17px
        21px;

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

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

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

    font-size:
        20px !important;

    line-height:
        1.42 !important;

    color:
        #4a4649 !important;
}



/* =========================================================
   JORNADA + PONTUAL
========================================================= */

.mmat-two-panels {

    margin:
        0
        0
        48px
        100px;

    display: grid;

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

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

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

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


.mmat-panel {

    display: grid;

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

    gap: 17px;

    padding:
        30px
        32px;
}


.mmat-panel:first-child {

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


.mmat-panel-icon {

    width: 44px;
    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    border-radius: 50%;

    color:
        var(--mmat-gold);

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


.mmat-panel-icon svg {

    width: 24px;
    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.mmat-panel h3 {

    margin:
        0
        0
        11px;

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

    font-size: 23px;

    line-height: 1.1;

    font-weight: 600;

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


.mmat-panel p {

    margin:
        0
        0
        12px;

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

    font-size: 11.5px;

    line-height: 1.62;

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


.mmat-panel strong {

    color:
        var(--mmat-graphite);

    font-weight: 700;
}


.mmat-panel-final {

    margin-top:
        17px !important;

    padding-top: 14px;

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



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

.mmat-blog-cta {

    margin:
        0
        0
        55px
        100px;

    padding:
        18px
        20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

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

    border-radius: 12px;

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


.mmat-blog-cta-copy {

    display: flex;

    align-items: center;

    gap: 14px;
}


.mmat-blog-cta-symbol {

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


.mmat-blog-cta-copy small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .18em;

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


.mmat-blog-cta-copy p {

    margin: 0;

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

    font-size: 11.5px;

    line-height: 1.45;

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


.mmat-blog-cta-copy strong {

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



/* BOTÃO BLOG */

.mmat-blog-button {

    min-width: 132px;

    min-height: 42px;

    padding:
        0
        20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #b98227,
            #99661d
        );

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration:
        none !important;

    color:
        #ffffff !important;
}



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

.mmat-major-divider {

    width: 100%;

    margin:
        20px
        auto
        60px;

    display: flex;

    align-items: center;

    gap: 14px;
}


.mmat-major-divider span {

    flex: 1;

    height: 1px;

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


.mmat-major-divider i {

    color:
        var(--mmat-gold);

    font-style: normal;
}



/* =========================================================
   AVISO
========================================================= */

.mmat-disclaimer {

    max-width: 900px;

    margin-top: 24px;

    padding:
        15px
        18px;

    display: flex;

    align-items: center;

    gap: 11px;

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

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


.mmat-disclaimer span {

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


.mmat-disclaimer strong {

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

    font-size: 11px;

    line-height: 1.55;

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



/* =========================================================
   PRÁTICAS
========================================================= */

.mmat-practices {

    margin-left: 100px;

    display: grid;

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

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

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


.mmat-practice {

    padding:
        34px
        35px
        32px;
}


.mmat-practice:first-child {

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


.mmat-practice-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 21px;
}


.mmat-practice-symbol {

    width: 44px;
    height: 44px;

    flex:
        0 0
        44px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

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

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


.mmat-practice-symbol svg {

    width: 26px;
    height: 26px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.mmat-practice h3 {

    margin: 0;

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

    font-size: 23px;

    line-height: 1.15;

    font-weight: 600;

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


.mmat-practice p {

    margin:
        0
        0
        15px;

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

    font-size: 11.5px;

    line-height: 1.66;

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


.mmat-practice strong {

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



/* =========================================================
   ORNAMENTO
========================================================= */

.mmat-end-symbol {

    width: 220px;

    margin:
        52px auto
        0;

    display: flex;

    align-items: center;

    gap: 12px;
}


.mmat-end-symbol span {

    flex: 1;

    height: 1px;

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


.mmat-end-symbol i {

    font-style: normal;

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



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

.mmat-final-cta {

    max-width: 720px;

    margin:
        55px auto
        0;

    text-align: center;
}


.mmat-final-kicker {

    display: block;

    margin-bottom: 10px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .20em;

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


.mmat-final-cta h2 {

    margin:
        0
        0
        13px;

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

    font-size:
        clamp(
            32px,
            3vw,
            44px
        );

    line-height: 1.05;

    font-weight: 500;

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


.mmat-final-cta p {

    max-width: 560px;

    margin:
        0 auto
        23px;

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

    font-size: 12.5px;

    line-height: 1.65;

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


.mmat-final-button {

    min-height: 48px;

    padding:
        0
        32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 28px;

    background:
        linear-gradient(
            135deg,
            #bd892b,
            #99651a
        );

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

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    text-decoration:
        none !important;

    color:
        #ffffff !important;
}



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

@media (max-width: 1024px) {

    .mmat-hero-container {

        width:
            calc(100% - 50px);

        grid-template-columns:
            23%
            50%
            27%;
    }


    .mmat-hero h1 {

        font-size:
            clamp(
                38px,
                4.6vw,
                50px
            );
    }


    .mmat-container {

        max-width: 940px;
    }


    .mmat-block {

        grid-template-columns:
            62px
            1fr;

        gap: 22px;
    }


    .mmat-two-panels,
    .mmat-blog-cta,
    .mmat-practices {

        margin-left: 84px;
    }

}



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

@media (max-width: 767px) {

    .mmat-hero {

        min-height: auto;

        padding-top: 315px;

        background-size:
            auto 330px;

        background-position:
            center top;

        background-color:
            #fcf8f3;
    }


    .mmat-hero-container {

        width:
            calc(100% - 38px);

        min-height: auto;

        display: block;

        padding:
            30px
            0
            48px;
    }


    .mmat-hero-content {

        width: 100%;

        max-width: none;

        padding: 0;
    }


    .mmat-hero h1 {

        max-width: none;

        font-size:
            clamp(
                38px,
                10.5vw,
                48px
            );
    }


    .mmat-hero-content > p {

        font-size: 12.5px;
    }


    .mmat-section {

        padding:
            60px
            18px
            70px;
    }


    .mmat-block {

        display: block;

        margin-bottom: 38px;
    }


    .mmat-section-icon {

        margin-bottom: 18px;
    }


    .mmat-two-panels,
    .mmat-blog-cta,
    .mmat-practices {

        margin-left: 0;
    }


    .mmat-two-panels,
    .mmat-practices {

        grid-template-columns:
            1fr;
    }


    .mmat-panel:first-child,
    .mmat-practice:first-child {

        border-right: 0;

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


    .mmat-blog-cta {

        flex-direction: column;

        align-items: flex-start;
    }


    .mmat-blog-button {

        width: 100%;
    }


    .mmat-prose p {

        font-size: 12.5px;
    }


    .mmat-final-button {

        width: 100%;

        max-width: 330px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5bde32ca *//* =========================================================
   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-e9373af *//* =========================================================
   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-da0ce9d *//* =========================================================
   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 */