/** Shopify CDN: Minification failed

Line 1708:1 Expected "}" to go with "{"

**/
/* ==========================================================
   DAVLO CUSTOM STYLES
   ========================================================== */

/* ----------------------------------------------------------
   01. Variables
---------------------------------------------------------- */
:root{

/* Layout */

--davlo-max-width:1400px;

--davlo-section-spacing:80px;

--davlo-section-spacing-mobile:48px;


/* Colores */

--davlo-black:#111111;

--davlo-grey:#666666;

--davlo-light:#888888;

--davlo-border:#ECE8E2;

--davlo-bg:#FFFFFF;

--davlo-gold:#C8A35F;


/* Bordes */

--davlo-radius:0px;


/* Transiciones */

--davlo-transition:.28s cubic-bezier(.4,0,.2,1);

}


/* ----------------------------------------------------------
   02. Global
---------------------------------------------------------- */
html{

scroll-behavior:smooth;

}

body{

color:var(--davlo-black);

background:#fff;

text-rendering:optimizeLegibility;

-webkit-font-smoothing:antialiased;

}

.shopify-section{

position:relative;

}

.section{

margin:0;

}

.section+.section{

margin-top:0;

}

img{

display:block;

max-width:100%;

height:auto;

}

a{

transition:var(--davlo-transition);

text-decoration:none;

}

button{

transition:var(--davlo-transition);

cursor:pointer;

}

/* ==========================================================
   DAVLO BUTTONS
========================================================== */

.button{

border-radius:0;

font-weight:500;

letter-spacing:.08em;

text-transform:uppercase;

font-size:12px;

transition:.3s;

}

.button:hover{

transform:translateY(-1px);

}

img{

image-rendering:auto;

}


/* ----------------------------------------------------------
   03. Typography
---------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6{

letter-spacing:-.02em;

line-height:1.15;

font-weight:500;

}

h1{

font-size:clamp(34px,4vw,54px);

}

h2{

font-size:clamp(28px,3vw,42px);

}

h3{

font-size:24px;

}

p{

line-height:1.7;

color:var(--davlo-grey);

}

/* ==========================================================
   DAVLO TYPOGRAPHY
========================================================== */

body{

font-size:15px;

font-weight:400;

line-height:1.65;

letter-spacing:.01em;

color:#111;

}

h1,
.h1{

font-size:clamp(36px,5vw,56px);

font-weight:500;

letter-spacing:-0.03em;

line-height:1.05;

}

h2,
.h2{

font-size:clamp(28px,3vw,42px);

font-weight:500;

letter-spacing:-0.02em;

line-height:1.15;

}

h3,
.h3{

font-size:24px;

font-weight:500;

letter-spacing:-0.01em;

line-height:1.2;

}

h4,
.h4{

font-size:18px;

font-weight:500;

line-height:1.35;

}

p{

font-size:15px;

line-height:1.75;

color:#666;

}

strong{

font-weight:600;

}

a{

color:inherit;

text-decoration:none;

}


/* ----------------------------------------------------------
   04. Header
---------------------------------------------------------- */
/* ==========================================
   DAVLO MOBILE DRAWER V1
========================================== */

@media screen and (max-width:749px){

/* Drawer */

.header__drawer{

background:#faf9f6;

}


/* Contenedor */

.header__drawer *{

-webkit-font-smoothing:antialiased;

}


/* Links principales */

.header__drawer a{

font-size:29px !important;

font-weight:400 !important;

letter-spacing:-0.03em;

line-height:1.15;

}


/* Más espacio */

.header__drawer li{

padding-top:18px !important;

padding-bottom:18px !important;

}


/* Padding lateral */

.header__drawer nav,
.header__drawer ul{

padding-left:34px !important;

padding-right:34px !important;

}


/* Link activo */

.header__drawer [aria-current="page"]{

font-weight:600 !important;

position:relative;

}


.header__drawer [aria-current="page"]::after{

content:"";

display:block;

width:36px;

height:2px;

background:#caa25d;

margin-top:10px;

}


/* Hover */

.header__drawer a{

transition:.28s ease;

}


.header__drawer a:hover{

opacity:.65;

}


/* Flechas */

.header__drawer button{

font-size:18px;

}


/* Idioma */

.header__drawer .localization-form,
.header__drawer .language-selector{

font-size:14px;

font-weight:500;

opacity:.75;

}


/* Productos inferiores */

.header__drawer .product-card{

margin-top:24px;

}

}
/* ==========================================
   DAVLO MOBILE DRAWER V2
========================================== */

