/** Shopify CDN: Minification failed

Line 50:13 Unexpected "<"

**/
/* FICHERO COMÚN PARA TODO EL CSS QUE PISARÁ AL DE TODA LA TIENDA */


/* CÓDIGO COMÚN PARA TODA LA TIENDA, ELEMENTOS REUTILIZABLES O REGLAS CSS QUE SE REPITEN */

.shopify-section.shopify-section-group-header-group.section-header{

    @media (max-width:768px){
        z-index:9;
    }
}

.top-right-container.label-container{
    right:0;
    top:0;
}

.top-left-container.label-container{
    left:0;
    top:0;
}

main.theme-template-product .label-container .x-badge-content{
    padding: 0.4rem 0.8rem;
    min-width:initial !important;
    width:auto;

    span.leading-normal.w-fit.p-break-words{
        font-size:10px;
    }
}

#CloseCart{
    background:transparent;
}

.border-t.flex-1.overflow-auto.scrollbar-body.grow.pb-4 {padding-bottom: 3rem !important;} /* altura botones carrito mobile */
.x-container-products-bundle.customBundle, div.shopify-section.section.x-section-product-grid {position: relative; z-index: 0;}

.x-share-cart-popup .pb-7, [x-data="xCouponCode([])"] .pb-7  {padding-bottom: 5rem;} /* altura pop up cart */
.estimate-shipping-popup > .scrollbar-body {padding-bottom: 4rem! important;}

ul.icon-payment.gap-2 {gap: .2rem;}
li.pl-1.pr-1 {padding-right: 0rem;}
.icon-payment<.flex.flex-col.pt-3.pl-4.pr-4.gap-3 {padding-left:0rem; padding-right: 0rem;}


/* BANNER DE COOKIES */
#shopify-pc__banner{
    background: #091539;

    #shopify-pc__banner__btn-accept,
    #shopify-pc__banner__btn-decline{
        background: #FFF;
        color:#222;
    }
}

/* FIN BANNER DE COOKIES */

/* METACAMPOS CUSTOM */
.detailsContainer{
    width:100%;
    display: flex;
    gap: 0.5rem;

    .benefitsBlock{
        gap: 0.5rem;
        display: flex;

        .metafield.beneficio{
            margin:initial;
        }
    }

}

/* Inicio Bundle de foto + productos HOME & PDP */
.x-container-products-bundle.customBundle{
    padding-left: 5%;
    padding-right: 5%;

    h2{
        font-size: 22px;
        font-weight: 300;
    }

    button[name="add"],
    .x-block-bundle-summary{
        display:none;
    }

    .card-info{
        text-align: left;

        p.card__heading{
            margin: 0 0 5px;
        }

        h3.x-card-title{
            font-weight: 800;
            font-size: clamp(18px, 4vw, 22px);

        }

        .x-card-price{
            margin-top: 8px;

            span.price-sale,
            p.price {
                font-size: 14px;
                font-weight: 900;
                color:#222;

            }

            .price-compare{
                color: #22222280;
                font-weight:300;

            }
        }


        .justify-center{
            justify-content: flex-start;
        }
    } 

    .rounded-\[10px\]{
        border-radius:0;
    }

    .detailsContainer{
        flex-flow:column wrap;

    }

}
/* Fin Bundle de foto + productos HOME & PDP */

.quick-view-container{
    bottom:0rem !important;
    width:100%;
    left:0;

    div[x-data="xProductCart"]{
        padding:0;
        display:block !important;

        button[name="add"]:nth-child(1){
            display:block !important;
            height: 2.188rem;
            line-height: 13px;
            font-size: 14px;
        }
        button[name="add"]:nth-child(2){
            display:none;
        }
    }

    form[data-type="add-to-cart-form"]{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;

        button.button.button--quickview{
                height:2.188rem;
                line-height:13px;
                font-size:14px;
                display:block !important;
                flex:1 1 0;
        }

        button.button.button--quickview:nth-of-type(2){
            display:none !important;
        }

        .quantitySelectorProductCard{
                width: 120px;
                height:2.188rem !important;
                background: #FFFFFFCC;
                border-color: inherit;
                border-width: inherit;
                border-radius: 0;
                display: flex;
                align-items: center;
                justify-content: space-evenly;

                button{
                    /* padding:0; */
                    color:#222;
                }
        }

        /* Quitar flechas en Chrome, Safari, Edge y Opera */
        .quantitySelectorProductCard input::-webkit-outer-spin-button,
        .quantitySelectorProductCard input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Quitar flechas en Firefox */
        .quantitySelectorProductCard input[type=number] {
            -moz-appearance: textfield;
        }

    }
}

