/** Shopify CDN: Minification failed

Line 181:15 Expected identifier but found whitespace
Line 181:16 Unexpected "linear-gradient("

**/
/* === Palette base otoño  === */
:root{
  --fall-amber:#FFBE03;
  --fall-witch:#5f0f40;
  --fall-ink:#FB5700;   
  --fall-paper:#FFF7EE;
  --fall-pumpkin:#FB5700;
  --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;  /* clave en Safari/Chrome */
  color:transparent;                     /* fallback */
}

/* 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;
  text-shadow:
    1px 1px 0 var(--tt-pink),
   -1px -1px 0 var(--tt-cyan);
  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 ===================== */