/** Shopify CDN: Minification failed

Line 462:14 Expected identifier but found whitespace
Line 463:4 Unexpected "1px"
Line 1056:44 Expected identifier but found ","

**/
/* === Palette base otoño  === 
:root{
  --fall-amber:#FFBE03;
  --fall-witch:#5f0f40;
  --fall-ink:#FB5700;   
  --fall-paper:#FFF7EE;
  --fall-pumpkin:#C8640E;
  --fall-butter:#FFB755;  /* nueva 
  --fall-caramel:#986B0B; /* nueva 

  /* tipografías (cambia solo esta línea si quieres Anton) 
  --ff-head: "Bebas Neue", "Anton", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-sub:  "Barlow", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* contorno del titular 
  --fall-stroke: 0px;   /* pon 0px si no quieres outline 
  --fall-outline: var(--fall-pumpkin);
}

/* === Titular display flat + outline suave (sin degradados) === *
.autumn-head{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:10px 14px; border-radius:18px;
  background:var(--fall-paper);
  border:2px solid var(--fall-pumpkin);
  box-shadow:0 4px 0 rgba(11,11,11,.08);

  font-family:var(--ff-head);
  font-weight:400;                 * Bebas/Anton usan 400 *
  font-size:clamp(18px,5vw,30px);
  line-height:1.05;
  color:var(--fall-pumpkin);
  letter-spacing:.02em;
  text-transform:uppercase;

  /* Outline principal (limpio) *
  -webkit-text-stroke: var(--fall-stroke) var(--fall-outline);
  text-shadow:none;                /* sin sombra gruesa *
}

.autumn-head{
  position: relative;
  display:inline-flex; 
  align-items:center; 
  gap:.55rem;
  padding:10px 14px;
  border-radius:18px;                 /* seguimos con esquinas redondeadas 
  background:var(--fall-paper);
  font-family:var(--ff-head);
  font-size:clamp(18px,5vw,30px);
  color:var(--fall-pumpkin);
  text-transform:uppercase;
  box-shadow:2px 4px 0 rgba(11,11,11,.08);
}

/* borde superior parcial 
.autumn-head::before{
  content:"";
  position:absolute;
  top:0; left:0;
  height:100%; width:100%;
  border:2px solid var(--fall-butter);
  border-radius:15px;
  pointer-events:none;

  /* recorta un pedacito del borde con clip-path 
  clip-path: polygon(
    30% 0%, 70% 0%,             /* línea superior hasta 70% 
    100% 0%, 100% 0%,           /* salto = hueco en parte superior derecha 
    
    100% 100%, 0% 100%         /* resto del rectángulo sí se pinta 
    
  );
}


/* Fallback de outline solo si el navegador no soporta text-stroke 
@supports not (-webkit-text-stroke: 1px black){
  .autumn-head{
    text-shadow:
     -1px -1px 0 var(--fall-outline), 1px -1px 0 var(--fall-outline),
     -1px  1px 0 var(--fall-outline), 1px  1px 0 var(--fall-outline);
  }
}
/* Subtítulo con degradado (TTSW-style, otoño) 
.autumn-sub{
  display:inline-block;
  font-family: var(--ff-sub, "Barlow", system-ui, -apple-system, "Inter", sans-serif);
  font-weight:700;
  font-size:clamp(16px,3.2vw,20px);
  line-height:1.2;

  background-image: linear-gradient(
    90deg,
    var(--fall-pumpkin) 0%,
    var(--fall-witch) 65%,
    var(--fall-pumpkin) 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;  
  color:transparent;                    
}

/* Fallback correcto (fuera del selector) para navegadores sin clip:text 
@supports not (-webkit-background-clip: text){
  .autumn-sub{
    background:none;
    color:var(--fall-ink);
  }
}

.u-icon { 
  display:inline-block; 
  font-weight:700; 
  font-size:.6em;          /* súbelo a 1.2em/1.4em si quieres 
  line-height:1;
  color: var(--fall-);
}

/* contorno (opcional) 
.u-icon--outline{
  -webkit-text-stroke: 1px var(--fall-witch);
  text-shadow:
   -1px -1px 0 var(--fall-witch), 1px -1px 0 var(--fall-witch),
   -1px  1px 0 var(--fall-witch), 1px  1px 0 var(--fall-witch);
}

/* ===================== /OTOÑO — Add to Cart ===================== */









/* ===================== TTSW — LOOK & FEEL RC ===================== */
/* ===================== TTSW — Add to Cart (INICIO) ===================== *
:root{
  --tt-dark:#0b0b0b;
  --tt-pink:#FE2C55;
  --tt-cyan:#25F4EE;
  --tt-text:#ffffff;
  --tt-soft:#e6e6e6;
}

/* Selectores típicos de temas Shopify (PDP, cards, quick add) *
button[name="add"],
.product-form__submit,
/*.shopify-payment-button__button--unbranded,  si quieres también el buy now, quítalo si no *
.js-product-button-add-to-cart,
.quick-add__submit,
.card__add-to-cart,
.btn--add-to-cart {
  background: var(--tt-dark) !important;
  color: var(--tt-text) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  padding: 12px 18px !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  letter-spacing: .6px;
  line-height: 1 !important;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
  isolation: isolate;
  /* halo base suave *
  box-shadow:
    0 8px 18px rgba(0,0,0,.35),
    0 0 0 0 rgba(37,244,238,0),
    0 0 0 0 rgba(254,44,85,0);
  /* borde con degradado cian→rosa 
  border-image: linear-gradient(90deg, var(--tt-cyan), var(--tt-pink)) 1;
}

/* Texto con duotone sutil: aplica si tu botón tiene .btn__text *
button[name="add"] .btn__text,
.product-form__submit .btn__text,
.js-product-button-add-to-cart .btn__text,
.quick-add__submit .btn__text,
.card__add-to-cart .btn__text {
  text-shadow: 1px 1px 0 var(--tt-pink), -1px -1px 0 var(--tt-cyan);
}

/* Hover / focus *
button[name="add"]:hover,
button[name="add"]:focus,
.product-form__submit:hover,
.product-form__submit:focus,
.js-product-button-add-to-cart:hover,
.js-product-button-add-to-cart:focus,
.quick-add__submit:hover,
.quick-add__submit:focus,
.card__add-to-cart:hover,
.card__add-to-cart:focus {
  border-color: rgba(255,255,255,.2) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.38),
    0 0 14px rgba(37,244,238,.45),
    0 0 24px rgba(254,44,85,.35);
}

/* Active (clic) *
button[name="add"]:active,
.product-form__submit:active,
.js-product-button-add-to-cart:active,
.quick-add__submit:active,
.card__add-to-cart:active {
  transform: translateY(1px) scale(.99);
  box-shadow:
    0 6px 16px rgba(0,0,0,.35),
    0 0 10px rgba(37,244,238,.35),
    0 0 18px rgba(254,44,85,.28);
}

/* Disabled / Agotado *
button[name="add"][disabled],
.product-form__submit[disabled],
.js-product-button-add-to-cart[disabled],
.quick-add__submit[disabled],
.card__add-to-cart[disabled],
button[aria-disabled="true"]{
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter: grayscale(.2);
  text-shadow:none !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.25) !important;
}

/* Forzar que los SVG sigan el color del texto *
button[name="add"] svg [fill],
.product-form__submit svg [fill],
.js-product-button-add-to-cart svg [fill],
.quick-add__submit svg [fill],
.card__add-to-cart svg [fill] { fill: currentColor !important; }

/* Compacto para tarjetas (opcional; aplica si usas .btn--small) *
.btn--small.btn--add-to-cart,
.btn--small[name="add"],
.quick-add__submit.btn--small{
  padding:10px 14px !important;
  border-radius:10px !important;
  font-size:13px !important;
  letter-spacing:.5px !important;
}

/* Respeta reduce motion *
@media (prefers-reduced-motion: reduce){
  button[name="add"],
  .product-form__submit,
  .js-product-button-add-to-cart,
  .quick-add__submit,
  .card__add-to-cart { transition: none !important; }
}

button[name="add"] .btn__text::before,
.product-form__submit .btn__text::before,
.js-product-button-add-to-cart .btn__text::before,
.quick-add__submit .btn__text::before,
.card__add-to-cart .btn__text::before{
  content:"🛒";
  display:inline-block;
  margin-right:6px;
  transform: translateY(1px);
}

/* ===================== TTSW — Add to Cart (FIN) ===================== */