.rounded-\[10px\],
.md\:rounded-\[10px\] {
  border-radius: 0 !important;
}

/* ****************************** */
/*        CSS from HEADER        */
/* **************************** */

#sticky-header-content{
    background-color: #FFFFFF;
    border-bottom: 0.5px solid #EEEEEE

}

header.header nav.x-container-header-nav li span.x-icon-caret {
  display: none;
}

header.header {
    
    

    @media (min-width:1024px){
        display: flex;
        height: 90px;
        justify-content: center;
        align-items: center;

    }

    .logo-name{
        width:auto;
    }

    #menu-1{

        .mega-menu-container{
            width: 85%;
            height: auto;
            margin: 0;

            .toggle-menu-sub{
                ul.sub-menu-container.order-2{
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-start;
                    gap: 16px;
                    flex-flow: row wrap;

                    li.relative.w-24{
                        width:160px;

                        a.border-b{
                            border-bottom-width: 0;
                        }
                    }

                    li.relative.w-24:nth-child(1){
                        width:100%;
                    }

                    a{
                        margin:0;
                    }
                }
            }

            .sub-menu-item:nth-child(2) .toggle-menu-sub{
                li.relative.w-24{
                    width:100% !important;
                }
                
            }
        }
        .toggle-menu.top-full.background-header{
            height:auto;
            display: flex;
            justify-content: end;
            padding:20px 0;
        }
        .mega-menu-container > div.mega-nav{
            display: flex;
            align-items: flex-start;
            padding: 0;

            ul.mega-list-nav li.sub-menu-item:nth-child(1){
                ul.sub-menu-container{
                    display: flex;
                    flex-direction: column;
                    width: auto;

                    li{
                        width: 100%;
                        display: flex;
                        flex-flow: row wrap;
                        justify-content: flex-start;
                        align-items: flex-start;
                        gap: 10px;

                        ul.list-unstyled li{
                            padding: 0;
                            margin: 0 0 10px 0;

                        }
                        
                    }
                }

            }

            li.sub-menu-item{
                background-color:#FFFFFF54;
                width:100%;

                a.nav-link:after{
                    display:none;
                }
            }

            span.z-10{
                display:none;
            }
        }
        .mega-menu-container > div.overflow-hidden{
            padding:0;
            width: 59%;

            .rounded-\[10px\]{
                border-radius:0px;
            }

            img{
                object-fit:contain;
                width:100%;
                border-radius:0px;
            }
        }
    }

    #FormSearch{
        height:90px;

        div[tabindex="-1"]{
            padding:0;
            width:100%;

            .relative.max-w-6xl.w-full{
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: flex-end;

                div.mx-auto{
                    margin:0;
                }
            }
                
        }

        #SearchClose{
            background:transparent;
            position:initial;
        }
    }


    .x-container-header-icons{
        .customMenu{
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-right:20px;
            
            a.customRute{
                font-size:16px;
                font-weight:300;
                padding:2px;

                p:hover{
                    font-weight:600;
                }
            }

            .contact{
                display: flex;
                justify-content: center;
                align-items: center;
                flex-flow: row nowrap;

                span{
                    font-size: 80px;
                }
            }

            @media (max-width:768px){
                display:none;
            }
        }
    }

   .x-container-header-mobile-nav{
        @media (max-width:768px){
            display:none;

        }
    } 
    .x-container-header-icons{
        @media (max-width:768px){
            display:none;

        }
    }
    
    
    .logo-name a.w-\[150px\] {

        @media (max-width:768px){
            width:270px !important;
        }
    
    }
    
    
}

