/** Shopify CDN: Minification failed

Line 199:296 Unexpected "}"

**/
store-header{
    height:85px
}
@media (max-width:1024px){
  store-header{
      height:51px;
      padding:0!important;
      display:flex!important;
      align-items:center
    }
  }
store-header .header__icon:is(.js-show-search){
    width:20px;
    height:20px;
    padding:0
}
store-header .header__icon:is(.js-show-search) svg{
    width:20px!important;
    height:20px!important
}
@media (max-width:1024px){
    store-header header{
        padding:0 18px!important
    }

  a.main-nav__item.child-nav__item:not(.main-nav__item-content):not(.main-nav__item-header) {
    font-size: 18px;
    text-transform: uppercase;
  }

}
store-header header .header__search search-form{
    display:none
}
store-header header .header__icons{
    align-items:center;
    flex: 0 1 auto !important;
}
store-header header .header__icons a{
    width:auto
}
store-header header .header__icons a.js-show-search svg{
    width:16.26px;height:16.26px
}
@media (max-width:1024px){
    store-header header .header__icons a.js-show-search svg{
        width:19.87px;height:19.87px
    }
}
store-header header .header__icons a.text-current svg{
    width:22.92px;
    height:22.92px
}
store-header header .header__icons a#cart-icon svg{
    width:15.76px;
    height:19.45px
}
@media (max-width:1024px){
    store-header header .header__icons a#cart-icon svg{
        width:19px;height:22px
    }
}
store-header details .megamenu-tabs{
    display:none;gap:16px;margin-left:44px
}
@media (min-width:1800px){
    store-header details .megamenu-tabs{
        margin-top:-42px
    }
}
store-header details .megamenu-tabs a{
    border-radius:5000px;
    background:#FCF4EB;
    min-width:120px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:600;
    line-height:normal;
    letter-spacing:.14px;
    margin:0;
    text-transform:uppercase
}
store-header details .megamenu-tabs.mobile{
    display:none!important
}
@media (max-width:1024px){
    store-header details .megamenu-tabs.mobile{
        margin-top:28px;
        display:grid!important;
        grid-template-columns:1fr 1fr;
        column-gap:16px;
        row-gap:15px;
        margin-left:0;
        padding:0 20px
    }
}
store-header details.js-mega-nav .megamenu-tabs{
    display:flex
}
@media (max-width:1024px){
    store-header details.js-mega-nav .megamenu-tabs{
        display:none
    }
}
@media (min-width:1025px) and (max-width:1440px){
    store-header .main-nav .child-nav .flex-auto{
        width:50%;max-width:none
    }
}
store-header .main-nav .main-nav__item.main-nav__item--primary{
    font-size:18px;
    font-weight:400;
    line-height:19px;
    letter-spacing:.54px
}
store-header .main-nav .main-nav__item.main-nav__item--primary:hover{
    font-weight:600
}
store-header .main-nav details .main-nav__item-content{
    font-size:18px;font-weight:400
}
store-header .main-nav details .main-nav__item--back{
    padding-top:0;padding-bottom:20px;padding-left:0
}
store-header .main-nav details .main-nav__item--back .main-nav__item-content{
    text-transform:math-auto;color:#282828
}
store-header .main-nav details .main-nav__item-header{
    font-size:30px;
    padding-top:0;
    padding-bottom:20px;
    padding-left:0;
    font-style:normal;
    font-weight:400;
    line-height:19px;
    letter-spacing:.9px;
    text-transform:uppercase;
    font-family:Source Sans Pro
}
store-header .main-nav details .child-nav li:is(:first-of-type),store-header .main-nav details .child-nav li:nth-child(2){
    border-bottom:none;
}
store-header .main-nav details [open] .main-nav__item-content{
    font-weight:700
}
store-header .main-nav .sub_menu_title a{
  font-size:30px;
  font-style:normal;
  font-weight:400;
  line-height:19px;
  letter-spacing:.9px;
  text-transform:uppercase;
  padding:0
}
@media (max-width:1024px){
  store-header .main-nav .sub_menu_title{
    border:0;
    margin-bottom:52px
  }
}
store-header .main-nav .all_button_menu button{
  padding:0
}
store-header .main-nav .all_button_menu span{
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:19px;
  letter-spacing:.54px;
  text-transform:capitalize
}
@media (max-width:1024px){
  store-header .main-nav .all_button_menu{
    border:0;
    margin-bottom:27px
  }
}
store-header .main-nav .item1 a{
  padding-top:0
}
store-header .main-nav .flex-auto a{
  padding-inline-start:0
}
store-header .main-nav .flex-auto.item1 a{
  padding-top:0
}
.main-nav__promos{
  grid-template-columns:47% 47%!important
}