/* ====== Base v2 (sticker) ====== */
.yuya-launch.v2{
  --paper:#fff;
  --outline:#ffd1e3;
  --shadow:0 8px 24px rgba(244,143,177,.32);
  --accent1:#ec407a;
  --accent2:#f48fb1;
  --coral:#e86a54;
}

/* ====== Tema TikTok (paleta global) ====== */
:root{
  --tt-dark:#010101;
  --tt-pink:#FE2C55;
  --tt-cyan:#25F4EE;
}

/* ====== Tema TikTok / override de sticker ====== */
.yuya-launch.v2.tiktok{
  --paper:var(--tt-dark);
  --outline:rgba(255,255,255,.10);
  --shadow:
    0 8px 24px rgba(0,0,0,.35),
    0 0 18px rgba(37,244,238,.35),
    0 0 26px rgba(254,44,85,.28);
  --accent1:#ffffff;         /* texto principal */
  --accent2:var(--tt-cyan);  /* acentos */
  --coral:var(--tt-pink);    /* doodles */
}

/* ====== Sticker ====== */
.yuya-launch.v2 .yuya-sticker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.55rem .9rem;
  border-radius:18px;
  background:var(--paper);
  box-shadow:var(--shadow);
  position:relative;
  isolation:isolate;
  transform:rotate(-1.2deg);
}

/* Marco con efecto “neon” (sticker) */
@keyframes ttBorder {
  0%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(37,244,238,.55),
      0 0 28px rgba(254,44,85,.40);
  }
  50%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(254,44,85,.55),
      0 0 28px rgba(37,244,238,.40);
  }
  100%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(37,244,238,.55),
      0 0 28px rgba(254,44,85,.40);
  }
}
.yuya-launch.v2.tiktok .yuya-sticker::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  padding:2px;
  background:
    linear-gradient(135deg, var(--tt-cyan), transparent 20%) border-box,
    linear-gradient(315deg, var(--tt-pink), transparent 20%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation: ttBorder 3.2s ease-in-out infinite;
}

/* Texto principal del sticker con “duotone” */
.yuya-launch.v2 .yuya-sticker-text{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--accent1) !important;
   

  font-weight:800 !important;
  letter-spacing:.5px;
}

/* Doodles */
.yuya-launch.v2 .yuya-doodles{
  font-size:clamp(14px,2.4vw,16px);
  color:var(--coral);
}
.yuya-launch.v2.tiktok .yuya-doodles:first-of-type{ color:var(--tt-cyan); }

/* ====== Headline/Subheadline Virales ====== */
.headline-virales{
  background: var(--tt-dark);
  color:#fff;
  padding:10px 16px;
  display:inline-block;
  border-radius:14px;
  white-space:nowrap;
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:1px;
  border:1px solid rgba(255,255,255,.08);
  /* duotone */
  text-shadow: 1px 1px 0 var(--tt-pink), -1px -1px 0 var(--tt-cyan);
  /* SIN animación por defecto (mejor LCP) */
}

