/** Shopify CDN: Minification failed

Line 26:58 Expected ":"

**/
html{overflow-x:clip}body{overflow-x:clip;max-width:100%}

:root{
  /* ============================================================
     NOLESSIA · CLARO (Fancii) -- tokens de marca GLOBALES (13-jul-2026).
     Pivote desde Onyx (oscuro+dorado, rechazado) a luminoso estilo Fancii:
     fondos blush/blanco, texto tinta cálida oscura, acento rosa punchy,
     CTA píldora negra. Cualquier sección nueva hereda estas variables.
     ============================================================ */
  --bg:#FDF2F4; --bg2:#FFFFFF; --surface:#FFFFFF;
  --ink:#241A20; --ink2:#FFFFFF; --ink3:#FFFFFF; --deep:#241A20;
  --glass:rgba(183,110,124,.07); --glass2:rgba(255,255,255,.88);
  --line:rgba(150,90,110,.18);
  --text:#241A20; --muted:#8A7580;
  --accent:#B76E7C; --accent2:#9E5D68;
  --gold:#B76E7C; --gold2:#9E5D68; /* alias legacy: ya no es dorado, es rosa de marca */
  --cta-bg:#1A1418; --cta-text:#FFFFFF;
  --shadow:0 24px 60px -24px rgba(36,26,32,.22);
  --serif:var(--font-heading--family), Georgia, "Times New Roman", serif;

  /* --- tokens legacy (los usan ~20 secciones nls-*/nls3-* existentes) ---
     Se re-mapean aquí para que TODA seccion que ya consumia estas
     variables se retinte automaticamente, sin tener que tocar cada .liquid. */
  --n-cream:#FFFFFF; --n-card:#FFFFFF; --n-ink:#241A20; --n-body:#8A7580; --n-hairline:rgba(150,90,110,.18);
  --rg-hi:#F6D5E1; --rg-light:#F0A8C1; --rg:#B76E7C; --rg-deep:#9E5D68; --rg-ink:#B76E7C; --rg-glow:183,110,124;
  --rg-foil:linear-gradient(135deg,#9E5D68 0%,#B76E7C 42%,#F6D5E1 58%,#B76E7C 78%,#9E5D68 100%);
  --rg-foil-soft:linear-gradient(135deg,#F6D5E1,#F0A8C1 50%,#B76E7C);
  --rg-halo:radial-gradient(60% 120% at 50% 0%, rgba(183,110,124,.22), rgba(183,110,124,0) 70%);
  --e-out:cubic-bezier(.16,1,.3,1);--e-soft:cubic-bezier(.22,.61,.36,1);--r-pill:999px;
}

.variant-option__button-label__pill{background:var(--cta-bg) !important;}
.variant-option__button-label input:checked~*{color:var(--cta-text);}
.add-to-cart-button.button,.sticky-add-to-cart__button,button[name="add"]{
  position:relative;isolation:isolate;overflow:hidden;border:0 !important;color:var(--cta-text) !important;
  background:var(--cta-bg) !important;
  text-shadow:none;font-weight:600 !important;
  box-shadow:0 2px 8px rgba(26,20,24,.18),0 14px 28px -14px rgba(26,20,24,.4);
  transition:transform .35s var(--e-out),box-shadow .35s var(--e-out) !important;}
.add-to-cart-button.button>*,.sticky-add-to-cart__button>*{position:relative;z-index:2;}
.add-to-cart-button.button svg,.add-to-cart-button.button path,.sticky-add-to-cart__button svg{stroke:var(--cta-text) !important;}
@media(hover:hover){.add-to-cart-button.button:hover,.sticky-add-to-cart__button:hover{transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(26,20,24,.22),0 20px 36px -14px rgba(26,20,24,.48);}}
.price__sale,.price-item--sale{color:var(--accent) !important;}
.product-details .price,.product-information .price{font-size:1.5em !important;font-weight:600 !important;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.product-details .price .price__sale,.product-information .price .price__sale,.price-item--sale{color:var(--accent) !important;}
.product-details .price s,.product-details .price .price-item--regular,.product-information .price s{opacity:.65;font-weight:500 !important;font-size:.72em;text-decoration-color:var(--muted);}
@media(prefers-reduced-motion:reduce){.add-to-cart-button.button{transition:none !important;}}

/* ============================================================
   HEADER (nativo Horizon) -- reskin Claro. Scoped a #header-component
   y a .header-logo (bloque nativo _header-logo). No se toca el liquid
   nativo: solo CSS aditivo, cero riesgo estructural.
   ============================================================ */
#header-component{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}

/* Logo real = nolessia-logo-ororosa.png: ya es tinta oscura + rosa sobre
   transparente. Sobre header claro se lee perfecto SIN filtro (ver fix
   histórico de invert(1) que era solo para el header oscuro Onyx, retirado
   más abajo). No se añade texto extra por CSS para no duplicar el tagline. */

/* Contador del carrito: halo rosa suave */
#header-component .cart-bubble{
  filter:drop-shadow(0 0 4px rgba(183,110,124,.45));
}

/* ============================================================
   MOVIMIENTO global reutilizable (cualquier seccion puede usarlo)
   ============================================================ */
.reveal{ opacity:1; transform:none; } /* fallback seguro si el JS no carga: nunca oculta contenido */
html.nls-js .reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s var(--e-out), transform .7s var(--e-out);
  will-change:opacity, transform;
}
html.nls-js .reveal.nls-in{
  opacity:1;
  transform:translateY(0);
}

