/** Shopify CDN: Minification failed

Line 162:72 Expected identifier but found "1"
Line 165:0 Unexpected "}"

**/
/* ==========================================================================
   BLISART · HALLOWEEN 2026
   Paleta blanca con naranja suave y marron, telaranas y calabazas.
   ========================================================================== */

/* ------------------------------------------------ PALETA HALLOWEEN */
:root{
  /* base BLANCA, acentos NARANJA, y un toque minimo de marron y violeta */
  --nb-bg:#FFFFFF;
  --nb-bg-soft:#FFF4EA;
  --nb-surface:#FFFFFF;
  --nb-ink:#2E241E;
  --nb-muted:#8C7568;
  --nb-line:rgba(217,129,74,.20);
  --nb-violet:#E4762F;          /* NARANJA: acento principal */
  --nb-violet-2:#F08F4C;
  --nb-violet-soft:#FFEEE0;
  --nb-halo:228,118,47;         /* halo naranja */
  --hw-orange:#E4762F;
  --hw-orange-deep:#C85B18;
  --hw-orange-soft:#FF9C55;
  --hw-brown:#8A6446;           /* marron solo como apoyo, muy suave */
  --hw-brown-deep:#4A3527;
  --hw-plum:#6B5A86;            /* pizca de violeta, solo en detalles */
}
html[data-theme="dark"]{
  /* modo oscuro con la misma identidad: fondo calido muy oscuro + naranja */
  --nb-bg:#14100E;
  --nb-bg-soft:#1C1613;
  --nb-surface:#211A16;
  --nb-ink:#F7F0E9;
  --nb-muted:#B29A88;
  --nb-line:rgba(228,118,47,.22);
  --nb-violet:#F08F4C;
  --nb-violet-2:#F7A768;
  --nb-violet-soft:#3A2417;
  --nb-halo:240,143,76;
  --hw-orange:#F08F4C;
  --hw-orange-deep:#D2741F;
  --hw-brown:#A98565;
  --hw-brown-deep:#2A1D15;
  --hw-plum:#8E7BAB;
}

/* ==========================================================================
   1 · PANTALLA DE ENTRADA (splash)
   ========================================================================== */
.nb-hw{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;
  background:#1A120C;
  overflow:hidden;
  opacity:1;
  transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s;
}
.nb-hw.is-out{opacity:0;visibility:hidden;pointer-events:none}
html.nb-hw-lock,html.nb-hw-lock body{overflow:hidden!important}

/* capas */
.nb-hw__bg{
  position:absolute;inset:-4%;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  transform:scale(1.06);
  animation:nbHwZoom 14s ease-out forwards;
  opacity:.92;
}
@keyframes nbHwZoom{to{transform:scale(1.0)}}

.nb-hw__video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  opacity:.62;
  mix-blend-mode:luminosity;   /* el video da textura sin tapar el fondo */
}
.nb-hw__veil{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(26,18,12,.10),rgba(26,18,12,.62) 78%),
    linear-gradient(180deg,rgba(26,18,12,.42),rgba(26,18,12,.10) 30%,rgba(26,18,12,.52));
}

