/** Shopify CDN: Minification failed

Line 184:72 Expected "*/" to terminate multi-line comment

**/
/* ---------------------------------------------------------------------
   0. MARCA · variables (edita aquí primero)
   --------------------------------------------------------------------- */
:root {
  --elara-negro: #0B0B0D;
  --elara-hueso: #F4EFE8;
  --elara-champana: #B89B72;
  --elara-taupe: #A89A8A;
 
  /* Tipografías: por defecto usan las que elijas en el selector de
     fuentes del tema. Más adelante podemos cargar Bodoni Moda y Jost. */
  --elara-fuente-titulo: var(--font-heading-family);
  --elara-fuente-texto: var(--font-body-family);
 
  /* Línea fina dorada usada como separador */
  --elara-linea: rgba(184, 155, 114, 0.28);
}
 
 
/* ---------------------------------------------------------------------
   1. BARRA DE ANUNCIO · sobria, sin aspecto de liquidación
   Si tu barra de "Oferta" es una sección de una app, dime el nombre
   y ajusto los selectores.
   --------------------------------------------------------------------- */
.utility-bar,
.announcement-bar {
  background: var(--elara-negro);
  border-bottom: 1px solid var(--elara-linea);
}
 
.announcement-bar__message,
.announcement-bar__link {
  color: var(--elara-hueso);
  font-family: var(--elara-fuente-texto);
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
 
 
/* ---------------------------------------------------------------------
   2. ENCABEZADO · fondo negro, íconos en hueso
   Esta sección cambia las variables de color solo dentro del
   encabezado, así el menú desplegable hereda todo automáticamente.
   Si prefieres manejarlo con esquemas de color del editor, borra
   esta sección completa.
   --------------------------------------------------------------------- */
.section-header .header-wrapper {
  --color-background: 11, 11, 13;
  --color-foreground: 244, 239, 232;
  --color-link: 244, 239, 232;
  --gradient-background: rgb(11, 11, 13);
  background: var(--elara-negro);
  border-bottom: 1px solid var(--elara-linea);
}
 
.header__icon,
.header__icon .icon,
.header__heading-link {
  color: var(--elara-hueso);
}
 
.header__icon:hover {
  color: var(--elara-champana);
}
 
 
/* ---------------------------------------------------------------------
   3. MENÚ DESPLEGABLE (cajón) · esquina superior izquierda
   Requiere Personalizar > Encabezado > Tipo de menú en escritorio >
   Drawer.
   --------------------------------------------------------------------- */
 
/* Panel */
.menu-drawer {
  background: var(--elara-negro);
  border-right: 1px solid var(--elara-linea);
}
 
/* Nivel 1: Mujer, Hombre, Inicio, Contacto */
.menu-drawer__menu-item {
  color: var(--elara-hueso);
  font-family: var(--elara-fuente-titulo);
  font-size: 1.5rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
 
.menu-drawer__menu > li {
  border-bottom: 1px solid var(--elara-linea);
}
 
/* Nivel 2: Ver todo, Blusas, Enterizos, Vestidos, Pantalones */
.menu-drawer__submenu .menu-drawer__menu-item,
.menu-drawer__inner-submenu .menu-drawer__menu-item {
  font-family: var(--elara-fuente-texto);
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  text-transform: none;
  color: var(--elara-taupe);
}
 
/* Estados */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus-visible,
.menu-drawer__menu-item--active {
  color: var(--elara-champana);
  background: transparent;
}
 
.menu-drawer__menu-item:focus-visible {
  outline: 1px solid var(--elara-champana);
  outline-offset: -1px;
}
 
/* Flechas, botón cerrar y volver */
.menu-drawer__menu-item .icon-caret,
.menu-drawer__close-button,
.menu-drawer__back-button {
  color: var(--elara-champana);
}
 
/* Enlaces de abajo (cuenta, idioma) */
.menu-drawer__utility-links,
.menu-drawer__account {
  color: var(--elara-hueso);
  border-top: 1px solid var(--elara-linea);
}
 
/* Ajustes opcionales (quita los comentarios para probarlos)
@media screen and (min-width: 750px) {
  .menu-drawer { width: 42rem; }
}
*/
 
 
/* ---------------------------------------------------------------------
   V1b. MENÚ HORIZONTAL (escritorio) · Dama, Caballero, Ofertas...
   Requiere Personalizar > Encabezado > Tipo de menú en escritorio >
   Dropdown. En celular sigue funcionando el cajón de la sección 3.
   --------------------------------------------------------------------- */
.header__menu-item,
.header__menu-item span {
  color: var(--elara-hueso);
  font-family: var(--elara-fuente-texto);
  font-size: 1.3rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
 
.header__menu-item:hover,
.header__menu-item:hover span,
.header__active-menu-item {
  color: var(--elara-champana);
  text-decoration: none;
}
 
/* Submenú de Dama y Caballero */
.header__submenu {
  background: var(--elara-negro);
  border: 1px solid var(--elara-linea);
}
 
.header__submenu .header__menu-item {
  color: var(--elara-taupe);
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  text-transform: none;
}
 
.header__submenu .header__menu-item:hover {
  color: var(--elara-champana);
}
 
 
/* ---------------------------------------------------------------------