.nls-hover-lift{
  transition:transform .35s var(--e-out), box-shadow .35s ease;
}
.nls-hover-lift:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}

.nls-shimmer{ position:relative; overflow:hidden; }
.nls-shimmer::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,.5) 50%, transparent 80%);
  transform:translateX(-120%);
  animation:nls-shimmer-sweep 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes nls-shimmer-sweep{
  0%,55%{ transform:translateX(-120%); }
  100%{ transform:translateX(120%); }
}

/* Serif itálica de marca para "palabras-gancho" (usa Playfair ya cargado) */
.nls-disp{ font-family:var(--serif); font-weight:400; font-style:italic; letter-spacing:0; color:var(--accent); }

@media (prefers-reduced-motion: reduce){
  html.nls-js .reveal{ opacity:1; transform:none; transition:none; }
  .nls-hover-lift{ transition:none; }
  .nls-hover-lift:hover{ transform:none; }
  .nls-shimmer::after{ animation:none; display:none; }
}


/* ===== FIX CONTRASTE BUY-BOX FICHA (heredado de Onyx, ahora coherente con fondo claro) ===== */
/* Con el flip a Claro, el texto nativo de Horizon (page_text_color) ya es tinta oscura sobre
   fondo blanco: no hace falta forzar colores en la ficha de producto. Solo reafirmamos acentos. */
.nls-pdp-eyebrow, .product-information .price--highlight, .nls-pdp-offer b,
.product-information .badge, [class*="nls-pdp"] b, [class*="nls-pdp"] .free{ color:#B76E7C !important; }
.price-item--last, .price__sale s, .compare-at-price, s{ color:#8A7580 !important; }
/* Caja KIT: cristal claro (antes cristal oscuro) */
[class*="nls-pdp"] [class*="kit"], .nls-pdp-kit, .nls-pdp-trust > div{
  background:#FFF7F8 !important; border:1px solid var(--line) !important; color:#241A20 !important;
}


/* Botón añadir: centrado robusto (texto centrado vertical y horizontal, no desplazado) */
.add-to-cart-button.button, .sticky-add-to-cart__button, button[name="add"],
.nls-onyx-cta, .n3o-add, .add{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:8px !important; line-height:1.1 !important; text-align:center !important;
}


/* ===== HEADER PREMIUM STICKY GLASS (14-jul) ===== */
.shopify-section-group-header-group{ position:relative; z-index:60; box-shadow:0 8px 26px -18px rgba(36,26,32,.16); }
.header{
  background:rgba(255,255,255,.80)!important;
  -webkit-backdrop-filter:saturate(1.35) blur(15px); backdrop-filter:saturate(1.35) blur(15px);
  transition:box-shadow .3s ease, background .3s ease;
}
.header-sticky, .shopify-section-group-header-group.is-sticky, .header.is-sticky{
  box-shadow:0 10px 30px -16px rgba(183,110,124,.28), 0 2px 0 rgba(150,90,110,.06);
}
.header .header__heading, .header [class*="logo"]{ letter-spacing:.02em; }