@media screen and (max-width:749px){

/* Drawer */

.menu-drawer{

padding-top:18px;

}


/* Menú principal */

.menu-drawer__menu{

padding-inline:28px !important;

}


/* Cada opción */

.menu-drawer__menu-item--mainlist{

min-height:62px !important;

font-size:22px !important;

font-weight:500 !important;

letter-spacing:-0.02em;

line-height:1.05;

text-transform:none;

color:#111;

padding:0 !important;

display:flex;

align-items:center;

justify-content:space-between;

}


/* Texto */

.menu-drawer__menu-item-text{

font-size:inherit !important;

font-weight:inherit !important;

}


/* Opción activa */

.menu-drawer__menu-item--active{

font-weight:700 !important;

color:#000 !important;

}


/* Separación */

.menu-drawer__list-item{

border-bottom:1px solid #F3F1EC;

}


/* Último */

.menu-drawer__list-item:last-child{

border:none;

}


/* Icono + */

.menu-drawer .icon-plus{

opacity:.55;

transform:scale(.8);

transition:.25s;

}


/* Hover */

.menu-drawer__menu-item:hover .icon-plus{

opacity:1;

transform:scale(1);

}


/* Subcategorías */

.menu-drawer__menu-item--child{

font-size:15px !important;

font-weight:400 !important;

padding:10px 0 10px 20px !important;

opacity:.75;

}


/* Selector país */

.menu-drawer__utility-links{

padding:30px 28px 0;

margin-top:24px;

border-top:1px solid #F3F1EC;

}

}
/* ==========================================
   DAVLO MENU FIXES V3
========================================== */

@media screen and (max-width:749px){

/* Tamaño REAL del menú */

.menu-drawer__menu-item--mainlist,
.menu-drawer__menu-item--mainlist .menu-drawer__menu-item-text{

font-size:18px !important;

line-height:1.15 !important;

font-weight:500 !important;

letter-spacing:-0.01em !important;

}


/* Activa */

.menu-drawer__menu-item--active{

font-size:20px !important;

font-weight:700 !important;

}


/* Quitar la línea dorada */

.menu-drawer__menu-item--active::after,
.menu-drawer__menu-item::after{

display:none !important;

content:none !important;

}


/* Icono + */

.menu-drawer .icon-plus{

transform:scale(.75);

opacity:.45;

}


/* Espaciado */

.menu-drawer__menu-item{

padding:18px 0 !important;

}

}
/* ==========================================
   DAVLO SUBMENU MOBILE
========================================== */

@media screen and (max-width:749px){

/* Contenedor del submenú */

.menu-drawer__submenu{

padding-top:6px !important;

padding-bottom:6px !important;

}


/* Cada subcategoría */

.menu-drawer__menu-item--child,
.menu-drawer__submenu .menu-drawer__menu-item{

min-height:38px !important;

padding:8px 0 8px 18px !important;

}


/* Texto */

.menu-drawer__menu-item--child,
.menu-drawer__submenu .menu-drawer__menu-item-text{

font-size:15px !important;

font-weight:400 !important;

line-height:1.2 !important;

letter-spacing:0 !important;

text-transform:none;

}


/* Menos espacio entre elementos */

.menu-drawer__submenu .menu-drawer__list-item{

margin:0 !important;

padding:0 !important;

border:none;

}

}
/* ==========================================================
   DAVLO MENU DRAWER V3
========================================================== */