.main-nav__promos .promo{order:2;width:100%;height:179px}.main-nav__promos .promo.newsletter{width:100%!important;margin-left:0!important;grid-column:span 2;order:1}.main-nav__promos .promo.newsletter .newsletter_content{width:100%}.main-nav__promos .promo .promo__content{justify-content:center}}#drawer-menu-localization #drawer-menu-localization-language{width:100%;display:flex}#drawer-menu-localization .localization__selector{width:100%}#drawer-menu-localization .localization__grid,#drawer-menu-localization .localization{padding:0}#drawer-menu-localization .localization{margin-top:23px!important;padding:0!important}.megamenu--subscription_banner{display:flex;flex-flow:column;width:100%;max-width:100%;box-sizing:border-box;margin-top:15.22px}@media (min-width:1024px){.megamenu--subscription_banner{margin-top:0;width:100%;max-width:234px}}.megamenu--subscription_banner .header-subscription-banner{color:#282828;text-align:center;font-size:16px;min-height:95px;font-style:normal;font-weight:400;line-height:16px;display:flex;align-items:center;justify-content:center;background:#E2C4C4;padding:17px 18px}.megamenu--subscription_banner .content-subscription-banner{display:block;padding:18px 10px;background:#FCF4EB}.megamenu--subscription_banner .content-subscription-banner h1,.megamenu--subscription_banner .content-subscription-banner h2,.megamenu--subscription_banner .content-subscription-banner h3,.megamenu--subscription_banner .content-subscription-banner h4,.megamenu--subscription_banner .content-subscription-banner h5,.megamenu--subscription_banner .content-subscription-banner h6{color:#282828;text-align:center;font-family:Source Sans Pro;font-size:22px;font-style:normal;font-weight:700;line-height:16px}.megamenu--subscription_banner .content-subscription-banner p{color:#282828;text-align:center;font-family:Source Sans Pro;font-size:16px;font-style:normal;font-weight:400;line-height:17px}.megamenu--subscription_banner .content-subscription-banner .header-subscription-banner--cta{display:block;text-align:center;width:max-content;margin:auto;padding:8px 15px;border:1px solid;border-radius:24px;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.05px;text-transform:initial}.megamenu--subscription_banner .content-subscription-banner .header-subscription-bottom--cta{color:#000;text-align:center;font-family:Source Sans Pro;font-size:11px;font-style:normal;font-weight:400;line-height:16px;display:flex;justify-content:center;margin-top:18px;text-transform:initial}.megamenu--subscription_banner .content-subscription-banner .header-subscription-bottom--cta a,.megamenu--subscription_banner .content-subscription-banner .header-subscription-bottom--cta span{font-size:inherit;color:inherit;text-transform:initial}

.promo__content.relative {
  padding: 0
}