.subtitle-virales{
  font-weight:700;
  font-size:16px;
  display:inline-block;
  margin-top:8px;
  background: linear-gradient(90deg, var(--tt-cyan), var(--tt-pink));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.text-virales{
  font-weight:400;
  font-size:14px;
  color:#666;
}

/* Animación (solo para .after-load) */
@keyframes glowShift {
  0%   { box-shadow: 0 0 0 2px var(--tt-dark), 0 0 14px rgba(37,244,238,.60), 0 0 28px rgba(254,44,85,.45); }
  50%  { box-shadow: 0 0 0 2px var(--tt-dark), 0 0 14px rgba(254,44,85,.60), 0 0 28px rgba(37,244,238,.45); }
  100% { box-shadow: 0 0 0 2px var(--tt-dark), 0 0 14px rgba(37,244,238,.60), 0 0 28px rgba(254,44,85,.45); }
}
.headline-virales.after-load{
  animation: glowShift 3.6s ease-in-out infinite;
}

/* ====== Accesibilidad / Motion ====== */
@media (prefers-reduced-motion: reduce){
  .yuya-launch.v2 .yuya-sticker{ transform:none }
  .yuya-launch.v2.tiktok .yuya-sticker::before{ animation:none }
  .headline-virales.after-load{ animation:none }
}

/* ====== Responsivo ====== */
@media (max-width: 600px){
  .headline-virales{
    font-size:16px;
    padding:7px 12px;
    letter-spacing:.8px;
  }
  .subtitle-virales{ font-size:14px; }
  .text-virales{ font-size:13px; }
}
/* ===================== TERMINA TTSW — LOOK & FEEL RC ===================== */




/* ===================== RC — HALLOWEEN LOOK ===================== */
/* Paleta tomada del logo Halloween (aprox) *
.rc-halloween{
  --hw-night: #211915;   /* negro noche / café muy oscuro *
  --hw-bone:  #EBE0B2;   /* hueso *
  --hw-orange:#EE7829;   /* calabaza *
  --hw-purple:#9C55AF;   /* morado principal *
  --hw-lav:   #D695E5;   /* lavanda candy *
}

/* Base del “sticker” (hereda tu clase) *
.rc-halloween .headline-virales{
  background: var(--hw-night);
  color: var(--hw-bone);
  border: 1px solid rgba(255,255,255,.08);
  /* Efecto 3D “anaglyph” Halloween: naranja + morado */
  text-shadow:
    1px 1px 0 var(--hw-orange),
   -1px -1px 0 var(--hw-purple);
  /* halo suave morado/naranja *
  box-shadow:
    0 8px 20px rgba(0,0,0,.35),
    0 0 16px rgba(156,85,175,.28),
    0 0 22px rgba(238,120,41,.22);
  position: relative;
  isolation: isolate;
}

/* “Telaraña” en esquina (emoji fallback; no imagen) *
.rc-halloween .headline-virales::after{
  content: "🕸️";
  position: absolute;
  top: .45rem; right: .65rem;
  font-size: 1.4em;
  filter: drop-shadow(0 0 6px rgba(214,149,229,.45));
  pointer-events: none;
}

/* Subtítulo con gradiente hueso→lavanda→naranja y mini “drips” *
.rc-halloween .subtitle-virales{
  background: linear-gradient(90deg, var(--hw-lav), var(--hw-orange));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  position: relative;
  display: inline-block;
}

/* Goteo sutil bajo el subtítulo (solo decorativo) *
.rc-halloween .subtitle-virales::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -.35rem; height: 6px;
  background:
    radial-gradient(8px 6px at 8px 3px, var(--hw-orange) 40%, transparent 41%) repeat-x,
    linear-gradient(var(--hw-orange), var(--hw-orange));
  background-size: 16px 6px, 100% 2px;
  background-position: 0 0, 0 0;
  opacity: .85;
  border-radius: 2px;
}

/* Versión animada opcional: agrega .after-load a headline si quieres brillo *
@keyframes hwGlowShift{
  0%  { box-shadow: 0 8px 20px rgba(0,0,0,.35), 0 0 16px rgba(156,85,175,.38), 0 0 22px rgba(238,120,41,.25); }
  50% { box-shadow: 0 8px 20px rgba(0,0,0,.35), 0 0 16px rgba(238,120,41,.38), 0 0 26px rgba(156,85,175,.28); }
  100%{ box-shadow: 0 8px 20px rgba(0,0,0,.35), 0 0 16px rgba(156,85,175,.38), 0 0 22px rgba(238,120,41,.25); }
}
.rc-halloween .headline-virales.after-load{
  animation: hwGlowShift 3.6s ease-in-out infinite;
}

/* Accesibilidad: respeta “reduce motion” *
@media (prefers-reduced-motion: reduce){
  .rc-halloween .headline-virales.after-load{ animation: none; }
}

/* Responsivo: ajusta tamaños en móviles (siguiendo tu base) *
@media (max-width: 600px){
  .rc-halloween .headline-virales{
    font-size:16px; padding:7px 12px; letter-spacing:.8px;
  }
  .rc-halloween .subtitle-virales{ font-size:14px; }

}


/* ===== Fix: telaraña y quitar subrayado ===== *

/* Reserva espacio a la derecha para el icono *
.rc-halloween .headline-virales{
  padding-right: 2.8rem; /* antes 1.6 aprox *
}

/* Reubica la telaraña centrada verticalmente y fuera del texto *
.rc-halloween .headline-virales::after{
  right: .6rem;
  top: 50%;
  transform: translateY(-50%); /* ya no se encima del OFF *
  font-size: 1.35em;
}

/* Quitar “subrayado/goteo” del subtítulo *
.rc-halloween .subtitle-virales::after{
  display: none !important;
}

/* (opcional) si en pantallas muy chicas aún se acerca, apretar un poco tipografía *
@media (max-width: 420px){
  .rc-halloween .headline-virales{ font-size: 15px; }
  .rc-halloween .headline-virales::after{ font-size: 1.2em; right: .5rem; }
  .rc-halloween .headline-virales{ padding-right: 2.4rem; }
}

/* =================== FIN RC — HALLOWEEN LOOK ==================== */

/* ===================== RC — DÍA DE MUERTOS LOOK ===================== 
.rc-muertos{
  /* Paleta inspirada en ofrenda / papel picado *
  --dm-night:#1a0e1b;     /* morado profundo *
  --dm-bone:#F5E9D2;      /* hueso *
  --dm-marigold:#FFA800;  /* cempasúchil *
  --dm-fuchsia:#E91E63;   /* rosa mexicano / bugambilia 
  --dm-purple:#7B1FA2;    /* morado brillante *
  --dm-turq:#00B8A9;      /* turquesa papel picado *
}

/* Headline tipo “papel picado” con borde calado y 3D rosa/morado 
.rc-muertos .headline-virales{
  position: relative;
  display:inline-block;
  padding: 12px 18px 16px;
  border-radius: 14px;
  background: var(--dm-night);
  color: var(--dm-bone);
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.08);

  /* efecto 3D (anaglyph) fucsia/morado 
  text-shadow:
    1px 1px 0 var(--dm-fuchsia),
   -1px -1px 0 var(--dm-purple);

  /* halo suave festivo 
  box-shadow:
    0 8px 20px rgba(0,0,0,.35),
    0 0 16px rgba(123,31,162,.28),
    0 0 22px rgba(233,30,99,.22);
  isolation:isolate;
  padding-right: 2.6rem;   reserva para adorno derecho 
}

/* Borde “papel picado” (ondas inferiores) 
.rc-muertos .headline-virales::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-6px; height:10px;
  background:
    radial-gradient(6px 6px at 6px 5px, var(--dm-marigold) 98%, transparent 99%) repeat-x;
  background-size: 12px 10px;
  background-position: 0 0;
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.12));
  pointer-events:none;
}

/* Adorno derecho (flor cempasúchil) 
.rc-muertos .headline-virales::after{
  content:"🌼";
  position:absolute;
  right:.6rem; top:50%;
  transform: translateY(-50%);
  font-size: 1.25em;
  filter: drop-shadow(0 0 6px rgba(255,168,0,.35));
  pointer-events:none;
}

/* Subtítulo en gradiente papel picado (turquesa→fucsia→marigold) SIN subrayado 
.rc-muertos .subtitle-virales{
  display:inline-block;
  margin-top:8px;
  font-weight:800;
  background: linear-gradient(90deg, var(--dm-turq), var(--dm-fuchsia), var(--dm-marigold));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Animación opcional “velita” (añade .after-load a headline si la quieres) 
@keyframes dmFlicker {
  0%,100% { box-shadow: 0 8px 20px rgba(0,0,0,.35), 0 0 14px rgba(233,30,99,.35), 0 0 24px rgba(255,168,0,.25); }
  50%     { box-shadow: 0 8px 20px rgba(0,0,0,.35), 0 0 18px rgba(255,168,0,.38), 0 0 28px rgba(123,31,162,.28); }
}
.rc-muertos .headline-virales.after-load{ animation: dmFlicker 3.8s ease-in-out infinite; }

/* Accesibilidad / motion 
@media (prefers-reduced-motion: reduce){
  .rc-muertos .headline-virales.after-load{ animation:none; }
}

/* Responsivo 
@media (max-width: 600px){
  .rc-muertos .headline-virales{
    font-size:16px; padding:8px 12px 12px; padding-right:2.2rem;
    letter-spacing:.8px;
  }
  .rc-muertos .headline-virales::after{ font-size:1.1em; right:.5rem; }
  .rc-muertos .subtitle-virales{ font-size:14px; }
}
*/




  /* ====== BUEN FIN ====== */
  /* ====== Base v2 (sticker) ====== */
.buenfin-launch.v2{
  --paper:#fff;
  --outline:#ffd1e3;
  --shadow:0 8px 24px rgba(244,143,177,.32);
  --accent1:#ec407a;
  --accent2:#f48fb1;
  --coral:#e86a54;
}

/* ====== Tema TikTok (paleta global) ====== */
:root{
  --tt-dark:#010101;
  --tt-pink:#FE2C55;
  --tt-cyan:#f47f25ba;
}

/* ====== Tema TikTok / override de sticker ====== */
.buenfin-launch.v2.buenfin{
  --paper:var(--tt-dark);
  --outline:rgba(255,255,255,.10);
  --shadow:
    0 8px 24px rgba(0,0,0,.35),
    0 0 18px rgba(37,244,238,.35),
    0 0 26px rgba(254,44,85,.28);
  --accent1:#ffffff;         /* texto principal */
  --accent2:var(--tt-cyan);  /* acentos */
  --coral:var(--tt-pink);    /* doodles */
}

/* ====== Sticker ====== */
.buenfin-launch.v2 .buenfin-sticker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.55rem .9rem;
  border-radius:18px;
  background:var(--paper);
  box-shadow:var(--shadow);
  position:relative;
  isolation:isolate;
  transform:rotate(-1.2deg);
}

/* Marco con efecto “neon” (sticker) */
@keyframes ttBorder {
  0%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(37,244,238,.55),
      0 0 28px rgba(254,44,85,.40);
  }
  50%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(254,44,85,.55),
      0 0 28px rgba(37,244,238,.40);
  }
  100%{
    box-shadow:
      0 0 0 2px var(--outline) inset,
      0 0 14px rgba(37,244,238,.55),
      0 0 28px rgba(254,44,85,.40);
  }
}
.buenfin-launch.v2.buenfin .buenfin-sticker::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  padding:2px;
  background:
    linear-gradient(135deg, var(--tt-cyan), transparent 20%) border-box,
    linear-gradient(315deg, var(--tt-pink), transparent 20%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation: ttBorder 3.2s ease-in-out infinite;
}

/* Texto principal del sticker con “duotone” */
.buenfin-launch.v2 .buenfin-sticker-text{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--accent1) !important;
  text-shadow:
    1px 1px 0 #fe822c,
   -1px -1px 0 #f42525;
  font-weight:800 !important;
  letter-spacing:.5px;
}