header.header nav.x-container-header-nav a span{
    font-size:14px;
}
header.header nav.x-container-header-nav {

    li.sub-menu-item.table:nth-child(2),
    li.sub-menu-item.table:nth-child(3),
    li.sub-menu-item.table:nth-child(4){
        .toggle-menu-sub ul li.relative:nth-child(1){
            font-weight:700;
        }
    }
}

header.header nav.x-container-header-nav #menu-1 .mega-menu-container .toggle-menu-sub ul.sub-menu-container.order-2 ul.list-unstyled li a{
    border-bottom:initial;
}



header.header nav.x-container-header-nav #menu-1 .mega-menu-container .mega-nav ul.mega-list-nav:has(li.sub-menu-item.is-active) 
li.sub-menu-item.is-active{
    background-color:#FFF;
    width:100%;
}


header.header nav.x-container-header-nav #menu-1 .mega-menu-container .mega-nav ul.mega-list-nav:has(li.sub-menu-item.is-active) 
li.sub-menu-item.is-active .sub-menu,
header.header nav.x-container-header-nav #menu-1 .mega-menu-container .toggle-menu-sub{
    background-color: #FFF;
    margin-left: -5px;
    --colors-line-and-border: initial;
}
/* Fin CSS from HEADER
|
|
|
|
|
__Inicio CSS from MOBILE DOCK */

#eurus-mobile-dock{

    #mobile-dock-container{
        bottom:0 !important;
        opacity:1 !important;
    }

    div.flex.justify-evenly.items-center{

        .flex-1{
            flex:initial;
        }

        .flex-1.cursor-pointer{
            flex: 0.5;
            display: flex;
            flex-flow: row-reverse nowrap;
            justify-content: center;
            gap: 12px;
        }

        div.flex-1.cursor-pointer .mobile-dock-text{
            font-size: 15px;
            text-transform: uppercase;
        }
    }

    #FormSearchMobileDock{
        height: 83px !important;
        z-index:99999999999;

        .items-center{
            padding: 2rem;
        }

        #SearchCloseMobileDock{
            background: transparent;
            padding-top: 3vh;
        }
    }

    

    .mobile-dock-icon{
        width: 20px;
        height: 20px;
    }

}

/* Fin CSS from MOBILE DOCK
|
|
|
|
|
__Inicio CSS from MOBILE NAVIGATION */


#mobile-navigation{

    #menu-level-0 li.block-mobile-navigation-accordion_menu{
       

        .menu-drawer.overflow-visible{
            height: auto !important;
            overflow: visible !important;
            display: block !important;
        }
    }
    #menu-level-1 li.block-mobile-navigation-accordion_menu{
       

        .menu-drawer.overflow-visible{
            height: auto !important;
            overflow: visible !important;
            display: block !important;
        }
    }

    #menu-level-2 .background-header.overflow-hidden.menu-opening{
        height: auto !important;
        overflow: hidden !important;
        display:block !important;
        width:100% !important;
        opacity:1 !important;
    }

    #menu-level-2{
        span.icon-caret-mobile{display:none;}

    }
    
    

    .x-container-mobile-nav.background-header,
    ul.background-header{
        background: #F2F2F2;
    }
    .x-container-mobile-nav .x-block-mobile-nav-close{
        padding-bottom: 30px;

        .font-menu-level-2{
            display:none;
        }
        .icon-close-container{
            background:transparent;
        }
    }

    #menu-navigation span.p-break-words.font-menu-level-0{
        font-size:16px;
        font-weight:700;
    }
}

/* Fin CSS from MOBILE NAVIGATION
|
|
|
|
|
__Inicio CSS from HOME */

.theme-template-index{

    .section.section-featured-blog{
        background-color:#F2F2F2;
        padding:0 8%;
    }

    .blogs{
        .text-center{
            text-align:left;

            .h3{
                font-weight:700;
                margin-bottom:8px
            }
            .text-xs{display:none;}
        }
    }

    .clientReviews{
        padding:5% 8%;
    }

    .customBundle{
        .detailsContainer{
            flex-flow: column nowrap;
            margin-top: 0.2rem;

            .benefitsBlock{
                justify-content: flex-start;
                align-items: center;

               
            }

        }
    }

}


/* Fin CSS from HOME
|
|
|
|
|
__Inicio CSS from FOOTER */