@media screen and (max-width:749px){

/* Drawer */

.davlo-menu-main{

display:flex;
align-items:center;
justify-content:space-between;

min-height:58px;

padding:0 !important;

border-bottom:1px solid #F4F2EE;

transition:.25s ease;

}


/* Texto principal */

.davlo-menu-main .davlo-menu-title{

font-size:20px;

font-weight:500;

letter-spacing:-0.02em;

line-height:1.1;

color:#111;

transition:.25s;

}


/* Página activa */

.davlo-menu-main.is-active .davlo-menu-title{

font-size:22px;

font-weight:700;

color:#000;

}


/* Hover */

.davlo-menu-main:hover .davlo-menu-title{

opacity:.75;

}


/* Icono + */

.davlo-plus{

opacity:.45;

transform:scale(.78);

transition:.25s;

}


.davlo-menu-main:hover .davlo-plus{

opacity:1;

transform:scale(.92);

}


/* Subcategorías */

.davlo-menu-sub{

padding-left:14px !important;

min-height:42px;

border:none !important;

}


.davlo-menu-sub .davlo-menu-title{

font-size:16px;

font-weight:500;

letter-spacing:0;

color:#555;

}


/* Nivel final */

.davlo-menu-child{

padding-left:28px !important;

min-height:36px;

}


.davlo-menu-child .davlo-menu-title{

font-size:15px;

font-weight:400;

color:#777;

}


/* Activos */

.davlo-menu-sub.is-active .davlo-menu-title,
.davlo-menu-child.is-active .davlo-menu-title{

color:#000;

font-weight:600;

}


/* Espaciado del menú */

.menu-drawer__menu{

padding-inline:26px !important;

}


/* Utilidades inferiores */

.menu-drawer__utility-links{

margin-top:28px;

padding-top:22px;

border-top:1px solid #F3F1EC;

}

}
/* ==========================================================
   DAVLO MENU DRAWER V4
========================================================== */

@media screen and (max-width:749px){

/* Más aire arriba */

.menu-drawer__menu{

padding-top:18px;

}


/* Cada bloque principal */

.davlo-menu-main{

position:relative;

}


/* Barra dorada muy discreta */

.davlo-menu-main.is-active::before{

content:"";

position:absolute;

left:-14px;

top:50%;

transform:translateY(-50%);

width:3px;

height:22px;

border-radius:3px;

background:#C9A35A;

}


/* Icono + mucho más elegante */

.davlo-plus svg{

width:14px !important;

height:14px !important;

stroke-width:1.3;

}


/* Flecha abrir */

details[open] > summary .davlo-plus{

transform:rotate(45deg);

opacity:.9;

}


/* Subcategorías */

.davlo-menu-child{

transition:.25s;

padding-left:34px !important;

}


/* Hover */

.davlo-menu-child:hover{

padding-left:40px !important;

}


.davlo-menu-child:hover .davlo-menu-title{

color:#000;

}


/* Línea separadora */

.menu-drawer__list-item{

border-bottom:1px solid #F5F3EF;

}


/* Último */

.menu-drawer__list-item:last-child{

border-bottom:none;

}


/* Idioma */

.menu-drawer__utility-links{

font-size:14px;

font-weight:500;

color:#666;

}


/* Imágenes inferiores */

.menu-drawer img{

border-radius:12px;

transition:.35s;

}


.menu-drawer img:hover{

transform:scale(1.03);

}

}

/* ----------------------------------------------------------
   05. Hero
---------------------------------------------------------- */



/* ----------------------------------------------------------
   06. Trust Bar
---------------------------------------------------------- */



/* ----------------------------------------------------------
   07. Collections
---------------------------------------------------------- */



/* ----------------------------------------------------------
   08. Product Cards
---------------------------------------------------------- */
/* ==========================================================
   PRODUCT CARDS
========================================================== */

.card-gallery{

overflow:hidden;

background:#fff;

}

.card-gallery img{

transition:transform .7s cubic-bezier(.22,.61,.36,1);

}

@media (hover:hover){

.card-gallery:hover img{

transform:scale(1.04);

}

}

.card-gallery a{

text-decoration:none;

}