/* Doodles */
.buenfin-launch.v2 .buenfin-doodles{
  font-size:clamp(14px,2.4vw,16px);
  color:var(--coral);
}
.buenfin-launch.v2.buenfin .buenfin-doodles:first-of-type{ color:var(--tt-cyan); }

/* ====== Headline/Subheadline Buen Fin ====== */
.headline-buenfin{
  background: var(--tt-dark);
  color:#fff;
  padding:10px 16px;
  display:inline-block;
  border-radius:14px;
  white-space:nowrap;
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:1px;
  border:1px solid rgba(255,255,255,.08);
  /* duotone */
  text-shadow: 1px 1px 0 var(--tt-pink), -1px -1px 0 var(--tt-cyan);
  /* SIN animación por defecto (mejor LCP) */
}

.subtitle-buenfin{
  font-weight:700;
  font-size:16px;
  display:inline-block;
  margin-top:8px;
  background: linear-gradient(90deg, #000000ba, #ff0032);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.text-buenfin{
  font-weight:400;
  font-size:14px;
  color:#666;
}

/* Animación (solo para .after-load) */
@keyframes glowShift {
  0% {
    box-shadow:
      0 0 0 2px var(--tt-dark),
      0 0 22px rgba(255, 0, 0, .85),     /* rojo cercano */
      0 0 44px rgba(255, 212, 0, .70),   /* amarillo medio */
      0 0 80px rgba(255, 0, 0, .55);     /* rojo lejano */
  }
  50% {
    box-shadow:
      0 0 0 2px var(--tt-dark),
      0 0 22px rgba(255, 212, 0, .85),   /* amarillo cercano */
      0 0 44px rgba(255, 0, 0, .70),     /* rojo medio */
      0 0 80px rgba(255, 212, 0, .55);   /* amarillo lejano */
  }
  100% {
    box-shadow:
      0 0 0 2px var(--tt-dark),
      0 0 22px rgba(255, 0, 0, .85),
      0 0 44px rgba(255, 212, 0, .70),
      0 0 80px rgba(255, 0, 0, .55);
  }
}

.headline-buenfin.after-load{
  animation: glowShift 3.6s ease-in-out infinite;
  box-shadow:
    0 0 0 2px var(--tt-dark),
    0 0 8px rgba(0,0,0,.35); /* base sutil para reforzar contraste */
}

.headline-buenfin.after-load{
  animation: glowShift 3.6s ease-in-out infinite;
}

/* ====== Accesibilidad / Motion ====== */
@media (prefers-reduced-motion: reduce){
  .buenfin-launch.v2 .buenfin-sticker{ transform:none }
  .buenfin-launch.v2.buenfin .buenfin-sticker::before{ animation:none }
  .headline-buenfin.after-load{ animation:none }
}

/* ====== Responsivo ====== */
@media (max-width: 600px){
  .headline-buenfin{
    font-size:16px;
    padding:7px 12px;
    letter-spacing:.8px;
  }
  .subtitle-buenfin{ font-size:14px; }
  .text-buenfin{ font-size:13px; }
}

:root{
  --villains-ink:#150a1f;
  --villains-ink-deep:#0a0512;
  --villains-emerald:#2fbf71;
  --villains-gold:#c9a24b;
}

.headline-disney-villains{
  position:relative;
  display:inline-block;
  padding:12px 26px;
  border-radius:6px;
  font-weight:700;
  font-size:19px;
  letter-spacing:.06em;
  color:#f4ead2;
  background: linear-gradient(160deg, var(--villains-ink) 0%, var(--villains-ink-deep) 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
}

/* línea fina dorada, solo abajo — no marco completo */
.headline-disney-villains::after{
  content:"";
  position:absolute;
  left:26px; right:26px; bottom:6px;
  height:1px;
  background: linear-gradient(90deg, transparent, var(--villains-gold), transparent);
  opacity:.7;
}

.headline-disney-villains strong{
  color:var(--villains-emerald);
  font-weight:800;
}

.subtitle-disney-villains{
  display:block;
  font-weight:400;
  font-size:14px;
  letter-spacing:.02em;
  margin-top:10px;
  color:#8a7a95;
}


/* ===================== DISNEY MAGIC ===================== */
:root{
  --disney-navy:#0b1f5c;       /* azul real (cielo de castillo) */
  --disney-navy-deep:#06123a;
  --disney-blue:#2f6bff;       /* azul brillante */
  --disney-gold:#ffc83d;       /* dorado mágico */
  --disney-gold-deep:#e09a0b;
  --disney-pink:#ff6fb1;       /* rosa castillo */
  --disney-red:#e4202e;        /* rojo Mickey (acento) */
  --disney-cream:#fff6e0;
}

.headline-disney-magic{
  position:relative;
  display:inline-block;
  padding:12px 28px;
  border-radius:14px;
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--disney-cream);
  background:
    radial-gradient(circle at 15% 0%, rgba(255,111,177,.28), transparent 45%),
    radial-gradient(circle at 85% 100%, rgba(47,107,255,.35), transparent 50%),
    linear-gradient(135deg, var(--disney-navy), var(--disney-navy-deep));
  border:2px solid var(--disney-gold);
  box-shadow:
    0 10px 24px rgba(6,18,58,.45),
    0 0 16px rgba(255,200,61,.35);
  overflow:hidden;
}

/* destello dorado que cruza el título */
.headline-disney-magic::before{
  content:"";
  position:absolute;
  top:-30%;
  left:-55%;
  width:45%;
  height:160%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), rgba(255,200,61,.25), transparent);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
}
.headline-disney-magic.after-load::before{
  animation:disneyShine 2.8s ease-in-out infinite;
}
@keyframes disneyShine{
  0%   { left:-55%; opacity:0; }
  20%  { opacity:.9; }
  55%  { opacity:.3; }
  100% { left:120%; opacity:0; }
}

/* palabra destacada en dorado */
.headline-disney-magic strong{
  background:linear-gradient(90deg, var(--disney-gold-deep), var(--disney-gold), var(--disney-pink));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.subtitle-disney-magic{
  display:inline-block;
  margin-top:8px;
  font-weight:800;
  font-size:16px;
  background:linear-gradient(90deg, var(--disney-blue), var(--disney-pink), var(--disney-gold-deep));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .headline-disney-magic.after-load::before{ animation:none !important; }
}

@media (max-width:600px){
  .headline-disney-magic{ font-size:16px; padding:8px 18px; letter-spacing:.8px; }
  .subtitle-disney-magic{ font-size:14px; }
}
/* =================== FIN DISNEY MAGIC =================== */




.headline-hersheys-reeses{
  display:inline-block;
  padding:10px 24px;
  border-radius:999px;
  font-weight:700;
  font-size:18px;
  letter-spacing:.03em;
  color:#4a2511;
  background:#f2871f;
}
.headline-hersheys-reeses strong{
  color:#4a2511;
}
.subtitle-hersheys-reeses{
  display:block;
  margin-top:10px;
  font-size:14px;
  letter-spacing:.02em;
  color:#8a6a4f;
}



/* ====== HOLIDAY VIBES====== */
/* ====== Paleta Navidad ====== */


/* ====== Paleta tipo banner Villains / Navidad ====== */
:root{
  --villains-red:#c0121f;
  --villains-red-deep:#C30606;
  --villains-gold:#facc6b;
  --villains-gold-deep:#f59e0b;
}

/* ====== Headline Navidad estilo banner ====== */
.headline-xmas{
  position:relative;
  display:inline-block;
  padding:10px 28px;
  border-radius:10px;
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.30) 0, transparent 40%),
    radial-gradient(circle at 80% 100%, rgba(189, 4, 4, 0.94) 0, transparent 55%),
    linear-gradient(135deg, var(--villains-red), var(--villains-red-deep));
  box-shadow:
    0 10px 26px rgba(0,0,0,.55),
    inset 0 0 18px rgba(0,0,0,.55);
  text-shadow:0 2px 3px rgba(231, 25, 63, 0.8);
}