div.shopify-section.shopify-section-group-footer-group .section-footer.background-footer{
    background: transparent;
    padding-bottom: 0;

    .border-b{
        border-bottom-width: inherit;
    }

    .footer-col--2 ul[x-show="open"]{
        height: auto !important;
        overflow: visible !important;
        display: block !important;
    }
    
}

div.shopify-section.shopify-section-group-footer-group .section-footer.background-footer div.flex-wrap{
    background-color: #aa9c7b;
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;

    p.h6{
        font-size: clamp(2%, 41px, 2rem);
        font-weight: 800;
        font-style: Italic;
    }

    a.hover-text-link.nav-link{
        color:#FFFFFF;
        font-family: Roboto;
        font-weight: 300;
        font-size: 16px;

    }

    .footer-col--4 .py-4.border-b.border-b-solid{
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 18px;

        div.relative{
            padding: 0;

        }
        div.hidden div a.image-text_fa7UTa, div.rte{
            margin:0;
        }
    }

    span svg {
        display:none;
    }

    @media (min-width:768px){
        display: flex;
        flex-flow: row wrap;
        justify-content:space-evenly;
        width:100%;

        .footer-col--1, .footer-col--2, .footer-col--3{
            width:auto;
        }
        .footer-col--4{
            width:100%;
        }
    }
    
}

div.shopify-section.shopify-section-group-footer-group .section-footer.background-footer .additional-footer{
    background-color: #ededfc;
    height: 84px;
    margin: 0;
    width: 100%;
    max-width: initial;

    a,p{
        color:#07081D;
    }
}

/* Fin CSS from FOOTER
|
|
|
|
|
__Inicio CSS from BLOG PAGE */

main.theme-template-blog{
    background-color:#F1F1F1;

    h1.x-pgw{
        display:none;
    }

    #blogContainer{
        margin-top:40px;
        padding:0px 5%;

        .article-layout-1{
            .rounded-\[10px\]{
                border-radius:0px;
            }
        }

        .grow.content-article-1{
            padding: 15px 30px 0 0;

            p.h3{
                font-size: 16px;
                font-weight: 700;
                text-align: left;
                margin-bottom:-10px;
            }
            .line-clamp-2{
                text-align: left;
                font-size: 16px;
            }
        }

    }

}

/* Fin CSS from BLOG PAGE
|
|
|
|
|
__Inicio CSS from BLOG POST */


main.theme-template-article{

    .menu-article{
       
        .lg\:sticky{
            top:20px;
        }

    }

    .side-bar-block.side-bar-product{

        .card-product-slideshow{
            display: flex;
            flex-flow: row nowrap;
            color: #222;
            justify-content: center;
            align-items: center;

            .w-\[80px\]{width:100px;}
            .h-\[80px\]{height:100px;}

            p.h2,
            p.price{
                font-weight:700 !important;
                color:#222;
            }

            .detailsContainer{
                .benefitsBlock{
                    flex-flow: row wrap;

                    .metafield.beneficio{
                        background-color:#FFF;
                    }
                }
            }
        }

    }
}

/* Fin CSS from BLOG POST
|
|
|
|
|
__Inicio CSS from PÁGINA DE CATEGORÍA/PDC */