.product-media-container{

background:#faf9f7;

}

.product-media-container img{

object-fit:cover;

}

/* ==========================================================
   DAVLO PRODUCT CARDS V2
========================================================== */

.product-card{

transition:.35s ease;

}

.product-card__content{

gap:10px !important;

}

.product-card img{

transition:transform .8s cubic-bezier(.22,.61,.36,1);

}

@media (hover:hover){

.product-card:hover img{

transform:scale(1.03);

}

}

.product-card a{

text-decoration:none;

}

.product-card{

background:#fff;

}

.product-grid__card{

background:#fff;

}

.product-card__content{

padding-bottom:8px;

}

/* ----------------------------------------------------------
   09. Collection Page
---------------------------------------------------------- */



/* ----------------------------------------------------------
   10. Product Page
---------------------------------------------------------- */



/* ----------------------------------------------------------
   11. Cart
---------------------------------------------------------- */



/* ----------------------------------------------------------
   12. Footer
---------------------------------------------------------- */



/* ----------------------------------------------------------
   13. Animations
---------------------------------------------------------- */
a,
button,
svg,
img{

transition:all .28s cubic-bezier(.4,0,.2,1);

}



/* ----------------------------------------------------------
   14. Responsive
---------------------------------------------------------- */


/* ==========================================
   DAVLO HEADER MOBILE V1
========================================== */

@media screen and (max-width:749px){

/* Header principal */

#header-component{

background:#fff;
backdrop-filter:blur(14px);

}


/* Altura */

.header__row--top{

min-height:64px;

}


/* Menos padding */

.header__columns{

padding-left:18px !important;
padding-right:18px !important;

}


/* Logo */

.header-logo img{

height:34px !important;
max-height:34px !important;
width:auto;

}


/* Iconos */

.header-actions__action svg,
.search-action svg,
.header__icon--menu svg{

width:22px;
height:22px;

}


/* Más aire entre iconos */

.header-actions{

gap:18px;

}


/* Segunda fila */

.header__navigation-bar-row{

background:#fff;

border-top:1px solid #F3F1EC;

border-bottom:1px solid #F3F1EC;

}


/* Links navegación */

.header__navigation-bar-row a{

font-size:14px;

font-weight:500;

letter-spacing:.03em;

text-transform:none;

}


/* Separación */

.header__navigation-bar-row .overflow-menu::part(list){

gap:34px;

justify-content:center;

}


/* Elimina espacios enormes */

.header__navigation-bar-row{

padding-top:2px;

padding-bottom:2px;

}


/* Hover */

.header a{

transition:.25s ease;

}

.header a:hover{

opacity:.72;

}

}

/* ==========================================
   DAVLO MENU SPACING FIX
========================================== */

@media screen and (max-width:749px){

/* Elimina la altura enorme del tema */

.menu-drawer__menu>.menu-drawer__list-item{

min-height:unset !important;

height:auto !important;

margin:0 !important;

padding:0 !important;

}


/* Lo mismo para los desplegables */

.menu-drawer__list-item--flat,
.menu-drawer__list-item--deep{

margin:0 !important;

}


/* Cada enlace */

.menu-drawer__menu-item{

min-height:44px !important;

padding:10px 0 !important;

}


/* Menú principal */

.davlo-menu-main{

min-height:48px !important;

}


/* Subcategorías */

.davlo-menu-sub{

min-height:34px !important;

padding:6px 0 6px 14px !important;

}


/* Hijos */

.davlo-menu-child{

min-height:30px !important;

padding:5px 0 5px 26px !important;

}


/* Menú */

.menu-drawer__menu{

row-gap:0 !important;

gap:0 !important;

}

}
/* ==========================================
   DAVLO EDITORIAL MENU
========================================== */