/* Borde dorado tipo marco */
.headline-xmas::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:10px;
  border:2px solid var(--villains-gold);
  box-shadow:
    0 0 0 1px rgba(174, 10, 40, 0.85),
    0 0 16px rgba(250,204,21,.65);
  pointer-events:none;
}

/* Glow muy sutil opcional */
@keyframes xmasVillainsGlow{
  0%{
    box-shadow:
      0 10px 26px rgba(243, 139, 139, 0.55);,
      inset 0 0 18px rgba(253, 83, 83, 0.55);
  }
  50%{
    box-shadow:
      0 12px 30px rgba(244, 40, 40, 0.7),
      inset 0 0 22px rgba(207, 10, 10, 0.7);
  }
  100%{
    box-shadow:
      0 10px 26px rgba(238, 230, 2, 0.55),
      inset 0 0 18px rgba(218, 197, 3, 0.55);
  }
}
.headline-xmas.after-load{
  animation:xmasVillainsGlow 3.4s ease-in-out infinite;
}

/* ====== Subtítulo navideño tipo copy de promo ====== */
.subtitle-xmas{
  font-weight:700;
  font-size:16px;
  display:inline-block;
  margin-top:8px;
  background:linear-gradient(90deg, var(--villains-gold), var(--villains-red-deep), var(--villains-red));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Motion / accesibilidad */
@media (prefers-reduced-motion: reduce){
  .headline-xmas.after-load{ animation:none; }
}

/* Responsivo */
@media (max-width:600px){
  .headline-xmas{
    font-size:16px;
    padding:8px 18px;
    letter-spacing:.8px;
  }
  .subtitle-xmas{ font-size:14px; }
  .text-xmas{ font-size:13px; }
}

/* Texto descriptivo (opcional) */
.text-xmas{
  font-weight:400;
  font-size:14px;
  color:#555;
}

/* LANZAMIENTO ICEE */
.icee-launch{
  text-align:center;
}

.icee-headline{
  display:inline-block;
  padding: 14px 22px;
  border-radius: 18px;
  color:#fff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: clamp(18px, 2.2vw, 34px);
  line-height: 1.05;

  /* ICEE vibe: azul→morado→rojo */
  background: linear-gradient(90deg, #1E88E5 0%, #6A5BFF 45%, #E53935 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
  position: relative;
}

.icee-headline::after{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 14px;
  border: 2px solid rgba(255,255,255,.75);
  pointer-events:none;
}

.icee-subtitle{
  display:inline-block;
  margin-top: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 2px solid rgba(30,136,229,.25);
  box-shadow: 0 8px 16px rgba(0,0,0,.10);

  font-size: clamp(13px, 1.2vw, 18px);
  font-weight: 700;
  color: #1E88E5;
}

.icee-subtitle strong{
  color: #E53935; /* acento rojo ICEE */
}


   /* =========================================================
       PROPUESTA 2 — NEW YEAR CHAMPAGNE (claro + dorado elegante)
       ========================================================= */
    .rc-newyear.champagne{
      --ny-paper:#ffffff;
      --ny-ink:#141414;
      --ny-gold:#f6c453;
      --ny-gold-deep:#d59a21;
      --ny-line: rgba(0,0,0,.10);
      --ny-shadow: 0 12px 26px rgba(0,0,0,.10);
    }

    .rc-newyear.champagne .headline-newyear{
      display:inline-block;
      padding: 12px 18px;
      border-radius: 16px;
      background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.65), transparent 45%),
        linear-gradient(135deg, #fff, #fff8e6);
      color: var(--ny-ink);
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: clamp(16px, 2.2vw, 22px);
      border: 1px solid var(--ny-line);
      box-shadow: var(--ny-shadow);
      position: relative;
      overflow: hidden;
    }

    /* “foil” dorado sutil */
    .rc-newyear.champagne .headline-newyear::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg,
          transparent 0%,
          rgba(246,196,83,.18) 18%,
          rgba(213,154,33,.18) 35%,
          transparent 55%);
      transform: translateX(-40%);
      opacity: .9;
      pointer-events:none;
    }
    .rc-newyear.champagne .headline-newyear.after-load::before{
      animation: nyFoil 2.8s ease-in-out infinite;
    }
    @keyframes nyFoil{
      0%   { transform: translateX(-55%); }
      50%  { transform: translateX(10%); }
      100% { transform: translateX(-55%); }
    }

    .rc-newyear.champagne .headline-newyear strong{
      background: linear-gradient(90deg, var(--ny-gold-deep), var(--ny-gold), var(--ny-gold-deep));
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    .rc-newyear.champagne .subtitle-newyear{
      display:inline-block;
      margin-top: 10px;
      font-weight: 800;
      font-size: clamp(13px, 1.6vw, 16px);
      color: rgba(20,20,20,.78);
    }
    .rc-newyear.champagne .pill-newyear{
      display:inline-block;
      margin-top: 10px;
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(246,196,83,.18);
      border: 1px solid rgba(213,154,33,.25);
      color: rgba(20,20,20,.85);
      font-weight: 800;
      font-size: 12px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }



    /* =========================================================
   FLASH SALE — NEON (morado/fucsia + efecto “scan/flash”)
   ========================================================= 
.rc-flashsale.neon{
  --fs-paper:#ffffff;
  --fs-ink:#0b1020;
  --fs-a:#6d28d9;     
  --fs-b:#ec4899;      
  --fs-line: rgba(11,16,32,.10);
  --fs-shadow: 0 14px 30px rgba(11,16,32,.12);
}*/


/* =========================================================
   FLASH SALE — NEON (San Valentín: rojos/rosa + efecto “scan/flash”)
   ========================================================= */
.rc-flashsale.neon{
  --fs-paper:#ffffff;
  --fs-ink:#0b1020;

  /* Antes: morado/fucsia. Ahora: rojo/rosa San Valentín */
  --fs-a:#ef4444;      /* rojo */
  --fs-b:#fb7185;      /* rosa */

  --fs-line: rgba(11,16,32,.10);
  --fs-shadow: 0 14px 30px rgba(11,16,32,.12);
}


/* Título principal */
.rc-flashsale.neon .headline-flash{
  display:inline-block;
  padding: 12px 18px;
  border-radius: 16px;
  /*background:
    radial-gradient(circle at 12% 0%, rgba(236,72,153,.14), transparent 46%),
    radial-gradient(circle at 88% 20%, rgba(109,40,217,.14), transparent 48%),
    linear-gradient(135deg, #fff, #f7f8ff);*/
    background:
    radial-gradient(circle at 12% 0%, rgba(251,113,133,.18), transparent 46%),
    radial-gradient(circle at 88% 20%, rgba(239,68,68,.16), transparent 48%),
    linear-gradient(135deg, #fff, #fff5f7);
  color: var(--fs-ink);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: clamp(16px, 2.2vw, 22px);
  border: 1px solid var(--fs-line);
  box-shadow: var(--fs-shadow);
  position: relative;
  overflow: hidden;
}

/* “flash scan” (en lugar del foil dorado) */
.rc-flashsale.neon .headline-flash::before{
  content:"";
  position:absolute;
  top:-30%;
  left:-55%;
  width: 55%;
  height: 160%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.55),
    rgba(236,72,153,.22),
    rgba(109,40,217,.22),
    transparent
  );
  transform: skewX(-18deg);
  opacity: .0;
  pointer-events:none;
}

.rc-flashsale.neon .headline-flash.after-load::before{
  animation: fsScan 1.9s ease-in-out infinite;
}

@keyframes fsScan{
  0%   { left:-55%; opacity:0; }
  20%  { opacity:.85; }
  55%  { opacity:.35; }
  100% { left:120%; opacity:0; }
}

