.elementor-287 .elementor-element.elementor-element-d664e83{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-8f4c531{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-287 .elementor-element.elementor-element-d664e83{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}}/* Start custom CSS for html, class: .elementor-element-8f4c531 *//* ==================================================
   PÁGINA MIELES - MARY SPA
================================================== */

.mary-honey-page{

    width:100%;

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

    color:#4A0E1A;

}

.mary-honey-page *{

    box-sizing:border-box;

}


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

.mary-honey-hero{

    position:relative;

    display:grid;

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

    gap:60px;

    align-items:end;

    width:100%;

    padding:90px 0 75px;

    border-bottom:1px solid #E7DADC;

}

.mary-honey-hero-content{

    max-width:850px;

}

.mary-honey-eyebrow{

    display:block;

    margin-bottom:17px;

    font-size:10px;

    font-weight:500;

    line-height:1.4;

    letter-spacing:3.3px;

    text-transform:uppercase;

    color:#8B1B31;

}

.mary-honey-hero h1{

    max-width:850px;

    margin:0 0 24px;

    font-family:'Cormorant Garamond',serif;

    font-size:clamp(52px,6vw,82px);

    font-weight:400;

    line-height:.98;

    letter-spacing:-1px;

    color:#4A0E1A;

}

.mary-honey-hero h1 em{

    display:block;

    margin-top:5px;

    font-style:italic;

    font-weight:400;

    color:#8B1B31;

}

.mary-honey-hero-content > p{

    max-width:690px;

    margin:0;

    font-size:17px;

    line-height:1.8;

    color:#756367;

}


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

.mary-honey-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:32px;

}

.mary-honey-primary,
.mary-honey-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    min-width:190px;

    padding:13px 15px;

    border:1px solid #8B1B31;

    font-size:12px;

    font-weight:600;

    color:#FFFFFF !important;

    text-decoration:none !important;

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

}

.mary-honey-primary{

    background:#8B1B31;

}

.mary-honey-secondary{

    background:transparent;

    color:#8B1B31 !important;

}

.mary-honey-primary span,
.mary-honey-secondary span{

    font-size:16px;

    transition:transform .25s ease;

}

.mary-honey-primary:hover{

    background:#5A0018;

    border-color:#5A0018;

}

.mary-honey-secondary:hover{

    background:#FFF5F5;

}

.mary-honey-primary:hover span,
.mary-honey-secondary:hover span{

    transform:translateX(3px);

}


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

.mary-honey-hero-detail{

    display:flex;

    align-items:center;

    gap:12px;

    padding:15px 0;

    border-top:1px solid #D8C7CA;

    border-bottom:1px solid #D8C7CA;

}

.mary-honey-hero-number{

    font-family:'Cormorant Garamond',serif;

    font-size:52px;

    font-weight:400;

    line-height:.9;

    color:#8B1B31;

}

.mary-honey-hero-detail > span:last-child{

    font-size:9px;

    font-weight:500;

    line-height:1.4;

    letter-spacing:1.4px;

    text-transform:uppercase;

    color:#8E777C;

}


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

.mary-honey-intro{

    display:grid;

    grid-template-columns:.65fr 1.35fr;

    gap:70px;

    width:100%;

    padding:75px 0;

    border-bottom:1px solid #E7DADC;

}

.mary-honey-intro-label{

    padding-top:8px;

}

.mary-honey-intro-label span{

    font-family:'Cormorant Garamond',serif;

    font-size:21px;

    font-style:italic;

    color:#9D727B;

}

.mary-honey-intro-content{

    max-width:720px;

}

.mary-honey-intro-content h2{

    margin:0 0 23px;

    font-family:'Cormorant Garamond',serif;

    font-size:43px;

    font-weight:400;

    line-height:1.06;

    color:#4A0E1A;

}

.mary-honey-intro-content h2 em{

    font-style:italic;

    color:#8B1B31;

}

.mary-honey-intro-content p{

    margin:0 0 14px;

    font-size:15px;

    line-height:1.8;

    color:#756367;

}

.mary-honey-intro-content p:last-child{

    margin-bottom:0;

}


/* ==================================================
   COLECCIÓN
================================================== */

.mary-honey-collection{

    width:100%;

    padding:80px 0;

}

.mary-honey-section-head{

    max-width:700px;

    margin:0 auto 50px;

    text-align:center;

}

.mary-honey-section-head h2{

    margin:0 0 18px;

    font-family:'Cormorant Garamond',serif;

    font-size:49px;

    font-weight:400;

    line-height:1.05;

    color:#4A0E1A;

}

.mary-honey-section-head h2 em{

    font-style:italic;

    color:#8B1B31;

}

.mary-honey-section-head p{

    margin:0;

    font-size:15px;

    line-height:1.75;

    color:#756367;

}


/* ==================================================
   CATEGORÍA
================================================== */

.mary-honey-category{

    width:100%;

    border-top:1px solid #E1D2D5;

}

.mary-honey-category:last-child{

    border-bottom:1px solid #E1D2D5;

}

.mary-honey-category-head{

    display:grid;

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

    gap:20px;

    align-items:center;

    padding:25px 0;

}

.mary-honey-category-number{

    font-family:'Cormorant Garamond',serif;

    font-size:20px;

    font-style:italic;

    color:#B38C94;

}

.mary-honey-category-label{

    display:block;

    margin-bottom:4px;

    font-size:8px;

    font-weight:600;

    letter-spacing:2px;

    color:#A1858B;

}

.mary-honey-category-head h3{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:31px;

    font-weight:500;

    color:#4A0E1A;

}