@media (min-width: 1025px) {
  .main-nav, .secondary-nav {
      align-items: center;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .main-nav .main-nav__item.main-nav__item--primary {
      font-size: 14px !important;
  }
}


@media (min-width: 769px) and (max-width: 1024px) {
  .main-nav .main-nav__item.main-nav__item--primary {
      font-size: 18px !important;
  }
}

@media (min-width: 769px) { 
  .main-menu__content .main-nav > li.main-nav__li--cta {
    border-bottom: none !important;
    display: flex;  
  }

  .main-nav__item--cta {
    background-color: #c57b57;
    color: white !important;
    padding: 8px 15px !important;
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-left: 10px; 
    margin-right: 10px; 
    white-space: nowrap; 
    font-weight: 700 !important;
  }

  /* Estilos al pasar el ratón por encima (hover) */
  .main-nav__item--cta:hover {
    background-color:rgb(175, 111, 78);
    text-decoration: none !important; 
  }

  /* Asegurarse de que no herede otros estilos de enlace que no queremos */
  .main-nav__item--cta::after {
    display: none !important; 
  }
} 

/* --- Estilos para el Botón CTA en el Menú MÓVIL --- */
@media (max-width: 768px) {
  
  /* 1. Apuntamos al 'li' que contiene el botón */
  .main-menu__content .main-nav__li--cta {
    text-align: center; /* Centramos el botón */
    padding-top: 20px;    /* Añadimos espacio arriba */
    padding-bottom: 20px; /* Añadimos espacio abajo */
  }

  /* 2. Ocultamos la línea divisoria (si la hay) */
  .main-menu__content .main-nav__li--cta .main-nav__item--cta::after,
  .main-menu__content .main-nav__li--cta .main-nav__item--cta::before {
    display: none !important;
    border: none !important;
  }
  
  /* 3. Aplicamos los estilos de botón (copiados de escritorio) */
  .main-menu__content .main-nav__item--cta {
    display: inline-block !important; /* Hacemos que no ocupe el ancho completo */
    width: auto !important;           /* Ajustamos el ancho al contenido */
    background-color: #c57b57;
    color: white !important;
    padding: 12px 25px !important; /* Un poco más de padding para el móvil */
    border-radius: 50px;
    font-weight: 700 !important;
    white-space: nowrap;
    text-transform: none; /* Nos aseguramos de que no esté en mayúsculas */
    width: 100% !important;
  }

  /* 4. Estilo hover para móvil (al tocar) */
  .main-menu__content .main-nav__item--cta:hover {
    background-color: rgb(175, 111, 78);
    text-decoration: none !important;
  }
}

/* 1. Estilo base para todas las promos */
  .main-nav__promos .promo {
    overflow: hidden;
    min-height: 280px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none !important;
    /* min-width: 180px; */
  }
  
  .main-nav__promos .promo:nth-child(3) {
    min-height: 280px;
  }

  .main-nav__promos .promo:nth-child(3) .media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(1.05); 
    transition: transform 0.4s ease;
  }

  .main-nav__promos .promo:nth-child(3):hover .media {
    transform: scale(1.1);
  }
  
  /* 7. Estilizando cada línea de Texto */

  /* Línea 1: */
  .main-nav__promos .promo:nth-child(3) .promo-text-line1 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    /* max-width: 110px; */
  }
  
  /* Línea 2: */
  .main-nav__promos .promo:nth-child(3) .promo-text-line2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px; 
    font-weight: 700;
    text-transform: none;
    margin-bottom: 2px;
  }
  
  /* Línea 3: */
  .main-nav__promos .promo:nth-child(3) .promo-text-line3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: none;
  }

  /* 8. El Botón (span.link-text-content) */
  .main-nav__promos .promo:nth-child(3) .link-text-content {
    display: inline-block;
    background-color: #C57B57;
    color: #FFFFFF !important;
    padding: 4px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 100%; 
  }

.main-nav__promos .promo:nth-child(3) .link-text-content:hover {
  background-color: rgb(175, 111, 78);
}

.mega-nav--links-bottom {
  margin-top: 40px;
}