/* Marca (YUYA) con gradiente “neon” */
.rc-flashsale.neon .headline-flash strong{
  background: linear-gradient(90deg, var(--fs-a), var(--fs-b));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Subtítulo */
.rc-flashsale.neon .subtitle-flash{
  display:inline-block;
  margin-top: 10px;
  font-weight: 900;
  font-size: clamp(13px, 1.6vw, 16px);
  color: rgba(11,16,32,.78);
  letter-spacing: .02em;
}

/* Accesibilidad: reduce motion */
@media (prefers-reduced-motion: reduce){
  .rc-flashsale.neon .headline-flash.after-load::before{ animation:none !important; }
}

/* =========================================================
     FLASH SALE — SUMMER GLIMMER
     ========================================================= */
  .rc-flashsale.summer {
    --fs-paper: #ffffff;
    --fs-ink: #1a1512;
    --fs-a: #c2710a;    /* ámbar dorado oscuro */
    --fs-b: #e8922d;    /* ámbar cálido */
    --fs-c: #d4553a;    /* coral/amapola (acento del banner) */
    --fs-line: rgba(26,21,18,.08);
    --fs-shadow: 0 10px 28px rgba(26,21,18,.08);
  }
 
  /* Título principal */
  .rc-flashsale.summer .headline-flash {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 16px;
    background:
      radial-gradient(circle at 15% 0%, rgba(232,146,45,.12), transparent 50%),
      radial-gradient(circle at 85% 20%, rgba(194,113,10,.10), transparent 50%),
      linear-gradient(135deg, #fffcf7, #fff8ee);
    color: var(--fs-ink);
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: clamp(16px, 2.2vw, 22px);
    border: 1px solid var(--fs-line);
    box-shadow: var(--fs-shadow);
    position: relative;
    overflow: hidden;
  }
 
  /* "glimmer sweep" — rayito de sol */
  .rc-flashsale.summer .headline-flash::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -55%;
    width: 50%;
    height: 160%;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.5),
      rgba(232,183,80,.28),
      rgba(255,200,100,.15),
      transparent
    );
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events: none;
  }
 
  .rc-flashsale.summer .headline-flash.after-load::before {
    animation: fsGlimmer 2.4s ease-in-out infinite;
  }
 
  @keyframes fsGlimmer {
    0%   { left: -55%; opacity: 0; }
    15%  { opacity: .9; }
    50%  { opacity: .3; }
    100% { left: 120%; opacity: 0; }
  }
 
  /* Texto con gradiente dorado */
  .rc-flashsale.summer .headline-flash strong {
    background: linear-gradient(90deg, var(--fs-a), var(--fs-b), var(--fs-c));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
 
  /* Subtítulo */
  .rc-flashsale.summer .subtitle-flash {
    display: inline-block;
    margin-top: 10px;
    font-weight: 900;
    font-size: clamp(13px, 1.6vw, 16px);
    color: rgba(26,21,18,.72);
    letter-spacing: .02em;
  }
 
  /* Accesibilidad */
  @media (prefers-reduced-motion: reduce) {
    .rc-flashsale.summer .headline-flash.after-load::before { animation: none !important; }
  }


  /* ===================== RC — HALLOWEEN 2026 (yuya-launch v2) ===================== */
.yuya-launch.v2.halloween{
  /* Paleta del logo RC Halloween */
  --hw-ink:#231815;      /* tinta del logo */
  --hw-paper:#FFFBEF;    /* fondo hueso claro */
  --hw-bone:#EDE3B5;     /* fantasma */
  --hw-pumpkin:#EE7A22;  /* calabaza */
  --hw-purple:#6A3D8F;   /* morado murciélago */
  --hw-lav:#C9A0E4;      /* lavanda confeti */

  /* Reasigna las variables del sticker base */
  --paper:var(--hw-paper);
  --accent1:var(--hw-ink);
  --coral:var(--hw-purple);
  --shadow:4px 4px 0 var(--hw-purple), 0 10px 22px rgba(35,24,21,.18);
}

/* Sticker: borde tinta + sombra plana morada */
.yuya-launch.v2.halloween .yuya-sticker{
  border:2px solid var(--hw-ink);
  transform:rotate(-1.5deg);
}

/* Confeti morado/lavanda como en el logo */
.yuya-launch.v2.halloween .yuya-sticker::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 7% 25%,  var(--hw-lav)    0 2px,   transparent 3px),
    radial-gradient(circle at 15% 80%, var(--hw-purple) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 90% 20%, var(--hw-lav)    0 1.5px, transparent 2.5px),
    radial-gradient(circle at 94% 75%, var(--hw-purple) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 60% 12%, var(--hw-pumpkin) 0 1.5px, transparent 2.5px);
}

