.elementor-101 .elementor-element.elementor-element-6c211dc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-101 .elementor-element.elementor-element-6c211dc:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-6c211dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4A0E1A;}.elementor-101 .elementor-element.elementor-element-11d0e56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-101 .elementor-element.elementor-element-6c211dc{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}/* Start custom CSS for html, class: .elementor-element-11d0e56 *//* ==========================
   FOOTER
========================== */



.mary-footer-container{


    margin:0 auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:50px;

}



.mary-footer-logo{

    width:150px;
    display:flex;
    align-items:center;
    justify-content:center;

}




.mary-footer-brand h3{

    font-family:'Cormorant Garamond', serif;

    font-size:32px;

    font-weight:500;

    color:#ffffff;

    margin-bottom:10px;

}

.mary-footer-brand p{

    font-family:'Karla', sans-serif;

    font-size:15px;

    line-height:1.7;

    color:rgba(255,255,255,.75);

}

.mary-footer-nav{

    display:flex;

    gap:35px;

    flex-wrap:wrap;

}

.mary-footer-nav a{

    font-family:'Karla', sans-serif;

    font-size:15px;

    color:rgba(255,255,255,.85);

    text-decoration:none;

    transition:.3s ease;

}

.mary-footer-nav a:hover{

    color:#ffffff;

}

.mary-footer-bottom{

    max-width:1200px;

    margin:40px auto 0;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.15);

    text-align:center;

    font-family:'Karla', sans-serif;

    font-size:14px;

    color:rgba(255,255,255,.65);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c211dc *//* ==================================================
   FOOTER MARY SPA
================================================== */

.mary-footer{

    width:100%;

    padding:60px 0 26px;

    background:#4A0E1A;

    color:#FFFFFF;

    box-sizing:border-box;

}

.mary-footer *{

    box-sizing:border-box;

}


/* ==================================================
   CONTENIDO PRINCIPAL
================================================== */

.mary-footer-main{

    display:grid;

    grid-template-columns:1.25fr .75fr .9fr 1.1fr;

    gap:42px;

    width:100%;

    align-items:start;

}


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

.mary-footer-brand{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.mary-footer-logo-link{

    display:block;

    flex-shrink:0;

    text-decoration:none;

}

.mary-footer-logo-img{

    display:block;

    width:82px;

    height:82px;

    object-fit:contain;

}

.mary-footer-brand-copy{

    max-width:260px;

}

.mary-footer-brand h3{

    margin:0 0 8px;

    font-family:'Cormorant Garamond',serif;

    font-size:30px;

    font-weight:500;

    line-height:1;

    color:#FFFFFF;

}

.mary-footer-brand p{

    margin:0;

    font-family:'Karla',sans-serif;

    font-size:13px;

    line-height:1.7;

    color:rgba(255,255,255,.68);

}


/* ==================================================
   TÍTULOS DE COLUMNAS
================================================== */

.mary-footer-heading{

    display:block;

    margin-bottom:16px;

    font-family:'Karla',sans-serif;

    font-size:9px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#D7B8BE;

}


/* ==================================================
   NAVEGACIÓN
================================================== */

.mary-footer-nav{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

}

.mary-footer-nav a{

    position:relative;

    font-family:'Karla',sans-serif;

    font-size:13px;

    line-height:1.4;

    color:rgba(255,255,255,.78);

    text-decoration:none !important;

    transition:color .2s ease;

}

.mary-footer-nav a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-2px;

    width:100%;
    height:1px;

    background:#E4B4BF;

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .25s ease;

}

.mary-footer-nav a:hover{

    color:#FFFFFF;

}

.mary-footer-nav a:hover::after{

    transform:scaleX(1);

}


/* ==================================================
   CONTACTO
================================================== */

.mary-footer-contact{

    display:flex;

    flex-direction:column;

    gap:13px;

}

.mary-footer-contact a{

    display:flex;

    flex-direction:column;

    gap:3px;

    font-family:'Karla',sans-serif;

    font-size:9px;

    font-weight:500;

    letter-spacing:1px;

    text-transform:uppercase;

    color:rgba(255,255,255,.52);

    text-decoration:none !important;

}

.mary-footer-contact strong{

    font-size:13px;

    font-weight:500;

    letter-spacing:0;

    text-transform:none;

    color:#FFFFFF;

}

.mary-footer-location{

    margin-top:2px;

    font-family:'Karla',sans-serif;

    font-size:12px;

    line-height:1.6;

    color:rgba(255,255,255,.65);

}


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

.mary-footer-cta p{

    max-width:270px;

    margin:0 0 16px;

    font-family:'Karla',sans-serif;

    font-size:13px;

    line-height:1.65;

    color:rgba(255,255,255,.68);

}

.mary-footer-button{

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    min-width:205px;

    padding:12px 14px;

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

    background:transparent;

    font-family:'Karla',sans-serif;

    font-size:11px;

    font-weight:600;

    color:#FFFFFF !important;

    text-decoration:none !important;

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

}

.mary-footer-button span{

    font-size:16px;

    transition:transform .25s ease;

}

.mary-footer-button:hover{

    background:#FFFFFF;

    border-color:#FFFFFF;

    color:#4A0E1A !important;

}

.mary-footer-button:hover span{

    transform:translateX(4px);

}


/* ==================================================
   BOTTOM
================================================== */

.mary-footer-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    width:100%;

    margin-top:42px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.13);

    font-family:'Karla',sans-serif;

    font-size:11px;

    line-height:1.5;

    color:rgba(255,255,255,.52);

}

.mary-footer-bottom a{

    color:rgba(255,255,255,.65);

    text-decoration:none !important;

}

.mary-footer-bottom a:hover{

    color:#FFFFFF;

}


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

@media(max-width:991px){

    .mary-footer-main{

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

        gap:38px 30px;

    }

}


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

@media(max-width:767px){

    .mary-footer{

        padding:45px 0 22px;

    }

    .mary-footer-main{

        grid-template-columns:1fr;

        gap:32px;

    }

    .mary-footer-brand{

        align-items:center;

    }

    .mary-footer-logo-img{

        width:68px;

        height:68px;

    }

    .mary-footer-brand-copy{

        max-width:100%;

    }

    .mary-footer-brand h3{

        font-size:27px;

    }

    .mary-footer-nav{

        gap:12px;

    }

    .mary-footer-button{

        width:100%;

    }

    .mary-footer-bottom{

        flex-direction:column;

        align-items:flex-start;

        gap:7px;

        margin-top:35px;

    }

}/* End custom CSS */