.mary-honey-category-count{

    font-size:10px;

    letter-spacing:1.2px;

    text-transform:uppercase;

    color:#9D878C;

}


/* ==================================================
   LISTADO
================================================== */

.mary-honey-list{

    display:grid;

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

    padding:0 0 26px 70px;

}

.mary-honey-product{

    position:relative;

    padding:11px 24px 11px 17px;

    border-top:1px solid rgba(139,27,49,.08);

}

.mary-honey-product:nth-child(odd){

    border-right:1px solid rgba(139,27,49,.08);

}

.mary-honey-product::before{

    content:"";

    position:absolute;

    top:50%;

    left:0;

    width:5px;

    height:5px;

    transform:translateY(-50%);

    border-radius:50%;

    background:#C69CA5;

}

.mary-honey-product span{

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

    font-size:14px;

    line-height:1.45;

    color:#644B50;

}


/* ==================================================
   ESPECIALES
================================================== */

.mary-honey-category-special{

    background:
        linear-gradient(
            90deg,
            rgba(139,27,49,.025),
            transparent
        );

}


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

.mary-honey-cta{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

    width:100%;

    padding:38px 32px;

    border-left:3px solid #8B1B31;

    background:
        linear-gradient(
            110deg,
            rgba(139,27,49,.06),
            rgba(228,180,191,.13)
        );

}

.mary-honey-cta-copy{

    max-width:650px;

}

.mary-honey-cta-copy > span{

    display:block;

    margin-bottom:8px;

    font-size:9px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#8B1B31;

}

.mary-honey-cta h2{

    margin:0 0 10px;

    font-family:'Cormorant Garamond',serif;

    font-size:35px;

    font-weight:500;

    line-height:1.08;

    color:#4A0E1A;

}

.mary-honey-cta h2 em{

    display:block;

    font-style:italic;

    font-weight:400;

    color:#8B1B31;

}

.mary-honey-cta p{

    margin:0;

    font-size:14px;

    line-height:1.65;

    color:#756367;

}

.mary-honey-whatsapp{

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    min-width:220px;

    padding:14px 16px;

    border:1px solid #8B1B31;

    background:#8B1B31;

    font-size:12px;

    font-weight:600;

    color:#FFFFFF !important;

    text-decoration:none !important;

    transition:background-color .25s ease;

}

.mary-honey-whatsapp span{

    font-size:17px;

    transition:transform .25s ease;

}

.mary-honey-whatsapp:hover{

    background:#5A0018;

}

.mary-honey-whatsapp:hover span{

    transform:translateX(4px);

}


/* ==================================================
   VOLVER AL SPA
================================================== */

.mary-honey-back{

    width:100%;

    padding:70px 0;

    text-align:center;

}

.mary-honey-back h2{

    max-width:690px;

    margin:0 auto 23px;

    font-family:'Cormorant Garamond',serif;

    font-size:42px;

    font-weight:400;

    line-height:1.05;

    color:#4A0E1A;

}

.mary-honey-back h2 em{

    font-style:italic;

    color:#8B1B31;

}

.mary-honey-back-link{

    display:inline-flex;

    align-items:center;

    gap:13px;

    font-size:12px;

    font-weight:600;

    color:#8B1B31 !important;

    text-decoration:none !important;

}

.mary-honey-back-link span{

    font-size:17px;

    transition:transform .25s ease;

}

.mary-honey-back-link:hover span{

    transform:translateX(4px);

}


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

@media(max-width:991px){

    .mary-honey-hero{

        padding:70px 0 60px;

    }

    .mary-honey-intro{

        grid-template-columns:1fr;

        gap:25px;

    }

    .mary-honey-cta{

        flex-direction:column;

        align-items:flex-start;

    }

}


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

@media(max-width:767px){

    .mary-honey-hero{

        grid-template-columns:1fr;

        gap:30px;

        padding:55px 0 45px;

    }

    .mary-honey-hero h1{

        font-size:43px;

    }

    .mary-honey-hero h1 em{

        display:inline;

    }

    .mary-honey-hero-content > p{

        font-size:15px;

        line-height:1.7;

    }

    .mary-honey-hero-actions{

        flex-direction:column;

    }

    .mary-honey-primary,
    .mary-honey-secondary{

        width:100%;

    }

    .mary-honey-hero-detail{

        width:max-content;

    }


    /* Intro */

    .mary-honey-intro{

        padding:50px 0;

    }

    .mary-honey-intro-content h2{

        font-size:34px;

    }


    /* Colección */

    .mary-honey-collection{

        padding:55px 0;

    }

    .mary-honey-section-head{

        margin-bottom:35px;

        text-align:left;

    }

    .mary-honey-section-head h2{

        font-size:37px;

    }

    .mary-honey-category-head{

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

        gap:12px;

        padding:20px 0;

    }

    .mary-honey-category-count{

        grid-column:2;

        margin-top:-8px;

    }

    .mary-honey-category-head h3{

        font-size:27px;

    }

    .mary-honey-list{

        grid-template-columns:1fr;

        padding:0 0 20px 46px;

    }

    .mary-honey-product{

        padding:10px 0 10px 15px;

        border-right:0 !important;

    }


    /* CTA */

    .mary-honey-cta{

        gap:22px;

        padding:27px 20px;

    }

    .mary-honey-cta h2{

        font-size:30px;

    }

    .mary-honey-whatsapp{

        width:100%;

    }


    /* Volver */

    .mary-honey-back{

        padding:55px 0;

        text-align:left;

    }

    .mary-honey-back h2{

        margin-left:0;

        font-size:34px;

    }

}/* End custom CSS */