/* Arañita colgando de su hilo */
.yuya-launch.v2.halloween .yuya-sticker::after{
  content:"🕷️";
  position:absolute;
  right:16px;
  top:-26px;
  padding-top:12px;
  font-size:14px;
  line-height:1;
  background:linear-gradient(var(--hw-ink),var(--hw-ink)) center top / 1px 12px no-repeat;
  transform-origin:top center;
  animation:hwSwing 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes hwSwing{
  0%,100%{ transform:rotate(-8deg); }
  50%    { transform:rotate(8deg); }
}

/* Texto principal: tinta con serif tipo slab, como "Republic" */
.yuya-launch.v2.halloween .yuya-sticker-text{
  font-family:"Rockwell","Roboto Slab","Zilla Slab",Georgia,serif;
  font-weight:800 !important;
  text-shadow:none;
  letter-spacing:.3px;
}

/* Subtítulo morado */
.yuya-launch.v2.halloween .yuya-doodles{
  color:var(--hw-purple);
  font-weight:700;
}

@media (prefers-reduced-motion: reduce){
  .yuya-launch.v2.halloween .yuya-sticker::after{ animation:none; }
}
@media (max-width:600px){
  .yuya-launch.v2.halloween .yuya-sticker::after{ right:10px; font-size:12px; }
}

/* Más aire entre sticker y subtítulo */
.yuya-launch.v2.halloween .yuya-doodles{
  display:inline-block;
  margin-top:14px;
}
/* =================== FIN RC — HALLOWEEN 2026 =================== */

/* ===================== DISNEY MAGIC — HALLOWEEN ===================== */
.headline-disney-magic.halloween,
.subtitle-disney-magic.halloween{
  --hw-ink:#231815;
  --hw-paper:#FFFBEF;
  --hw-pumpkin:#EE7A22;
  --hw-purple:#6A3D8F;
  --hw-lav:#C9A0E4;
}

.headline-disney-magic.halloween{
  color:var(--hw-ink);
  background:
    radial-gradient(circle at 6% 30%,  var(--hw-lav)     0 2px,   transparent 3px),
    radial-gradient(circle at 94% 70%, var(--hw-purple)  0 2.5px, transparent 3.5px),
    radial-gradient(circle at 88% 18%, var(--hw-pumpkin) 0 1.5px, transparent 2.5px),
    var(--hw-paper);
  border:2px solid var(--hw-ink);
  box-shadow:4px 4px 0 var(--hw-purple), 0 10px 22px rgba(35,24,21,.18);
  transform:rotate(-1.2deg);
}

/* Destello en lavanda para que se note sobre fondo claro */
.headline-disney-magic.halloween::before{
  background:linear-gradient(90deg, transparent, rgba(201,160,228,.55), rgba(238,122,34,.25), transparent);
}

/* "Disney" en morado → calabaza */
.headline-disney-magic.halloween strong{
  background:linear-gradient(90deg, var(--hw-purple), #9B5FC0, var(--hw-pumpkin));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Subtítulo morado, separado del título */
.subtitle-disney-magic.halloween{
  margin-top:14px;
  background:none;
  -webkit-text-fill-color:var(--hw-purple);
  color:var(--hw-purple);
  font-weight:700;
}
/* =================== FIN DISNEY MAGIC — HALLOWEEN =================== */

/* ===================== HERSHEY'S — HALLOWEEN ===================== */
.headline-hersheys-reeses.halloween{
  color:#231815;
  background:
    radial-gradient(circle at 7% 30%,  #C9A0E4 0 2px,   transparent 3px),
    radial-gradient(circle at 93% 70%, #6A3D8F 0 2.5px, transparent 3.5px),
    #FFFBEF;
  border:2px solid #231815;
  box-shadow:4px 4px 0 #6A3D8F, 0 10px 22px rgba(35,24,21,.18);
  transform:rotate(-1.2deg);
  font-weight:800;
}
.headline-hersheys-reeses.halloween strong{
  color:#EE7A22; /* calabaza = naranja Reese's */
}
.subtitle-hersheys-reeses.halloween{
  margin-top:14px;
  color:#6A3D8F;
  font-weight:700;
}
/* =================== FIN HERSHEY'S — HALLOWEEN =================== */

/* ===================== RC — DÍA DE MUERTOS 2026 (v2, colores del logo) ===================== */
.yuya-launch.v2.muertos,
.headline-disney-magic.muertos, .subtitle-disney-magic.muertos,
.headline-hersheys-reeses.muertos, .subtitle-hersheys-reeses.muertos{
  --dm-ink:#231815;        /* tinta del logo */
  --dm-paper:#FFFDF8;      /* blanco cálido */
  --dm-marigold:#F7941D;   /* cempasúchil */
  --dm-gold:#FDB515;       /* cempasúchil claro */
  --dm-red:#EF4423;        /* flor roja */
  --dm-pink:#E8336D;       /* flor rosa */
  --dm-purple:#7B4FA0;     /* papel picado */
  --dm-turq:#35C6D9;       /* diadema calaverita */
  --dm-text:#C2410C;       /* naranja legible para subtítulos */

  /* Ramito izquierdo */
  --dm-flowers-l:
    radial-gradient(circle at 13px 13px, var(--dm-red) 0 3px, var(--dm-marigold) 3.5px 8px, var(--dm-gold) 8.5px 11px, transparent 11.5px),
    radial-gradient(circle at 27px 9px,  var(--dm-pink) 0 2px, #F472A0 2.5px 6px, transparent 6.5px),
    radial-gradient(circle at 8px 28px,  var(--dm-marigold) 0 2px, var(--dm-gold) 2.5px 6px, transparent 6.5px),
    radial-gradient(circle at 25px 25px, var(--dm-turq) 0 2px, transparent 2.5px);
  /* Ramito derecho */
  --dm-flowers-r:
    radial-gradient(circle at 21px 21px, var(--dm-red) 0 3px, var(--dm-marigold) 3.5px 8px, var(--dm-gold) 8.5px 11px, transparent 11.5px),
    radial-gradient(circle at 7px 25px,  var(--dm-purple) 0 2px, #A47CC9 2.5px 6px, transparent 6.5px),
    radial-gradient(circle at 26px 6px,  var(--dm-red) 0 2px, #F87150 2.5px 5.5px, transparent 6px),
    radial-gradient(circle at 8px 8px,   var(--dm-turq) 0 2px, transparent 2.5px);
}

/* ---------- Sticker Yuya ---------- */
.yuya-launch.v2.muertos{
  --paper:var(--dm-paper);
  --accent1:var(--dm-ink);
  --coral:var(--dm-text);
  --shadow:0 8px 18px rgba(247,148,29,.28);
}
.yuya-launch.v2.muertos .yuya-sticker{
  border:2px solid var(--dm-marigold);
  transform:rotate(-1.2deg);
  margin:0 18px;
}
.yuya-launch.v2.muertos .yuya-sticker::before,
.yuya-launch.v2.muertos .yuya-sticker::after{
  content:""; position:absolute; width:34px; height:34px;
  pointer-events:none; z-index:1;
}
.yuya-launch.v2.muertos .yuya-sticker::before{ left:-18px; top:-14px; background:var(--dm-flowers-l); }
.yuya-launch.v2.muertos .yuya-sticker::after { right:-18px; bottom:-14px; background:var(--dm-flowers-r); }
.yuya-launch.v2.muertos .yuya-sticker-text{
  font-family:"Rockwell","Roboto Slab","Zilla Slab",Georgia,serif;
  font-weight:800 !important;
  text-shadow:none;
  letter-spacing:.3px;
}
.yuya-launch.v2.muertos .yuya-doodles{
  display:inline-block;
  margin-top:16px;
  color:var(--dm-text);
  font-weight:700;
}

/* ---------- Disney ---------- */
.headline-disney-magic.muertos{
  color:var(--dm-ink);
  background:var(--dm-paper);
  border:2px solid var(--dm-marigold);
  box-shadow:0 8px 18px rgba(247,148,29,.28);
  transform:rotate(-1.2deg);
  overflow:visible;
}
.headline-disney-magic.muertos::before,
.headline-disney-magic.muertos::after{
  content:""; position:absolute; width:34px; height:34px;
  pointer-events:none; animation:none; opacity:1; transform:none;
}
.headline-disney-magic.muertos::before{ left:-18px; top:-14px; background:var(--dm-flowers-l); }
.headline-disney-magic.muertos::after { right:-18px; bottom:-14px; left:auto; top:auto; background:var(--dm-flowers-r); }
.headline-disney-magic.muertos strong{
  background:linear-gradient(90deg, var(--dm-purple), var(--dm-pink));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.subtitle-disney-magic.muertos{
  margin-top:16px;
  background:none;
  -webkit-text-fill-color:var(--dm-text);
  color:var(--dm-text);
  font-weight:700;
}

/* ---------- Hershey's ---------- */
.headline-hersheys-reeses.muertos{
  position:relative;
  color:var(--dm-ink);
  background:var(--dm-paper);
  border:2px solid var(--dm-marigold);
  box-shadow:0 8px 18px rgba(247,148,29,.28);
  transform:rotate(-1.2deg);
  font-weight:800;
}
.headline-hersheys-reeses.muertos::before,
.headline-hersheys-reeses.muertos::after{
  content:""; position:absolute; width:34px; height:34px; pointer-events:none;
}
.headline-hersheys-reeses.muertos::before{ left:-16px; top:-14px; background:var(--dm-flowers-l); }
.headline-hersheys-reeses.muertos::after { right:-16px; bottom:-14px; background:var(--dm-flowers-r); }
.headline-hersheys-reeses.muertos strong{ color:var(--dm-red); }
.subtitle-hersheys-reeses.muertos{
  margin-top:16px;
  color:var(--dm-text);
  font-weight:700;
}
/* =================== FIN RC — DÍA DE MUERTOS 2026 =================== */
/* ===================== RC — OTOÑO / INVIERNO 2026 ===================== */
.yuya-launch.v2.otono,
.headline-disney-magic.otono, .subtitle-disney-magic.otono,
.headline-hersheys-reeses.otono, .subtitle-hersheys-reeses.otono{
  --oi-ink:#1E1612;       /* tinta del logo */
  --oi-paper:#FFFCF6;     /* crema cálido */
  --oi-rust:#C0532F;      /* hoja óxido */
  --oi-mustard:#E3A24A;   /* hoja mostaza / calabaza */
  --oi-olive:#8A8F4A;     /* hoja olivo */
  --oi-stem:#6B3E22;      /* rama café */
  --oi-text:#A3431F;      /* óxido legible para subtítulos */
  --oi-shadow:0 8px 18px rgba(160,70,30,.20);

  /* Hoja con nervadura */
  --oi-leaf-rust:linear-gradient(45deg, var(--oi-rust) calc(50% - .7px), var(--oi-stem) calc(50% - .7px) calc(50% + .7px), var(--oi-rust) calc(50% + .7px));
  --oi-leaf-mustard:linear-gradient(45deg, var(--oi-mustard) calc(50% - .7px), var(--oi-stem) calc(50% - .7px) calc(50% + .7px), var(--oi-mustard) calc(50% + .7px));
}

/* ---------- Sticker Yuya ---------- */
.yuya-launch.v2.otono{
  --paper:var(--oi-paper);
  --accent1:var(--oi-ink);
  --coral:var(--oi-text);
  --shadow:var(--oi-shadow);
}
.yuya-launch.v2.otono .yuya-sticker{
  border:2px solid var(--oi-mustard);
  transform:rotate(-1.2deg);
  margin:0 20px;
}
.yuya-launch.v2.otono .yuya-sticker-text{
  font-family:"Rockwell","Roboto Slab","Zilla Slab",Georgia,serif;
  font-weight:800 !important;
  text-shadow:none;
  letter-spacing:.3px;
}
.yuya-launch.v2.otono .yuya-doodles{
  display:inline-block;
  margin-top:16px;
  color:var(--oi-text);
  font-weight:700;
}

/* ---------- Disney ---------- */
.headline-disney-magic.otono{
  color:var(--oi-ink);
  background:var(--oi-paper);
  border:2px solid var(--oi-mustard);
  box-shadow:var(--oi-shadow);
  transform:rotate(-1.2deg);
  overflow:visible;
}
.headline-disney-magic.otono strong{
  color:var(--oi-rust);
  background:none;
  -webkit-text-fill-color:var(--oi-rust);
}
.subtitle-disney-magic.otono{
  margin-top:16px;
  background:none;
  -webkit-text-fill-color:var(--oi-text);
  color:var(--oi-text);
  font-weight:700;
}

/* ---------- Hershey's ---------- */
.headline-hersheys-reeses.otono{
  position:relative;
  color:var(--oi-ink);
  background:var(--oi-paper);
  border:2px solid var(--oi-mustard);
  box-shadow:var(--oi-shadow);
  transform:rotate(-1.2deg);
  font-weight:800;
}
.headline-hersheys-reeses.otono strong{ color:var(--oi-rust); }
.subtitle-hersheys-reeses.otono{
  margin-top:16px;
  color:var(--oi-text);
  font-weight:700;
}

/* ---------- Hojitas en esquinas (aplica a los 3 estilos) ---------- */
.yuya-launch.v2.otono .yuya-sticker::before,
.yuya-launch.v2.otono .yuya-sticker::after,
.headline-disney-magic.otono::before,
.headline-disney-magic.otono::after,
.headline-hersheys-reeses.otono::before,
.headline-hersheys-reeses.otono::after{
  content:"";
  position:absolute;
  width:20px; height:20px;
  border-radius:0 90% 0 90%;   /* forma de hoja */
  pointer-events:none;
  z-index:1;
  opacity:1; animation:none;     /* anula el destello de Disney */
}
/* Esquina superior izquierda: óxido + olivo + mostaza */
.yuya-launch.v2.otono .yuya-sticker::before,
.headline-disney-magic.otono::before,
.headline-hersheys-reeses.otono::before{
  left:-12px; top:-12px; right:auto; bottom:auto;
  background:var(--oi-leaf-rust);
  transform:rotate(-15deg);
  box-shadow:18px -6px 0 -4px var(--oi-olive), -6px 18px 0 -5px var(--oi-mustard);
}
/* Esquina inferior derecha: mostaza + óxido + olivo */
.yuya-launch.v2.otono .yuya-sticker::after,
.headline-disney-magic.otono::after,
.headline-hersheys-reeses.otono::after{
  right:-12px; bottom:-12px; left:auto; top:auto;
  background:var(--oi-leaf-mustard);
  transform:rotate(165deg);
  box-shadow:18px -6px 0 -4px var(--oi-rust), -6px 18px 0 -5px var(--oi-olive);
}
/* =================== FIN RC — OTOÑO / INVIERNO 2026 =================== */

/* ===================== RC — TU MEJOR FIN 2026 ===================== */
.yuya-launch.v2.mejorfin,
.headline-disney-magic.mejorfin, .subtitle-disney-magic.mejorfin,
.headline-hersheys-reeses.mejorfin, .subtitle-hersheys-reeses.mejorfin{
  --mf-black:#1C1A1A;     /* fondo del creativo */
  --mf-red:#E61E26;       /* rojo cinta / círculo */
  --mf-red-text:#C8141C;  /* rojo legible sobre blanco */
  --mf-cream:#F6EBD9;     /* crema de titulares */
  --mf-shadow:0 10px 22px rgba(28,26,26,.28);
}

/* ---------- Base compartida: bloque negro + texto crema ---------- */
.yuya-launch.v2.mejorfin .yuya-sticker,
.headline-disney-magic.mejorfin,
.headline-hersheys-reeses.mejorfin{
  position:relative;
  background:var(--mf-black);
  color:var(--mf-cream);
  border:0;
  border-radius:12px;
  box-shadow:var(--mf-shadow);
  transform:rotate(-1.5deg);
  overflow:visible;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.5px;
}

/* Etiqueta roja tipo cinta "TU MEJOR FIN" en la esquina */
.yuya-launch.v2.mejorfin .yuya-sticker::before,
.headline-disney-magic.mejorfin::before,
.headline-hersheys-reeses.mejorfin::before{
  content:"TU MEJOR FIN";
  position:absolute;
  top:-13px; right:-10px; left:auto; bottom:auto;
  width:auto; height:auto;
  padding:4px 8px;
  background:var(--mf-red);
  color:var(--mf-cream);
  font:900 10px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
  border-radius:3px;
  transform:rotate(6deg);
  box-shadow:0 3px 8px rgba(0,0,0,.25);
  opacity:1; animation:none;   /* anula el destello de Disney */
  pointer-events:none;
  z-index:2;
  -webkit-text-fill-color:var(--mf-cream);
}

/* ---------- Sticker Yuya ---------- */
.yuya-launch.v2.mejorfin{
  --paper:var(--mf-black);
  --accent1:var(--mf-cream);
  --coral:var(--mf-red-text);
  --shadow:var(--mf-shadow);
}
.yuya-launch.v2.mejorfin .yuya-sticker{ padding:.65rem 1rem; }
.yuya-launch.v2.mejorfin .yuya-sticker-text{
  text-shadow:none;
  font-weight:900 !important;
  letter-spacing:.6px;
}
.yuya-launch.v2.mejorfin .yuya-doodles{
  display:inline-block;
  margin-top:16px;
  color:var(--mf-red-text);
  font-weight:800;
}
/* Palabra resaltada en rojo dentro del sticker: <b class="mf-hl"> */
.yuya-launch.v2.mejorfin .mf-hl{ color:var(--mf-red); }

/* ---------- Disney ---------- */
.headline-disney-magic.mejorfin strong{
  background:none;
  color:var(--mf-red);
  -webkit-text-fill-color:var(--mf-red);
}
.subtitle-disney-magic.mejorfin{
  margin-top:16px;
  background:none;
  color:var(--mf-red-text);
  -webkit-text-fill-color:var(--mf-red-text);
  font-weight:800;
}

/* ---------- Hershey's ---------- */
.headline-hersheys-reeses.mejorfin{ padding:10px 24px; }
.headline-hersheys-reeses.mejorfin strong{ color:var(--mf-red); }
.subtitle-hersheys-reeses.mejorfin{
  margin-top:16px;
  color:var(--mf-red-text);
  font-weight:800;
}

@media (max-width:600px){
  .yuya-launch.v2.mejorfin .yuya-sticker::before,
  .headline-disney-magic.mejorfin::before,
  .headline-hersheys-reeses.mejorfin::before{ font-size:9px; top:-11px; right:-6px; }
}
/* =================== FIN RC — TU MEJOR FIN 2026 =================== */