main.theme-template-collection{

    .section.x-section-collection-banner{

        .collection-title {
            padding: 4% 4% 0;

            h1{
            font-weight: 800;
            font-size: 30px;
            text-transform: uppercase;
            }
        }
            

    }

    .section.x-section-product-grid{

        .x-pgw.page-width{
            padding: 0;
            margin:0;
            max-width: initial;

            #items-grid{
                padding: 0 4%;

                .col-span-2.row-span-2.promotion-block.promotion.group{display:none;}
                .col-span-2.row-span-2.promotion-block.promotion.group:has(picture){display:block;}
            }

            div.col-span-1{

                div.relative{
                    margin:0;

                    #CloseFilter{
                        background:transparent;
                    }
                }
            }

            #FacetsWrapperDesktop{
                padding: 0 4%;
                border-top-width:0;

                div.hidden .hidden:nth-child(1){
                    display:none !important;
                }
            }

            .grid-item{

                .card-info{

                    div.text-center{
                        text-align: left;

                        p.card__heading{
                            margin: 0 0 5px;
                        }
                        a.x-card-title{
                            font-weight: 800;
                            font-size: clamp(18px, 4vw, 22px);;

                        }

                        .x-card-price{
                            margin-top: 8px;

                            span.price-sale,
                            p.price {
                                font-size: 14px;
                                font-weight: 900;

                            }

                            .price-compare{
                                color: #22222280;
                                font-weight:300;

                            }
                        }
                    }

                    .justify-center{
                        justify-content: flex-start;
                    }
                } 

            }
        }

        

        .rounded-\[10px\]{
            border-radius:0;
        }

       

        .card-info.bottom_atc{display:none;}
    }

    /* CSS FILTROS PDC */
    #ProductFilter{

        button.facets__summary span.text-medium{
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 300;
            color: #222;
        }

        span.p-break-words{
            font-weight: 300;
            color: #222;
        }

        @media (min-width:768px){
            width: 314px;
        }
    }
    /* FIn CSS FILTROS PDC */

    .detailsContainer{
        flex-flow: column nowrap;

        .benefitsBlock{
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: center;
        }

    }
}
/* Fin CSS from PÁGINA DE CATEGORÍA/PDC
|
|
|
|
|
__Inicio CSS from METACAMPOS */