@media (max-width:749px){

/* Cada bloque */

.davlo-menu-item{

margin:0 !important;
padding:0 !important;

}


/* Elimina la altura mínima del tema */

.davlo-menu-item,
.davlo-menu-item > details,
.davlo-menu-item > a{

min-height:unset !important;

}


/* Enlace principal */

.davlo-menu-main{

padding:8px 0 !important;

min-height:40px !important;

}


/* Texto */

.davlo-menu-main .davlo-menu-title{

font-size:19px !important;

font-weight:500;

line-height:1.15;

}


/* Activa */

.davlo-menu-main.is-active .davlo-menu-title{

font-weight:700;

}


/* Subcategorías */

.davlo-menu-child{

padding:6px 0 6px 18px !important;

}

.davlo-menu-child .davlo-menu-title{

font-size:15px !important;

line-height:1.2;

}


/* Espaciado entre elementos */

.menu-drawer__menu{

display:flex !important;

flex-direction:column;

gap:6px !important;

}

}
/* ==================================================
   DAVLO • Mobile Navigation v3
   Premium Editorial Header
================================================== */

@media screen and (max-width:749px){

    /* Barra */

    .header__navigation-bar-row{

        display:flex !important;
        align-items:center !important;

        height:34px !important;
        min-height:34px !important;

        background:#FFFFFF !important;

        border-top:none !important;
        border-bottom:1px solid #ECE8E2 !important;

        overflow:hidden !important;

    }

    /* Eliminar máscaras */

    .header__navigation-bar-row::before,
    .header__navigation-bar-row::after{

        display:none !important;
        content:none !important;

    }

    .header__navigation-bar-row *{

        background:transparent !important;

        margin:0 !important;
        padding:0 !important;

        min-height:auto !important;

        line-height:34px !important;

        box-shadow:none !important;

        mask:none !important;
        -webkit-mask:none !important;

    }

    /* Contenedor del menú */

    .header__navigation-bar-row nav,
    .header__navigation-bar-row overflow-menu,
    .header__navigation-bar-row .menu-list{

        width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

    }

    .header__navigation-bar-row nav::-webkit-scrollbar,
    .header__navigation-bar-row overflow-menu::-webkit-scrollbar,
    .header__navigation-bar-row .menu-list::-webkit-scrollbar{

        display:none;

    }

    /* ==========================================
   Scroll premium
========================================== */

.header__navigation-bar-row{

    position:relative;
    overflow:hidden !important;

}

/* Degradados laterales */

.header__navigation-bar-row::before,
.header__navigation-bar-row::after{

    content:"";

    position:absolute;

    top:0;
    bottom:0;

    width:18px;

    z-index:20;

    pointer-events:none;

    display:block !important;

}

.header__navigation-bar-row::before{

    left:0;

    background:linear-gradient(to right,#fff 25%,rgba(255,255,255,0));

}

.header__navigation-bar-row::after{

    right:0;

    background:linear-gradient(to left,#fff 25%,rgba(255,255,255,0));

}

/* Contenedor */

.header__navigation-bar-row nav,
.header__navigation-bar-row overflow-menu,
.header__navigation-bar-row .menu-list{

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;

}

.header__navigation-bar-row nav::-webkit-scrollbar,
.header__navigation-bar-row overflow-menu::-webkit-scrollbar,
.header__navigation-bar-row .menu-list::-webkit-scrollbar{

    display:none;

}

/* Lista */

.header__navigation-bar-row ul{

    display:flex !important;

    flex-wrap:nowrap !important;

    align-items:center !important;

    width:max-content !important;

    gap:18px !important;

    padding-left:20px !important;
    padding-right:20px !important;

}

/* Primer y último elemento */

.header__navigation-bar-row li:first-child{

    margin-left:8px !important;

}

.header__navigation-bar-row li:last-child{

    margin-right:8px !important;

}

/* Links */

.header__navigation-bar-row a{

    font-size:9px !important;

    font-weight:400 !important;

    letter-spacing:.18em !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;

    height:34px !important;

    display:flex !important;

    align-items:center !important;

    color:#1E1E1E !important;

    transition:color .25s ease;

}

.header__navigation-bar-row a:hover,
.header__navigation-bar-row a[aria-current="page"]{

    color:#B89A63 !important;

}
.header__navigation-bar-row *{
    font-size:6px !important;
}