/* elementos flotantes */
.nb-hw__float{position:absolute;inset:0;pointer-events:none}
.nb-hw__el{
  position:absolute;
  will-change:transform;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.45));
  opacity:0;
  /* entrada suave + vaiven largo y lento, sin saltos */
  animation:nbHwIn 1.9s cubic-bezier(.22,.61,.36,1) forwards,
            nbHwFloat var(--dur,14s) cubic-bezier(.45,.05,.55,.95) infinite alternate;
  animation-delay:var(--dly,0s),calc(var(--dly,0s) + 1.9s);
}
@keyframes nbHwIn{from{opacity:0;transform:translateY(34px) scale(.82) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes nbHwFloat{
  0%  {transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50% {transform:translate3d(calc(var(--dx,14px) * .45),calc(var(--dy,-22px) * 1.25),0) rotate(calc(var(--rot,6deg) * .6)) scale(1.035)}
  100%{transform:translate3d(var(--dx,14px),var(--dy,-22px),0) rotate(var(--rot,6deg)) scale(1)}
}
/* ni hojas ni calabazas son <img>: ahora caen todas por canvas, pequenas */
.nb-hw__el--l1,.nb-hw__el--l2,.nb-hw__el--l3,.nb-hw__el--p1,.nb-hw__el--p2,.nb-hw__el--p3{display:none}

/* particulas alrededor del titulo (canvas) */
.nb-hw__sparkles{
  /* gira alrededor de "Paper", por encima del velo y bajo el texto */
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:2;
}

.nb-hw__center{
  position:relative;z-index:3;text-align:center;padding:0 22px;
  opacity:0;animation:nbHwCenter 1.2s cubic-bezier(.16,1.02,.3,1) .25s forwards;
}
@keyframes nbHwCenter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.nb-hw__brand{
  display:block;
  font-family:var(--nb-serif);
  font-size:clamp(42px,9vw,116px);
  line-height:1;
  letter-spacing:-.02em;
  color:#FFF6EC;
  text-shadow:0 10px 40px rgba(0,0,0,.5),0 0 60px rgba(224,160,107,.35);
  animation:nbHwGlow 4.5s ease-in-out infinite;
}
.nb-hw__brand em{font-style:italic;color:#F0B27E}
.nb-hw__sub{
  display:block;margin-top:14px;
  font-size:clamp(11px,1.5vw,14px);
  letter-spacing:.42em;text-transform:uppercase;
  color:rgba(255,246,236,.72);
}
.nb-hw__line{
  width:0;height:1px;margin:22px auto 0;
  background:linear-gradient(90deg,transparent,rgba(224,160,107,.85),transparent);
  animation:nbHwLine 1.4s ease .8s forwards;
}
@keyframes nbHwLine{to{width:min(320px,60vw)}}
@keyframes nbHwGlow{
  0%,100%{text-shadow:0 10px 40px rgba(0,0,0,.5),0 0 60px rgba(224,160,107,.35)}
  50%{text-shadow:0 10px 46px rgba(0,0,0,.45),0 0 96px rgba(240,178,126,.62)}
}

/* barra de progreso */
.nb-hw__bar{
  position:absolute;z-index:4;left:50%;bottom:0;transform:translateX(-50%);
  height:2px;width:0;background:linear-gradient(90deg,#E0A26B,#F0B27E);
  box-shadow:0 0 14px rgba(224,160,107,.8);
  animation:nbHwBar var(--hw-ms,3200ms) linear forwards;
}
@keyframes nbHwBar{to{width:100%}}

@media (max-width:749px){
  .nb-hw__brand{font-size:clamp(38px,13vw,64px)}
}
@media (prefers-reduced-motion:reduce){
  .nb-hw__bg,.nb-hw__el,.nb-hw__center,animation:none!important;opacity:1!important}
  .nb-hw__el{transform:none!important}
  .nb-hw__bar{animation-duration:1200ms!important}
}

/* ==========================================================================
   2 · TELARANAS EN LA BARRA FLOTANTE + TONO NARANJA
   ========================================================================== */
.stitch-header{
  background:rgba(255,250,243,.80)!important;
  border-bottom:1px solid rgba(224,160,107,.28)!important;
}
.stitch-header--floating{
  background:rgba(255,249,240,.86)!important;
  border:1px solid rgba(224,160,107,.34)!important;
  box-shadow:0 14px 38px rgba(139,86,48,.18),0 4px 14px rgba(139,86,48,.12),0 1px 0 rgba(255,255,255,.7) inset!important;
}
.stitch-header--floating.nb-grown{
  box-shadow:0 22px 58px rgba(139,86,48,.26),0 6px 20px rgba(139,86,48,.16)!important;
}
html[data-theme="dark"] .stitch-header{background:rgba(28,20,15,.84)!important;border-bottom-color:rgba(224,160,107,.24)!important}
html[data-theme="dark"] .stitch-header--floating{
  background:rgba(32,23,17,.90)!important;border-color:rgba(224,160,107,.30)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.6),0 0 0 1px rgba(224,160,107,.14)!important;
}

/* telaranas dibujadas en las esquinas de la barra */
/* Telaranas: fuera. En su lugar el borde de la barra lleva una
   linea naranja fina con un brillo suave. */
/* (la telarana se elimino; el ::before ahora dibuja la linea naranja) */

/* linea naranja que rodea TODA la forma de la barra */
.stitch-header{
  box-shadow:
    0 0 0 1px rgba(228,118,47,.55),
    0 0 14px rgba(228,118,47,.28),
    0 6px 22px rgba(139,86,48,.14)!important;
}
.stitch-header--floating{
  box-shadow:
    0 0 0 1.5px rgba(228,118,47,.75),
    0 0 20px rgba(228,118,47,.38),
    0 10px 30px rgba(139,86,48,.20),
    0 2px 8px rgba(139,86,48,.12)!important;
}
.stitch-header--floating.nb-grown{
  box-shadow:
    0 0 0 1.5px rgba(240,143,76,.85),
    0 0 30px rgba(228,118,47,.5),
    0 16px 44px rgba(139,86,48,.26)!important;
}
html[data-theme="dark"] .stitch-header{
  box-shadow:
    0 0 0 1px rgba(240,143,76,.55),
    0 0 16px rgba(240,143,76,.3),
    0 6px 22px rgba(0,0,0,.5)!important;
}
html[data-theme="dark"] .stitch-header--floating{
  box-shadow:
    0 0 0 1.5px rgba(240,143,76,.8),
    0 0 26px rgba(240,143,76,.45),
    0 14px 40px rgba(0,0,0,.6)!important;
}

/* la linea interior: un filo naranja pegado al borde.
   Va en .stitch-header (que SI tiene la forma de pildora) heredando su radio,
   asi que sigue la curva y no se ve cuadrada. */
.stitch-header{
  position:fixed;
}
.stitch-header::before{
  content:""!important;display:block!important;
  position:absolute;inset:0;
  border-radius:inherit;
  border:1.5px solid rgba(228,118,47,.55);
  pointer-events:none;
  z-index:3;
  animation:nbBarLine 4.5s ease-in-out infinite;
}
html[data-theme="dark"] .stitch-header::before{border-color:rgba(240,143,76,.6)}
/* ya no usamos el ::before de telaranas: se reutiliza para la linea */
@keyframes nbBarLine{
  0%,100%{border-color:rgba(228,118,47,.42);box-shadow:none}
  50%{border-color:rgba(255,156,85,.78);box-shadow:0 0 18px rgba(228,118,47,.42) inset}
}
@media (prefers-reduced-motion:reduce){.stitch-header__inner::after{animation:none!important}}

/* barra de envio en tono calabaza */
.stitch-announcement{
  background:linear-gradient(90deg,#E4762F,#F08F4C 45%,#E4762F)!important;
  color:#FFFFFF!important;
  border-bottom:1px solid rgba(200,91,24,.28)!important;
}
html[data-theme="dark"] .stitch-announcement{
  background:linear-gradient(90deg,#D2741F,#F08F4C 45%,#D2741F)!important;
}

/* ==========================================================================
   3 · CALABAZA PEQUENA EN EL MENU DESPLEGABLE (esquina)
   ========================================================================== */
.nb-menu__panel{position:relative;overflow:visible}
/* fila de la marca: calabaza pequena + nombre */
.nb-menu__brandline{display:inline-flex;align-items:center;gap:9px}
.nb-menu__pumpkin{
  /* pequena, EN LINEA, justo al lado de "BlisArt Paper" */
  position:static;left:auto;top:auto;
  width:30px;height:30px;object-fit:contain;flex:0 0 30px;
  filter:drop-shadow(0 3px 7px rgba(228,118,47,.32));
  pointer-events:none;
  animation:nbPumpkinFloat 5s ease-in-out infinite alternate;
  z-index:1;
}
@keyframes nbPumpkinFloat{
  from{transform:translateY(0) rotate(-5deg) scale(1)}
  to{transform:translateY(-3px) rotate(5deg) scale(1.04)}
}
@media (max-width:749px){
  .nb-menu__pumpkin{width:26px;height:26px;flex-basis:26px}
  .nb-menu__brandline{gap:7px}
}


/* ==========================================================================
   5 · SECCIONES CON TONO (nada de blanco solido)
   Cada seccion de la home recibe un fondo calido distinto, alternando
   naranja quemado, marron tierra y violeta oscuro muy desaturado.
   ========================================================================== */
:root{
  --sec-naranja:#FFE8D4;      /* naranja muy claro, casi crema */
  --sec-naranja-2:#FDDBBE;
  --sec-marron:#F6E7DA;       /* marron tierra claro */
  --sec-violeta:#EDE7F3;      /* violeta muy lavado */
  --sec-violeta-2:#E4DCEF;
}
html[data-theme="dark"]{
  --sec-naranja:#2A1A10;
  --sec-naranja-2:#33200F;
  --sec-marron:#241A13;
  --sec-violeta:#221B2E;
  --sec-violeta-2:#2A2138;
}

/* --- barra de confianza: naranja quemado suave --- */
.stitch-trust{
  background:linear-gradient(90deg,var(--sec-naranja),var(--sec-naranja-2) 50%,var(--sec-naranja))!important;
  border-top:1px solid rgba(228,118,47,.20)!important;
  border-bottom:1px solid rgba(228,118,47,.20)!important;
}
.stitch-trust__title{color:#8A3F0E!important}
html[data-theme="dark"] .stitch-trust__title{color:#FFC08A!important}
.stitch-trust__desc{color:#9C6A4A!important}
html[data-theme="dark"] .stitch-trust__desc{color:#C9A287!important}
.stitch-trust__icon{color:var(--hw-orange)!important}

/* --- seccion de la tienda: fondo marron tierra --- */
.nb-tienda,.stitch-collection{
  background:linear-gradient(180deg,var(--sec-marron),#FFF6EE 60%,var(--sec-marron))!important;
}
html[data-theme="dark"] .nb-tienda,html[data-theme="dark"] .stitch-collection{
  background:linear-gradient(180deg,var(--sec-marron),#1B1310 60%,var(--sec-marron))!important;
}
.nb-tienda__card{background:#FFFDFB!important;box-shadow:0 10px 30px rgba(138,100,70,.10)!important}
html[data-theme="dark"] .nb-tienda__card{background:#241B16!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}

/* --- categorias: violeta oscuro muy suave --- */
.stitch-categories{
  background:linear-gradient(180deg,var(--sec-violeta),var(--sec-violeta-2) 40%,var(--sec-violeta))!important;
}
html[data-theme="dark"] .stitch-categories{
  background:linear-gradient(180deg,var(--sec-violeta),#1C1626 40%,var(--sec-violeta))!important;
}
.stitch-categories__heading{color:#4A3A63!important}
html[data-theme="dark"] .stitch-categories__heading{color:#D9CCEC!important}

/* --- marcas: naranja tenue --- */
.stitch-brands{
  background:linear-gradient(180deg,var(--sec-naranja),#FFF7F0 40%,var(--sec-naranja))!important;
}
.stitch-brands__item{background:#FFFFFF!important;border-color:rgba(228,118,47,.18)!important}
html[data-theme="dark"] .stitch-brands__item{background:#241C17!important;border-color:rgba(228,118,47,.22)!important}

/* --- instagram: marron calido --- */
.stitch-instagram{
  background:linear-gradient(180deg,var(--sec-marron),#FBEFE6 45%,var(--sec-marron))!important;
}

/* --- hero: si no hay video, tambien con tono (nunca blanco plano) --- */
.stitch-hero__background{background:linear-gradient(160deg,#3A2417,#5A3520 55%,#2E1E14)!important}

/* --- cuerpo de pagina: blanco roto calido, no blanco puro --- */
body{background:var(--nb-bg)!important}
.stitch-section{background:linear-gradient(180deg,#FFFFFF,var(--sec-naranja) 55%,#FFFFFF)!important}

/* --- migas / zonas grises heredadas del tema --- */
.stitch-collection__empty,.stitch-page{background:transparent!important}

/* ==========================================================================
   4 · TONOS CALIDOS EN LA WEB (tarjetas, botones, precios)
   ========================================================================== */
.stitch-card:hover,.nb-tienda__card:hover{border-color:rgba(224,160,107,.42)!important}
.stitch-btn--primary{background:var(--hw-orange)!important;color:#FFFFFF!important}
.stitch-btn--primary:hover{background:var(--hw-orange-deep)!important;color:#FFFFFF!important;
  box-shadow:0 12px 34px rgba(228,118,47,.42)!important}
.stitch-btn--secondary{border-color:rgba(228,118,47,.42)!important}
.stitch-btn--secondary:hover{background:var(--nb-violet-soft)!important;
  border-color:rgba(228,118,47,.60)!important;color:var(--hw-orange-deep)!important}
.nb-tienda__add:hover:not(:disabled){background:var(--hw-orange)!important;
  border-color:var(--hw-orange)!important;color:#FFF9F3!important}
.nb-tienda__media{background:linear-gradient(160deg,#FFF4EA,#FFE9D6)!important}
html[data-theme="dark"] .nb-tienda__media{background:linear-gradient(160deg,#2A1E16,#201611)!important}
.nb-tienda__filter.is-active{background:rgba(224,160,107,.20)!important;border-color:rgba(224,160,107,.40)!important}
.nb-tienda__name a:hover{color:var(--hw-orange)!important}
.nb-tienda__kicker,.nb-menu__label{color:var(--hw-plum)!important;opacity:.85}
.stitch-cart-badge{background:var(--hw-orange)!important;color:#FFF9F3!important}
.stitch-hero__heading{text-shadow:0 2px 26px rgba(228,118,47,.22)}
body.nb-hover-text .stitch-hero__heading{color:var(--hw-orange)!important;text-shadow:0 0 30px rgba(224,160,107,.5)!important}
#nbProg{background:linear-gradient(90deg,var(--hw-orange),var(--hw-orange-soft))!important;
  box-shadow:0 0 10px rgba(228,118,47,.6)!important}
.stitch-footer{
  /* fondo: la imagen de la luna y los murcielagos, con un velo oscuro
     encima para que el texto se lea bien */
  position:relative;
  background-image:
    linear-gradient(180deg,rgba(22,13,8,.48),rgba(16,9,5,.66)),
    url('/cdn/shop/files/halloween-moon-bats.jpg?v=1789829568')!important;
  background-size:cover,cover!important;
  background-position:center 32%,center 32%!important;
  background-repeat:no-repeat!important;
  color:#FBEFE4!important;
}
.stitch-footer__brand{color:#FFFFFF!important;text-shadow:0 2px 14px rgba(0,0,0,.75)}
.stitch-footer,.stitch-footer p,.stitch-footer span,.stitch-footer a{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.stitch-footer__tagline{color:#E9D6C6!important}
.stitch-footer__col-title{color:var(--hw-orange-soft)!important}
.stitch-footer__links a{color:#E3CFC0!important}
.stitch-footer__links a:hover{color:var(--hw-orange-soft)!important}
.stitch-footer__bottom{color:#C9B3A2!important;border-top-color:rgba(255,255,255,.14)!important}
.stitch-footer a:hover{color:var(--hw-orange-soft)!important}
.nb-toggle:hover{background:rgba(224,160,107,.16)!important;border-color:rgba(224,160,107,.55)!important}

/* estrellas de fondo con brillo calido */
#nbStars span{background:rgba(255,156,85,.92)!important;box-shadow:0 0 7px rgba(228,118,47,.6)!important}

/* ==========================================================================
   6 · PRUEBA: imagen de Halloween en TODAS las secciones y paginas
   Sustituye los blancos del tema por la foto de otono/halloween.
   Se aplica con un velo claro encima para que el texto siga leyendose.
   ========================================================================== */
:root{
  --hw-foto:url('/cdn/shop/files/halloween-autumn-bg.jpg?v=1789830131');
  /* velo claro: deja ver la foto pero aclara lo justo para el texto */
  --hw-velo:linear-gradient(180deg,rgba(255,250,244,.86),rgba(255,246,238,.90));
  --hw-velo-suave:linear-gradient(180deg,rgba(255,250,244,.78),rgba(255,245,236,.84));
}
html[data-theme="dark"]{
  --hw-velo:linear-gradient(180deg,rgba(20,13,9,.86),rgba(16,10,7,.90));
  --hw-velo-suave:linear-gradient(180deg,rgba(20,13,9,.80),rgba(16,10,7,.86));
}

/* --- cuerpo y fondo general --- */
body{
  background-image:var(--hw-velo),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center top,center top!important;
  background-attachment:scroll,fixed!important;
  background-repeat:no-repeat!important;
}

/* --- secciones de la home: la foto detras del velo, no blanco plano --- */
.stitch-trust,
.nb-tienda,
.stitch-brands,
.stitch-categories,
.stitch-instagram,
.stitch-section,
.stitch-collection,
.stitch-spotlight,
.stitch-reviews,
.stitch-bundles,
.stitch-newsletter,
.stitch-page,
.stitch-pdp,
.stitch-hero{
  background-image:var(--hw-velo-suave),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important;
}

/* --- cabecera, buscador y menus desplegables --- */
.stitch-header{
  background-image:var(--hw-velo-suave),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center 18%,center 18%!important;
}
.stitch-drawer__panel,.nb-menu__panel{
  background-image:var(--hw-velo),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}
.stitch-drawer__overlay{background:rgba(20,12,8,.42)!important}

/* --- tarjetas: dejan pasar un poco la foto en vez de blanco puro --- */
.stitch-card,.stitch-cat-card,.nb-tienda__card,.stitch-brands__item{
  background-image:var(--hw-velo-suave),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
  background-blend-mode:normal!important;
}

/* --- cajas de cantidad, inputs y botones secundarios --- */
.stitch-input,.stitch-pdp__qty-input,.stitch-header__search,.stitch-drawer__search,.nb-menu__search{
  background-image:var(--hw-velo),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}

/* --- paginas de coleccion, producto, carrito y 404 --- */
.template-collection .stitch-collection,
.template-product .stitch-pdp,
.template-cart .stitch-page,
.template-404 .stitch-page,
.template-search .stitch-collection{ }
.template-collection,.template-product,.template-cart,.template-404,.template-search{
  background-image:var(--hw-velo),var(--hw-foto)!important;
  background-size:cover,cover!important;
  background-position:center top,center top!important;
  background-repeat:no-repeat!important;
}

/* --- la zona oscura de destacados mantiene legibilidad --- */
.stitch-flash{background-image:linear-gradient(180deg,rgba(30,18,12,.88),rgba(24,14,9,.92)),var(--hw-foto)!important;
  background-size:cover,cover!important;background-position:center,center!important}

/* el texto se sostiene sobre la foto mas visible con una sombra clara suave */
.stitch-trust__title,.stitch-trust__desc,.stitch-categories__heading,.stitch-brands__heading,
.nb-tienda__title,.nb-tienda__kicker,.nb-tienda__name,.nb-tienda__price,.stitch-section__heading,
.stitch-section__text,.stitch-collection__heading,.stitch-page__heading,.stitch-page__text{
  text-shadow:0 1px 3px rgba(255,255,255,.85),0 0 14px rgba(255,255,255,.6);
}
html[data-theme="dark"] .stitch-trust__title,html[data-theme="dark"] .stitch-trust__desc,
html[data-theme="dark"] .stitch-categories__heading,html[data-theme="dark"] .stitch-brands__heading,
html[data-theme="dark"] .nb-tienda__title,html[data-theme="dark"] .nb-tienda__name,
html[data-theme="dark"] .stitch-section__heading,html[data-theme="dark"] .stitch-page__heading{
  text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 16px rgba(0,0,0,.7);
}
/* las tarjetas de producto se aclaran un poco para no perder contraste */
.nb-tienda__card,.stitch-card{background-blend-mode:normal!important}


/* ==========================================================================
   7 · ARREGLOS PREMIUM
   ========================================================================== */

/* --- A) SECCION DE CATEGORIAS: margenes amplios y bordes muy redondeados,
   como el resto de secciones premium --- */
.stitch-categories{
  padding:84px 0!important;
}
.stitch-categories .container{
  max-width:1240px!important;
  padding:0 28px!important;
}
.stitch-categories__header{
  margin-bottom:40px!important;
  padding-bottom:22px!important;
  border-bottom:1px solid rgba(228,118,47,.22)!important;
  align-items:flex-end!important;
}
.stitch-categories__heading{
  letter-spacing:-.02em!important;
  line-height:1.05!important;
}
.stitch-categories__grid{
  gap:26px!important;
}
.stitch-cat-card{
  border-radius:26px!important;
  overflow:hidden!important;
  background:#FFFDFB!important;
  border:1px solid rgba(228,118,47,.18)!important;
  box-shadow:0 10px 30px rgba(138,100,70,.10),0 2px 8px rgba(138,100,70,.06)!important;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .3s!important;
  padding:0!important;
}
.stitch-cat-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(228,118,47,.42)!important;
  box-shadow:0 22px 54px rgba(138,100,70,.20),0 6px 16px rgba(138,100,70,.10)!important;
}
.stitch-cat-card__media{
  border-radius:22px 22px 0 0!important;
  aspect-ratio:4/5!important;
}
.stitch-cat-card__content{
  padding:20px 22px 24px!important;
}
.stitch-cat-card__title{
  letter-spacing:-.01em!important;
  font-size:clamp(1.35rem,1.7vw,1.85rem)!important;
  margin-bottom:6px!important;
}
.stitch-cat-card__cta{
  text-decoration:none!important;
  letter-spacing:.02em!important;
  border-bottom:1px solid currentColor!important;
  padding-bottom:2px!important;
  font-size:1.15rem!important;
}
html[data-theme="dark"] .stitch-cat-card{
  background:#241B16!important;
  border-color:rgba(240,143,76,.22)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.5)!important;
}
html[data-theme="dark"] .stitch-cat-card:hover{
  border-color:rgba(240,143,76,.46)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.6)!important;
}
@media (max-width:749px){
  .stitch-categories{padding:56px 0!important}
  .stitch-categories .container{padding:0 18px!important}
  .stitch-categories__header{margin-bottom:26px!important;padding-bottom:16px!important}
  .stitch-categories__grid{gap:16px!important}
  .stitch-cat-card{border-radius:20px!important}
  .stitch-cat-card__media{border-radius:17px 17px 0 0!important}
  .stitch-cat-card__content{padding:14px 15px 17px!important}
}

/* --- B) MARCAS: misma tipografia elegante (serif) que el titulo de inicio --- */
.stitch-brands__heading{
  font-family:var(--nb-serif)!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
  font-size:clamp(2.1rem,3.4vw,3.2rem)!important;
  line-height:1.06!important;
}
.stitch-brands__item{
  font-family:var(--nb-serif)!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  font-size:1.55rem!important;
}

/* --- C) MODO OSCURO: un solo fondo en TODAS las secciones
   (excepto la pantalla de inicio y el footer, que tienen su propia imagen).
   Antes quedaban zonas con el fondo negro con estrellas del tema anterior. --- */
html[data-theme="dark"] body{
  /* se apagan las estrellas y el nebuloso del tema viejo */
}
html[data-theme="dark"] #nbStars,
html[data-theme="dark"] #nbNebula{
  display:none!important;
}
html[data-theme="dark"] .stitch-trust,
html[data-theme="dark"] .nb-tienda,
html[data-theme="dark"] .stitch-brands,
html[data-theme="dark"] .stitch-categories,
html[data-theme="dark"] .stitch-instagram,
html[data-theme="dark"] .stitch-section,
html[data-theme="dark"] .stitch-collection,
html[data-theme="dark"] .stitch-spotlight,
html[data-theme="dark"] .stitch-reviews,
html[data-theme="dark"] .stitch-bundles,
html[data-theme="dark"] .stitch-newsletter,
html[data-theme="dark"] .stitch-page,
html[data-theme="dark"] .stitch-pdp,
html[data-theme="dark"] .stitch-hero,
html[data-theme="dark"] .stitch-cart-drawer__panel,
html[data-theme="dark"] .stitch-drawer__panel,
html[data-theme="dark"] .nb-menu__panel{
  /* el MISMO fondo oscuro calido en todas: se acaba el negro con estrellas */
  background-color:#171210!important;
}
html[data-theme="dark"] #MainContent{
  background:#171210!important;
}
html[data-theme="dark"] .shopify-section{
  background-color:transparent!important;
}
/* el footer y la intro mantienen su imagen propia, no se tocan */
html[data-theme="dark"] .stitch-footer{
  background-color:transparent!important;
}

/* --- D) "Descubre nuestras Categorias": titulo en la tipografia elegante --- */
.stitch-categories__heading{
  font-family:var(--nb-serif)!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}

/* --- RENDIMIENTO: el fondo fijo no se repinta en cada scroll --- */
body{
  background-attachment:scroll,scroll!important;   /* 'fixed' obliga a repintar */
}
.stitch-header,.nb-menu__panel,.stitch-drawer__panel{
  will-change:transform;
  transform:translateZ(0);                          /* capa propia, sin repintar */
}
/* las sombras grandes de las tarjetas fuera de la animacion */
.stitch-cat-card,.nb-tienda__card,.stitch-card{
  will-change:auto;
}