.containerMetafiled{
    display: flex;
    flex-flow: row nowrap;
    gap: 0.4rem;

    p.metafield{
        font-weight:300;
    }

    .categoria,
    .beneficio{
        font-size:12px;
    }
    .descripcion{
        font-size:14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .beneficio{
        border-radius: 50px;
        background-color: #F2F2F2;
        padding: 4px 8px;
        color: #22222280;
        /* margin-right: 24px; */
    }
    .rutina{
        border: 1px solid;
        padding: 4px 8px;
    }
    .piel{
        display: flex;
        flex-wrap: wrap;

        span{width:100%;}
    }

    .categoria {
        text-transform: uppercase;
    }
}
/* Fin CSS from METACAMPOS
|
|
|
|
|
__Inicio CSS from PÁGINA DE PRODUCTO/PDP */

main.theme-template-product{

    .flex-wrap{
        padding-top:0;
    }

    .product-media-container{


        @media (min-width:768px){

            .sticky{
            top:0 !important;
            }

            .splide__slide.x-splide-slide.media-slide{
                /* height:98vh; */

                /* button.block,
                .external-video{
                    height:100%;
                } */
            }
            img.image-detail,
            video{
                object-fit:contain;

            }

        }

        .splide__slide.x-splide-slide.product-media--video{

                
            aspect-ratio:2/2.315;

            .relative.external-video{
                height:100%;
                padding:0;
                margin:0;

                div{
                    height: 100%;

                    video{
                        height: 100%;
                        width:100%;
                        object-fit:cover !important;
                    }
                }
            }

            @media (min-width:768px){
                aspect-ratio:2/3;
                height:44rem;

                /* .relative.external-video{
                    height:100%;
                    padding:0;
                    margin:0;

                    div{
                        height: 100%;

                        video{
                            height: 100%;
                            width:100%;
                            object-fit:cover !important;
                        }
                    }
                } */

            }
            
        }

        
    }

    .product-media-container{

        div.select-none{
            .flex.flex-1.max-w-full{
                gap:1px;
            }
            @media (min-width:768px){
               min-width:200px;
                margin:0 1px 0 0;
            }

        }
        

        @media (min-width:768px){
            width:60%;
        }
        @media (max-width:768px){
            padding-bottom:0;
        }
    }

    .product-content-container{
        

        @media (min-width:768px){
            padding-top:60px;
            width:40%;
        }
        @media (max-width:768px){
            margin-top:-3.5rem;
        }
    }

    .x-block-product-title{
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;

        h1.product-title,
        .price-sale,
        .price{
            font-weight: 800;
            font-size: 30px;
            color:#222;
        }

        .x-block-price{
            margin:0;
            width:auto;

            .price-compare{
                font-weight: 300;
                font-size: 16px;
                color: #22222280;

            }

            
        }
    }

    .custom-html:has(.metafield.categoria){
        margin:0;
    }

    .custom-html{

        .complementary-products {
            margin: 40px 0;

            h3.titleSection{
                font-weight: 700;
                font-size: 22px;

            }

            .products-grid {
                display: flex;
                gap: 20px;
                margin-top: 20px;
            }

            .product-card {
                border-radius: 8px;
                width: 100%;
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                gap: 16px;

                a{
                    width:30%

                }

                .productAtributtes{
                    flex: 1 1 0;

                    .PriceAndRatingBox{
                        display: flex;
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                        align-items: center;
                        gap: 30px;

                        .ratinAndBenefits{
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            flex-flow: row nowrap;
                        }
                    }

                    h4{
                        font-weight: 800;
                        font-size: 18px;
                    }
                }
            }

            .product-card img {
                width: 100%;
                height: auto;
                margin-bottom: 10px;
            }

            .price-compare {
                text-decoration: line-through;
                color: #999;
                margin-right: 8px;
            }

            .price-sale {
                color: #e74c3c;
                font-weight: bold;
            }

            .product-rating {
                margin: 10px 0;
                color: #f39c12;
            }


            /* Contenedor de cantidad y botón */
            .quantity-cart-wrapper {
                display: flex;
                gap: 0;
                margin-top: 15px;
            }

            /* Selector de cantidad con botones +/- */
            .quantity-selector {
                display: flex;
                align-items: center;
                background: #fff;
                border: 1px solid #ddd;
                flex: 0 0 auto;
                width:auto;
            }

            .qty-btn {
                width: 45px;
                height: 45px;
                background: #fff;
                border: none;
                font-size: 20px;
                cursor: pointer;
                color: #000;
                transition: background 0.2s;
            }

            .qty-btn:hover {
                background: #f5f5f5;
            }

            .quantity-input {
                width: 60px;
                height: 45px;
                border: none;
                text-align: center;
                font-size: 16px;
                font-weight: 500;
                -moz-appearance: textfield;
            }

            .quantity-input::-webkit-outer-spin-button,
            .quantity-input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            /* Botón añadir al carrito */
            .btn-add-to-cart {
                flex: 1;
                height: auto;
                padding: 0 30px;
                background: #1a1a2e;
                color: #fff;
                border: none;
                cursor: pointer;
                font-weight: 600;
                font-size: 14px;
                letter-spacing: 0.5px;
                transition: background 0.3s;
                width:50%;
            }

            .btn-add-to-cart:disabled {
                background: #ccc;
                cursor: not-allowed;
            }

            .btn-add-to-cart:hover:not(:disabled) {
                background: #0f0f1a;
            }

        }

        

       

        
    }

    .x-block-description{
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 4em;

        p{
            font-weight:300;

        }

        @media (max-width:768px){
            -webkit-line-clamp: 3;
        }
    }

    .detailsContainer{
        flex-flow: row nowrap;
        justify-content: space-between;

        .benefitsBlock{
            gap: 0.5rem;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
        

            .metafield.beneficio{
                margin:initial;
            }
        }

            .weightBlock{
                p{
                    font-size:16px;
                }

            }
    
    }
   

    .x-block-buy-buttons{
        margin:0;

        form{

            .flex.gap-2{
                gap:0;

                button[name="add"]{
                    border-radius:0;

                    .x-atc-text{
                        font-size:16px;
                    }
                }

                .inline-flex.w-fit.border{
                    border-color: #07081D;
                    border-radius:0;

                    button svg,
                    input{
                        color: #07081D;
                        font-size:16px;
                    }
                }
            }
        }

        .x-pickup-pre-order{display:none;}
        
    }

    .customNotarasBlock{
        div.flex.flex-wrap{
            justify-content:center;
        }

        .shopify-block.flexible-area-group:nth-child(1)  h2.h2.block{
            font-weight: 300;
            font-size: clamp(35px,4vw,42px);
        }
        .shopify-block.flexible-area-group:nth-child(2) h2.h2.block,
        .shopify-block.flexible-area-group:nth-child(3) h2.h2.block,
        .shopify-block.flexible-area-group:nth-child(4)  h2.h2.block{
            font-weight: 700;
            font-size: clamp(30px,4vw,90px);
        }

        p{
            font-size:20px;
            font-weight:300;
        }
    }

    .integraEnRutina{
        margin: 0;
        max-width: initial;
        padding: 5% 8% !important;

        

        .flex{

            @media (max-width:768px){
                justify-content:center;
            }
            

        }
        
    }

    .splide-image{
        .x-splide{
            .splide__arrows{
                position:relative;
                bottom:10vh;
            }
        }
    }
    
}
/* Fin CSS from PÁGINA DE PRODUCTO/PDP
|
|
|
|
|
__Inicio CSS from PÁGINA 404 */

main.theme-template-404{

    .flexible-area{

        .shopify-block.flexible-area-group:nth-child(1){

            .x-theme-block-group{

                h2{
                    font-weight: 700;
                    font-size: clamp(25px, 4vw, 42px);

                }
            }
        }

        .shopify-block.flexible-area-group:nth-child(2){

            .x-theme-block-group{
                justify-content:center;

                @media (min-width:768px){
                    gap:40px;
                }
                
            }

            .shopify-block.flexible-area-button{
             margin:0;
            }

           
        }
    }

    a.button{
        border-radius: 0;
        box-shadow: initial;
        background: #07081D;
    }

    .shopify-section.section-recently-viewed{

        @media (min-width:768px){
            padding:0 15%;
        }

        .text-right{display:none;}
    }

    .shopify-section.section-rich-text{

        h2{
            font-size:clamp(28px, 4vw, 35px);
            font-weight:700;
        }

        p{
            font-weight: 300;
            font-size: 14px;
        }

        a.button{
            border-radius: 0;
            box-shadow: initial;
            background: #FFFFFF;
        }
    }

    
}


button[name="add"]{
    border-radius:0;

    .x-atc-text{
        font-size:16px;
    }
}

/* Fin CSS from PÁGINA 404
|
|
|
|
|
__Inicio CSS from PÁGINA SEARCH TEMPLATE */

main.theme-template-search{

    .card-info{

        .text-center{
            text-align: left;
        }

        .x-card-title{
            font-weight: 800;
            font-size: clamp(18px, 4vw, 22px);
            text-transform:uppercase;
        }

        .x-card-price{
            margin-top: 8px;
            justify-content: flex-start;


            span.price-sale,
            p.price {
                font-size: 14px;
                font-weight: 900;

            }

            .price-compare{
                color: #22222280;
                font-weight:300;

            }
        }

    }
    

    .detailsContainer{
        flex-flow: column nowrap;

        .benefitsBlock{
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: center;
        }

    }
}



/* Fin CSS from PÁGINA SEARCH TEMPLATE */


/* Inicio cambios UX 22/05  */

    .quantitySelectorProductCard {
    display: none !important;
    }

    /* Ocultar selector rápido en variantes secundarias  */
    div.grid-item[data-sezerium-variant="53810193301843"] button.button.button--quickview, div.grid-item[data-sezerium-variant="53425503109459"] button.button.button--quickview, div.grid-item[data-sezerium-variant="53424713531731"] button.button.button--quickview, div.grid-item[data-sezerium-variant="53425518051667"] button.button.button--quickview, div.grid-item[data-sezerium-variant="53425536205139"] button.button.button--quickview  {
        display: none !important;
    }

    /* Oculta el texto original del span */
    button[aria-label="ELIGE"] .button-text, button[aria-label="AÑADIR"] .button-text {
        font-size: 0;
    }

    /* Inyecta el signo "+" y le devuelve el tamaño */
    button[aria-label="ELIGE"] .button-text::before, button[aria-label="AÑADIR"] .button-text::before {
        content: "+";
        font-size: 16px; /* Ajusta este valor al tamaño que quieras */
    }

    button.button--quickview[type="submit"] {width: fit-content;}
    .quick-view-container form[data-type="add-to-cart-form"] {flex: inherit !important; }

    .quick-view-container {
    & form[data-type="add-to-cart-form"] {
        button.button.button--quickview {
            flex: inherit;}}}

    .quick-view-container {
    form[data-type="add-to-cart-form"] {
        justify-content: end;}}

    .quick-view-container {
    div[x-data="xProductCart"] {
        display: flex !important;
        justify-content: end;}}


/* Fin cambios UX 22/05  */