/* --- INICIO: LÓGICA FLEXIBLE (Desktop +1025px) --- */
@media (min-width: 1025px) {

  .mega-nav--links-bottom ul {
    justify-content: center !important;
  }

  /* 1. EL CONTENEDOR PADRE */
  .mega-nav--promos-bottom {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row; 
    align-items: flex-start !important;
    justify-content: center !important;
    row-gap: 20px !important;
    
    /* Nombres del contenedor para las queries */
    container-type: inline-size;
    container-name: megamenu-wrapper;
  }

  /* 2. EL BLOQUE DE LINKS (¡CORREGIDO!)
  /  Este 'flex-basis' es el ancho MÍNIMO que necesitan tus links.
  /  AJUSTA EL 500px si ves que los links ocupan más o menos.
  */
  .mega-nav--promos-bottom > .child-nav {
    flex: 1 1 500px; /* <--- ¡CORRECCIÓN IMPORTANTE! (No uses 'width: 100%') */
    align-items: start;
  }

  /* 3. EL BLOQUE DE PROMOS (¡AHORA DINÁMICO!) */
  .mega-nav--promos-bottom > .child-promos {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 645px; /* Ancho por defecto con 3 promos */
  }

  /* 3b. REGLA PARA CUANDO LA PROMO 3 ESTÁ OCULTA */
  .mega-nav--promos-bottom.promo3-is-hidden > .child-promos {
    flex-basis: 380px !important; /* Ancho con 2 promos (180+180+20 gap) */
  }
  
  /* 4. EL CONTENEDOR INTERNO DE PROMOS (igual) */
  .main-nav__promos {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 20px;
    grid-template-columns: none !important;
  }

  /* 5. Las Promos (igual) */
  .main-nav__promos .promo {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%;
    padding: 15px !important;
    order: 0 !important;
    margin: 0 !important;
  }

  /* 6. Tamaños fijos (igual) */
  .main-nav__promos .promo:nth-child(1),
  .main-nav__promos .promo:nth-child(2) {
    flex-basis: 180px;
  }
  
  .main-nav__promos .promo:nth-child(3) {
    flex-basis: 245px;
    min-height: 280px;
  }

  /* 7. LÓGICA DE CENTRADO DINÁMICA */

  /* MODO COLUMNA (con 3 promos): se activa si el wrapper mide menos de 1165px */
  /* (500px links + 645px promos + 20px gap) */
  @container megamenu-wrapper (max-width: 1165px) {
    .mega-nav--links-bottom ul {
      justify-content: center !important;
    }
  }

  /* MODO COLUMNA (con 2 promos): se activa si el wrapper mide menos de 900px */
  /* (500px links + 380px promos + 20px gap) */
  @container megamenu-wrapper (max-width: 900px) {
    .mega-nav--promos-bottom.promo3-is-hidden .mega-nav--links-bottom ul {
      justify-content: center !important;
    }
  }

}
/* --- FIN DE LA LÓGICA --- */



/* --- ESTILOS PARA PROMOS DEL MEGABARRA EN MÓVIL --- */
@media (max-width: 1024px) {

  /* 1. Definimos el grid: 2 columnas */
  .main-menu__content .main-nav__promos {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Dos columnas iguales */
    gap: 20px !important;
    margin-top: 56px;
  }

  /* 2. Hacemos que la Promo 3 (Quiz) ocupe las 2 columnas */
  .main-menu__content .main-nav__promos .promo:nth-child(3) {
    grid-column: 1 / -1 !important; /* Ocupa todo el ancho */
    min-height: 350px !important;
    padding: 16px;
    order: -1;
  }
  
  /* 3. Estilos de las promos 1 y 2 de arriba */
  .main-menu__content .main-nav__promos .promo:nth-child(1),
  .main-menu__content .main-nav__promos .promo:nth-child(2) {
    min-height: 250px; /* Altura para las promos pequeñas */
    padding: 16px 10px;
  }
  
  /* 4. Estilos de texto para el banner del Quiz (Promo 3) */
  
  /* Contenedor del texto */
  
  /* Imagen de fondo */
  .main-menu__content .main-nav__promos .promo:nth-child(3) .media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }


  /* Línea 1: ¿NO SABES... */
  .main-menu__content .main-nav__promos .promo:nth-child(3) .promo-text-line1 {
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 30%;
    max-width: none;
  }
  
  /* Línea 2: Haz el test */
  .main-menu__content .main-nav__promos .promo:nth-child(3) .promo-text-line2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px !important; 
    font-weight: 700 !important;
    line-height: 1.1;
    text-transform: none;
    margin-bottom: 5px;
    text-align: center;
  }
  
  /* Línea 3: Y encuentra... */
  .main-menu__content .main-nav__promos .promo:nth-child(3) .promo-text-line3 {
    font-weight: 400 !important;
    margin-bottom: 10px; 
    text-align: center;
  }

  /* Botón */
  .main-menu__content .main-nav__promos .promo:nth-child(3) .link-text-content {
    display: inline-block;
    background-color: #C57B57;
    color: #FFFFFF !important;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 100%; 
  }
}

/* Margen de los links del menu y del megamenu adaptados a los cambios de estilos en las promociones */
@media (min-width: 1440px) {
    main-menu.main-menu a {
        margin: 0 20px !important;
    }
}