/* =========================================================================
   Printitlán — Estilos globales · Sistema "Mercado Moderno" v4
   Navy #0D3A6A · Naranja #D9691C · Crema #F7F0E1 · Papel #FFFDF7
   Tipografía: Fredoka (display/UI) + Inter (texto). Textura talavera,
   papel picado, estética sticker (borde 2px, sombra sólida).
   Acentos multicolor (pops de producto): rosa, turquesa, marigold, violeta, verde.
   ========================================================================= */
/* Fuentes: <link> en el <head> (bloque pt:head), no @import (bloqueaba el render). */

:root{
  /* Paleta 2026-09, derivada de la insignia nueva (azul rey + papel picado
     naranja/amarillo + poncho arcoíris). Contraste AA verificado sobre crema:
     texto naranja --orange-t 5.2:1 · botón --orange con texto blanco 5.2:1 ·
     --muted 4.7:1 · blanco sobre --blue 8.6:1 · navy sobre --gold 6.7:1. */
  --blue:#0045AA; --blue-2:#003588;          /* azul rey de la insignia */
  --navy:#0D2F66; --navy-2:#081F47;          /* tinta, bordes sticker */
  --orange:#C2410C; --orange-d:#8F2F07;      /* botón (texto blanco) y su sombra */
  --orange-bright:#EA5805;                   /* solo decorativo (papel picado) */
  --orange-t:#B23A06;                        /* naranja para TEXTO */
  --gold:#FFB901; --gold-soft:#FFE08A;
  --cream:#F7F0E1; --softcream:#FCEDCC; --papel:#FFFDF7;
  --rosa:#FF2E84; --teal:#15C2C2; --violet:#6C3BF4; --green:#2EC971;
  --soft:#4A5872; --muted:#5E6A7F; --line:rgba(13,47,102,.16); --line-2:rgba(13,47,102,.08);
  --white:#fff; --wa:#25D366; --wa-d:#0E7A3B; --ok:#1E7F47; --err:#B42318;
  --ink:var(--navy);
  --r-s:12px; --r-m:16px; --r-l:22px;
  --sh-card:0 6px 0 var(--navy); --sh-card-h:0 11px 0 var(--navy);
  --focus:#6C3BF4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--navy);background-color:var(--cream);
  font-family:'Inter',-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%230D3A6A' stroke-width='1' opacity='.05'%3E%3Cpath d='M24 4 L44 24 L24 44 L4 24 Z'/%3E%3Ccircle cx='24' cy='24' r='6.5'/%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Ccircle cx='48' cy='0' r='3'/%3E%3Ccircle cx='0' cy='48' r='3'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
img{max-width:100%}
a{color:var(--orange-t)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3,h4{font-family:'Fredoka',sans-serif;font-weight:600;letter-spacing:-.02em}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}

/* ---------- Header ---------- */
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-text b{font-family:'Fredoka',sans-serif;font-weight:700;font-size:23px;letter-spacing:-.5px;color:var(--blue)}
.logo-text small{font-family:'Fredoka',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-t);margin-top:3px}
@media (max-width:380px){.logo-text small{display:none}}

/* ---------- Botones (estilo sticker) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:'Fredoka',sans-serif;font-weight:600;font-size:15px;padding:12px 22px;border-radius:13px;border:2px solid transparent;cursor:pointer;transition:.15s;line-height:1}
.btn svg{width:17px;height:17px}
.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 5px 0 var(--orange-d)}
.btn-primary:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--orange-d)}
.btn-ghost{background:var(--papel);border:2px solid var(--navy);color:var(--navy);box-shadow:0 4px 0 var(--navy)}
.btn-ghost:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--navy)}
.btn-wa{background:var(--wa-d);color:#fff;border-color:var(--wa-d);box-shadow:0 5px 0 #075229}
.btn-wa:hover{transform:translateY(2px);box-shadow:0 3px 0 #075229}
.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 5px 0 var(--navy-2)}
.btn-navy:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--navy-2)}
.btn-block{width:100%}
.btn-lg{padding:15px 28px;font-size:16.5px}

/* ---------- Hero ---------- */
.hero{display:flex;gap:28px;padding:52px 0 40px;align-items:center;flex-wrap:wrap}
.hero-copy{flex:1.25;min-width:300px}
.tag{display:inline-flex;align-items:center;background:var(--papel);border:2px solid var(--navy);color:var(--orange);font-family:'Fredoka',sans-serif;font-size:13px;font-weight:600;padding:6px 14px;border-radius:99px;margin-bottom:16px}
.hero h1{font-size:clamp(36px,5vw,54px);line-height:1.04;font-weight:700;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
.hero h1 em{font-style:normal;position:relative;color:var(--orange)}
.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:10px;background:var(--gold);opacity:.5;border-radius:5px;z-index:-1}
.hero p{font-size:17.5px;line-height:1.55;color:var(--soft);margin:0 0 24px;max-width:470px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{flex:1;min-width:240px;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero-art img{width:300px;max-width:100%;filter:drop-shadow(0 14px 20px rgba(13,58,106,.20))}
.tiktok-chip{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-family:'Fredoka',sans-serif;font-size:14px;padding:9px 16px;border-radius:99px;font-weight:600;text-decoration:none}

/* ---------- Franja multicolor ---------- */
.strip{background:var(--blue);color:#fff;padding:16px 0}
.strip .inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.strip .label{font-family:'Fredoka',sans-serif;font-size:15px;font-weight:600;color:#fff}
.dots{display:flex;gap:9px}
.dots span{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
.strip .hint{font-size:13px;color:#DCE6F7}

/* ---------- Secciones ---------- */
.section{padding:44px 0}
.section h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 4px}
.section .sub{font-size:14px;color:var(--muted);margin-bottom:20px;font-family:'Fredoka',sans-serif;font-weight:500}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-head{padding:46px 0 6px}
.page-head h1{font-size:clamp(30px,4vw,40px);font-weight:700;letter-spacing:-.03em;margin:0 0 8px}
.page-head p{color:var(--soft);font-size:16px;max-width:640px;margin:0;line-height:1.55}

/* ---------- Pasos ---------- */
.steps{display:flex;gap:14px;text-align:center;flex-wrap:wrap}
.steps .step{flex:1;min-width:120px;background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-m);padding:16px 12px;box-shadow:0 5px 0 var(--navy)}
.steps .ic{font-family:'Fredoka',sans-serif;font-size:26px;font-weight:700}
.steps .st{font-family:'Fredoka',sans-serif;font-size:13.5px;margin-top:6px;color:var(--soft);font-weight:500;line-height:1.35}

/* ---------- Grid / Cards ---------- */

/* ---------- Buy box (página de producto) ---------- */
.buybox{margin:18px 0 6px}
.bb-field{margin-bottom:12px}
.bb-field label{display:block;font-family:'Fredoka',sans-serif;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:5px}
.bb-sel{width:100%;font-family:'Inter';font-size:15px;color:var(--navy);background:var(--papel);border:2px solid var(--line);border-radius:11px;padding:11px 12px}
.bb-sel:focus{outline:0;border-color:var(--orange)}
.bb-row{display:flex;gap:12px;align-items:stretch}
.bb-qty{display:flex;align-items:center;gap:2px;border:2px solid var(--navy);border-radius:12px;background:var(--papel);padding:3px}
.bb-qty button{width:38px;height:40px;border:0;background:none;font-family:'Fredoka',sans-serif;font-size:22px;font-weight:700;color:var(--navy);cursor:pointer;border-radius:8px}
.bb-qty button:hover{background:var(--softcream)}
.bb-qty span{min-width:30px;text-align:center;font-family:'Fredoka',sans-serif;font-weight:700;font-size:17px;color:var(--navy)}
.bb-add{flex:1;background:var(--orange);color:#fff;border:2px solid var(--orange);border-radius:13px;font-family:'Fredoka',sans-serif;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 5px 0 var(--orange-d);transition:.14s}
.bb-add:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--orange-d)}
.bb-msg{margin-top:12px;background:#e4f7ec;border:2px solid #b6e6c9;color:#159a52;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;padding:10px 14px;border-radius:11px}
.bb-msg a{color:var(--navy);font-weight:700}
.prod-wa{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--soft);font-size:13.5px;font-weight:500;text-decoration:none}
.prod-wa:hover{color:var(--wa)}
.prod-wa svg{width:16px;height:16px}

/* ---------- Envío en el carrito ---------- */
.ship-box{margin:6px 0 10px;padding:15px;border:2px solid var(--line);border-radius:var(--r-m);background:var(--papel)}
.ship-box h4{margin:0 0 8px;font-family:'Fredoka',sans-serif;font-size:14px;color:var(--navy)}
.ship-cp{display:flex;gap:8px}
.ship-cp input{flex:1;font-family:'Inter';font-size:15px;border:2px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--navy)}
.ship-cp input:focus{outline:0;border-color:var(--orange)}
.ship-cp button{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:0 16px;font-family:'Fredoka',sans-serif;font-weight:600;cursor:pointer;font-size:14px}
.ship-opts{margin-top:10px;display:flex;flex-direction:column;gap:7px}
.ship-opt{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:11px;padding:10px 12px;cursor:pointer;font-size:13.5px}
.ship-opt.sel{border-color:var(--navy);background:var(--crema-2,#eef2f9)}
.ship-opt .so-main{flex:1}
.ship-opt .so-name{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--navy)}
.ship-opt .so-eta{font-size:12px;color:var(--muted)}
.ship-opt .so-price{font-family:'Fredoka',sans-serif;font-weight:700;color:var(--orange)}

/* ---------- Filtros catálogo ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px;align-items:center}
.filters select{font-family:'Fredoka',sans-serif;font-size:14px;font-weight:500;color:var(--navy);background:var(--papel);border:2px solid var(--line);border-radius:11px;padding:9px 12px}
.filters .count{font-size:13px;color:var(--muted);margin-left:auto;font-family:'Fredoka',sans-serif;font-weight:500}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.cat-chips a{font-family:'Fredoka',sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--navy);background:var(--papel);border:2px solid var(--line);padding:8px 15px;border-radius:99px}
.cat-chips a.on,.cat-chips a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- Producto ---------- */
.prod{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;padding:34px 0}
.gallery .main{background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);height:390px;display:flex;align-items:center;justify-content:center;font-size:110px;overflow:hidden;box-shadow:var(--sh-card)}
.gallery .main img{width:100%;height:100%;object-fit:cover}
.info h1{font-size:clamp(26px,3.4vw,32px);font-weight:700;letter-spacing:-.02em;margin:4px 0 4px}
.info .muted{color:var(--muted);font-size:14px;font-family:'Fredoka',sans-serif;font-weight:500}
.price-blk{margin:14px 0 6px}
.price-blk .now{font-family:'Fredoka',sans-serif;font-size:30px;font-weight:700}
.price-blk .desde{font-size:14px;color:var(--muted);font-weight:500}
.price-blk .cotiza{font-family:'Fredoka',sans-serif;font-size:22px;font-weight:600;color:var(--orange)}
.opt-line{font-size:14.5px;color:var(--soft);margin:5px 0}
.opt-line b{color:var(--navy);font-family:'Fredoka',sans-serif}
.trust-mini{display:grid;gap:10px;margin:18px 0;background:var(--papel);border:2px solid var(--line);border-radius:var(--r-m);padding:16px}
.trust-mini>div{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--soft)}
.trust-mini svg{width:17px;height:17px;flex:none;color:var(--orange);margin-top:1px}
.specs{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.specs td{padding:10px;border-bottom:1px solid var(--line)}
.specs td:first-child{color:var(--muted);width:42%;font-family:'Fredoka',sans-serif;font-weight:500}
.legal{font-size:12px;color:var(--muted);line-height:1.55;margin-top:18px;background:var(--papel);border:2px dashed var(--line);border-radius:var(--r-m);padding:13px 15px}

/* ---------- Banner ---------- */
.banner{background:var(--navy);border-radius:var(--r-l);border:2px solid var(--navy);padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px 0 20px;box-shadow:0 6px 0 var(--navy-2)}
.banner .t1{color:#fff;font-family:'Fredoka',sans-serif;font-size:17px;font-weight:600}
.banner .t2{color:#DCE6F7;font-size:14px;margin-top:2px;line-height:1.4}
.banner a{color:#fff;background:var(--orange);border:2px solid var(--orange);font-family:'Fredoka',sans-serif;font-size:14px;padding:11px 18px;border-radius:12px;text-decoration:none;white-space:nowrap;font-weight:600;box-shadow:0 4px 0 var(--orange-d);transition:.14s}
.banner a:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--orange-d)}

/* ---------- Prosa (compliance, cómo funciona) ---------- */
.prose{max-width:760px;padding-bottom:44px}
.prose h2{font-size:22px;font-weight:600;margin:30px 0 8px}
.prose h3{font-size:17px;font-weight:600;margin:22px 0 6px}
.prose p,.prose li{font-size:15px;line-height:1.65;color:var(--soft)}
.prose ul{padding-left:22px}
.prose .updated{font-size:12.5px;color:var(--muted)}
.callout{background:var(--papel);border:2px solid var(--line);border-left:5px solid var(--orange);border-radius:var(--r-m);padding:14px 18px;font-size:14.5px;color:var(--soft);line-height:1.6;margin:16px 0}
.id-box{background:var(--papel);border:2px solid var(--line);border-radius:var(--r-m);padding:18px 20px;font-size:14.5px;line-height:1.9;color:var(--soft)}
.id-box b{color:var(--navy);font-family:'Fredoka',sans-serif}

/* ---------- Formularios ---------- */
.form{max-width:640px;background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);padding:26px;margin-bottom:44px;box-shadow:var(--sh-card)}
.form label{display:block;font-family:'Fredoka',sans-serif;font-size:14px;font-weight:600;margin:16px 0 6px}
.form label:first-child{margin-top:0}
.form input,.form textarea,.form select{width:100%;font-family:'Inter';font-size:15px;color:var(--navy);background:var(--cream);border:2px solid var(--line);border-radius:11px;padding:11px 13px}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--orange)}
.form textarea{min-height:96px;resize:vertical}
.form .hint{font-size:12.5px;color:var(--muted);margin-top:4px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form button{margin-top:22px}

/* ---------- Footer (con papel picado) ---------- */
.site-footer{position:relative;background:var(--blue);color:#DCE6F7;margin-top:30px;border-top:3px solid var(--gold)}
.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:22px;background-repeat:repeat-x;background-size:300px 22px;opacity:.9;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FF2E84'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%2315C2C2'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFC233'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%236C3BF4'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%232EC971'/%3E%3C/svg%3E")}
.site-footer .foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:26px;padding:44px 0 26px}
.site-footer h4{color:#fff;font-family:'Fredoka',sans-serif;font-size:14px;margin:0 0 12px;font-weight:600}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:8px;font-size:14px}
.site-footer a{color:#DCE6F7;text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer .blurb{font-size:13.5px;line-height:1.6;margin:12px 0 0}
.site-footer .flogo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.site-footer .flogo-emblem{height:112px;width:112px;display:block}
.site-footer .flogo-mark{height:46px;width:46px;border-radius:50%;display:block}
.site-footer .flogo-word{position:relative;font-family:'Fredoka',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.8px;color:#fff;line-height:1;padding-bottom:7px}
.site-footer .copy{border-top:1px solid rgba(255,255,255,.13);padding:16px 0 22px;font-size:12.5px;line-height:1.6}

/* ---------- WhatsApp flotante ---------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:9px;background:var(--wa-d);color:#fff;text-decoration:none;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;padding:13px 19px 13px 15px;border-radius:99px;box-shadow:0 10px 26px rgba(0,0,0,.24)}
.wa-float svg{width:21px;height:21px}

/* ---------- CTA bar móvil (producto) ---------- */
.ctabar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--papel);border-top:2px solid var(--navy);padding:10px 14px}
.ctabar .inner{display:flex;align-items:center;gap:12px}
.ctabar .px{font-family:'Fredoka',sans-serif;font-size:18px;font-weight:700}

/* ---------- Reveal ---------- */
/* .reveal ya no oculta contenido (retrasaba el LCP y dejaba secciones en blanco sin JS). */
.reveal,.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.empty{background:var(--papel);border:2px dashed var(--line);border-radius:var(--r-m);padding:26px;text-align:center;color:var(--muted);font-size:14.5px}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .prod{grid-template-columns:1fr}
  .site-footer .foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .form .row{grid-template-columns:1fr}
  .ctabar{display:block}
  .wa-float .lbl{display:none}
  .wa-float{padding:14px}
  .hero{padding-top:36px}
}

/* =========================================================================
   CARRITO / modales / confirmación
   ========================================================================= */

.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;margin-top:24px}
@media(max-width:760px){.cart-layout{grid-template-columns:1fr}}
.cart-list{background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);padding:0;overflow:hidden;box-shadow:var(--sh-card)}
.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:start;padding:16px 18px;border-bottom:1px solid var(--line)}
.cart-item:last-child{border-bottom:none}
.cart-item .thumb{width:64px;height:64px;border-radius:11px;background:var(--softcream);border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}
.cart-item .thumb img{width:100%;height:100%;object-fit:cover}
.cart-item .info{min-width:0}
.cart-item .info .name{font-family:'Fredoka',sans-serif;font-weight:600;font-size:15px;color:var(--navy)}
.cart-item .info .custom{font-size:12px;color:var(--soft);margin-top:3px;line-height:1.4}
.cart-item .info .price{font-family:'Fredoka',sans-serif;font-size:14px;color:var(--orange);font-weight:600;margin-top:4px}
.cart-item .qty-ctrl{display:flex;align-items:center;gap:8px;margin-top:6px}
.cart-item .qty-ctrl button{background:var(--cream);border:2px solid var(--line);border-radius:8px;width:30px;height:30px;font-size:16px;cursor:pointer;font-family:'Fredoka',sans-serif;font-weight:700;color:var(--navy)}
.cart-item .qty-ctrl button:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.cart-item .qty-ctrl .n{font-family:'Fredoka',sans-serif;font-weight:700;font-size:15px;min-width:20px;text-align:center}
.cart-item .remove{background:none;border:none;cursor:pointer;color:#aaa;font-size:18px;padding:4px;line-height:1;align-self:flex-start}
.cart-item .remove:hover{color:#C0392B}
.cart-empty{text-align:center;padding:48px 24px;color:var(--soft)}
.cart-empty .ic{font-size:48px;margin-bottom:12px}
.cart-empty p{margin-bottom:20px}
.cart-summary{background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);padding:22px;box-shadow:var(--sh-card);position:sticky;top:88px}
.cart-summary h3{font-family:'Fredoka',sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:14px}
.summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;color:var(--soft)}
.summary-row.total{font-family:'Fredoka',sans-serif;font-size:17px;font-weight:700;color:var(--navy);border-top:1px solid var(--line);padding-top:10px;margin-top:6px}
.summary-row .val{font-weight:600}
.btn-checkout{display:block;width:100%;background:var(--navy);color:#fff;border:2px solid var(--navy);border-radius:13px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;font-family:'Fredoka',sans-serif;margin-top:14px;box-shadow:0 5px 0 var(--navy-2);transition:.14s}
.btn-checkout:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--navy-2);background:var(--orange);border-color:var(--orange)}
.btn-checkout:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
.btn-wa-alt{display:block;text-align:center;color:var(--soft);font-size:13px;margin-top:10px;text-decoration:none}
.btn-wa-alt:hover{color:var(--orange)}
.customer-form{background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);padding:22px;box-shadow:var(--sh-card);margin-bottom:20px}
.customer-form h3{font-family:'Fredoka',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px}
.cf-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.cf-field label{font-family:'Fredoka',sans-serif;font-size:12px;font-weight:600;color:var(--soft)}
.cf-field input{border:2px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;font-family:'Inter';color:var(--navy)}
.cf-field input:focus{outline:none;border-color:var(--orange)}

.custom-modal-bg{display:none;position:fixed;inset:0;background:rgba(10,44,81,.55);z-index:200;align-items:flex-end;justify-content:center}
.custom-modal-bg.open{display:flex}
@media(min-width:600px){.custom-modal-bg{align-items:center}}
.custom-modal{background:var(--papel);border:2px solid var(--navy);border-radius:20px 20px 0 0;width:100%;max-width:520px;padding:24px;max-height:90vh;overflow-y:auto}
@media(min-width:600px){.custom-modal{border-radius:var(--r-l)}}
.custom-modal h3{font-family:'Fredoka',sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:16px}
.custom-modal .close-btn{float:right;background:none;border:none;font-size:22px;cursor:pointer;color:var(--soft);margin-top:-4px}
.cm-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.cm-field label{font-family:'Fredoka',sans-serif;font-size:13px;font-weight:600;color:var(--soft)}
.cm-field input,.cm-field select,.cm-field textarea{border:2px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;font-family:'Inter';color:var(--navy)}
.cm-field input:focus,.cm-field select:focus,.cm-field textarea:focus{outline:none;border-color:var(--orange)}
.cm-field textarea{resize:vertical;min-height:60px}
.color-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.color-opt{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}
.color-opt input[type=radio]{display:none}
.color-opt .swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 2px var(--line);transition:.15s}
.color-opt input:checked + .swatch{border-color:var(--papel);box-shadow:0 0 0 3px var(--navy)}
.color-opt .clbl{font-size:10px;color:var(--soft);text-align:center;max-width:40px;line-height:1.2}
.cm-actions{display:flex;gap:10px;margin-top:20px}
.cm-btn{flex:1;border:2px solid transparent;border-radius:12px;padding:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Fredoka',sans-serif;transition:.14s}
.cm-btn-primary{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 4px 0 var(--navy-2)}
.cm-btn-primary:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--navy-2)}
.cm-btn-ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}

.confirm-wrap{max-width:540px;margin:60px auto;padding:0 22px}
.confirm-card{background:var(--papel);border:2px solid var(--navy);border-radius:var(--r-l);padding:36px;box-shadow:var(--sh-card);text-align:center}
.confirm-icon{font-size:56px;margin-bottom:14px}
.confirm-card h1{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:8px}
.confirm-card .sub{color:var(--soft);font-size:15px;margin-bottom:24px}
.confirm-items{text-align:left;background:var(--cream);border:2px solid var(--line);border-radius:var(--r-m);padding:14px;margin-bottom:20px}
.confirm-items h4{font-family:'Fredoka',sans-serif;font-size:13px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.confirm-item{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.confirm-item .cn{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--navy)}
.confirm-item .cp{color:var(--orange);font-weight:600}
.confirm-total{display:flex;justify-content:space-between;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}

/* ---------- Quick wins 2026-09 ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cotiza{color:var(--orange-t,#B04F0C);font-weight:600}
.skel .ph,.skel-box{background:linear-gradient(90deg,#efe6d4 0,#f7f0e1 50%,#efe6d4 100%);background-size:200% 100%;animation:pt-sh 1.2s infinite}
.skel-box{aspect-ratio:1/1;border-radius:var(--r-l)}
.skel .l{height:12px;border-radius:6px;background:#efe6d4;margin:8px 0}
@keyframes pt-sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel .ph,.skel-box{animation:none}}
[hidden]{display:none!important}

/* =========================================================================
   v5 · Componentes del rediseño (header, chips, cajón, tarjetas, ficha, toast)
   Estética sticker, un poco más ligera en listas densas. Objetivos táctiles ≥ 44px.
   ========================================================================= */
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;font:600 15px 'Fredoka',sans-serif;text-decoration:none}
.skip:focus{top:10px}
main:focus{outline:0}
body.no-scroll{overflow:hidden}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,240,225,.96);background:color-mix(in srgb,var(--cream) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}
.hdr-row{display:flex;align-items:center;gap:12px;padding-top:9px;padding-bottom:9px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;min-height:48px}
.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--papel);border:2px solid var(--line);border-radius:99px;padding:0 14px;max-width:420px;min-height:44px;color:var(--muted)}
.search:focus-within{border-color:var(--navy)}
.search input{border:0;background:transparent;font:500 15px Inter,sans-serif;color:var(--navy);flex:1;min-width:0;height:40px;outline:0}
.hdr-links{display:flex;gap:18px;margin-left:auto}
.hdr-links a{font:600 14.5px 'Fredoka',sans-serif;color:var(--navy);text-decoration:none;white-space:nowrap;padding:12px 0}
.hdr-links a:hover,.hdr-links a[aria-current=page]{color:var(--orange-t);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.hdr-act{display:flex;gap:8px;align-items:center;margin-left:8px}
.ibtn{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--navy);background:var(--papel);display:inline-grid;place-items:center;cursor:pointer;color:var(--navy);text-decoration:none;flex:none;padding:0}
.ibtn:hover{background:var(--softcream)}
.ibtn.on{background:var(--navy);color:#fff}
.ibtn .bdg{position:absolute;top:-6px;right:-6px;background:var(--orange);color:#fff;font:700 11px 'Fredoka',sans-serif;min-width:21px;height:21px;border-radius:99px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--papel)}
.nav-toggle{display:none}
.chipsrow{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chipsrow::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:7px;font:600 13.5px 'Fredoka',sans-serif;color:var(--navy);background:var(--papel);border:2px solid var(--line);border-radius:99px;padding:0 15px;min-height:44px;text-decoration:none;cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--navy)}
.chip[aria-pressed=true],.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
@media (max-width:980px){.hdr-links{display:none}.nav-toggle{display:inline-grid}}
@media (max-width:640px){
  .hdr-row{flex-wrap:wrap;gap:8px}
  .logo{order:1;margin-right:auto}.nav-toggle{order:0}.hdr-act{order:2;margin-left:0}
  .search{order:3;flex-basis:100%;max-width:none}
  .logo-text b{font-size:20px}
}

/* Cajón de menú */
.drawer{position:fixed;inset:0;z-index:120;background:rgba(8,31,71,.45)}
.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--cream);padding:16px;overflow-y:auto;box-shadow:6px 0 0 var(--navy)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:700 18px 'Fredoka',sans-serif}
.drawer nav{display:flex;flex-direction:column;margin-bottom:16px}
.drawer nav a{font:600 17px 'Fredoka',sans-serif;color:var(--navy);text-decoration:none;padding:12px 6px;border-bottom:1px solid var(--line);min-height:48px}
.drawer nav a[aria-current=page]{color:var(--orange-t)}

/* Aviso de temporada */
.theme-banner{background:var(--theme-banner-bg,var(--navy));color:var(--theme-banner-fg,#fff)}
.tb-in{display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px}
.tb-in p{margin:0;flex:1;font:600 14px 'Fredoka',sans-serif}
.tb-in a{color:inherit;text-decoration:underline}
.tb-x{background:none;border:0;color:inherit;font-size:24px;width:44px;height:44px;cursor:pointer}

/* Botones compactos del rediseño */
.btn{min-height:48px}
.btn-sm{padding:0 14px;min-height:44px;font-size:14px;border-radius:11px}
.btn-p{background:var(--orange);color:#fff;border:2px solid var(--orange);box-shadow:0 4px 0 var(--orange-d)}
.btn-n{background:var(--navy);color:#fff;border:2px solid var(--navy);box-shadow:0 4px 0 var(--navy-2)}
.btn-g{background:var(--papel);color:var(--navy);border:2px solid var(--navy);box-shadow:0 3px 0 var(--navy)}
.btn-p:hover,.btn-n:hover,.btn-g:hover{transform:translateY(2px);box-shadow:none}
.btn.added{background:var(--ok);border-color:var(--ok);box-shadow:none}

/* Grid + tarjetas */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.card{position:relative;background:var(--papel);border:2px solid var(--navy);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 0 var(--navy);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--navy)}
@media (prefers-reduced-motion:reduce){.card,.card:hover{transition:none;transform:none}}
.card .ph{aspect-ratio:1/1;display:grid;place-items:center;border-bottom:2px solid var(--navy);text-decoration:none;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .emoji{font-size:clamp(40px,8vw,60px)}
.card .badge{position:absolute;top:9px;left:9px;background:var(--navy);color:#fff;font:600 11px 'Fredoka',sans-serif;padding:4px 9px;border-radius:99px}
.card .fav{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;border:2px solid var(--navy);background:var(--papel);display:grid;place-items:center;cursor:pointer;color:#8E7B88;padding:0}
.card .fav svg{width:18px;height:18px}
.card .fav[aria-pressed=true]{color:var(--rosa)}
.card .b{padding:11px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.card .n{font:600 15.5px 'Fredoka',sans-serif;line-height:1.2;color:var(--navy);text-decoration:none}
.card .n:hover{text-decoration:underline}
.card .meta{font-size:12px;color:var(--muted)}
.sw{display:flex;gap:5px}.sw i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px var(--line)}
.card .f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}
.px{font:700 17px 'Fredoka',sans-serif;color:var(--navy)}.px small{font:500 11.5px Inter,sans-serif;color:var(--muted);margin-right:3px}
.px.q{font-size:14px;color:var(--orange-t)}
.skel .ph{border-bottom:2px solid var(--line)}
.skel{border-color:var(--line);box-shadow:none}

/* Catálogo */
.cat-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 18px}
.cat-tools .search{max-width:360px}
.cat-tools select{font:600 14px 'Fredoka',sans-serif;color:var(--navy);background:var(--papel);border:2px solid var(--line);border-radius:11px;padding:0 12px;min-height:44px}
.cat-tools .count{margin-left:auto;font:500 13px 'Fredoka',sans-serif;color:var(--muted)}
.chips-wrap{display:flex;gap:8px;flex-wrap:wrap}

/* Ficha de producto */
.crumbs{font-size:13.5px;padding-top:18px}.crumbs a{font-weight:600;text-decoration:none}
.prod .gallery .main{height:auto;aspect-ratio:1/1}
.opt-group{border:0;padding:0;margin:14px 0}
.opt-group legend{font:600 14px 'Fredoka',sans-serif;margin-bottom:8px;padding:0}
.opt-chips{display:flex;flex-wrap:wrap;gap:8px}
.opt-chip{position:relative}
.opt-chip input{position:absolute;opacity:0;width:1px;height:1px}
.opt-chip span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border:2px solid var(--line);border-radius:99px;background:var(--papel);font:600 13.5px 'Fredoka',sans-serif;cursor:pointer}
.opt-chip i{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1.5px var(--line)}
.opt-chip input:checked+span{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset}
.opt-chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.stepper{display:inline-flex;align-items:center;border:2px solid var(--navy);border-radius:12px;background:var(--papel)}
.stepper button{width:44px;height:44px;border:0;background:none;font:700 22px 'Fredoka',sans-serif;color:var(--navy);cursor:pointer;border-radius:10px}
.stepper button:hover{background:var(--softcream)}
.stepper output,.stepper span{min-width:34px;text-align:center;font:700 17px 'Fredoka',sans-serif}
.buy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.buy-row .btn{flex:1;min-width:190px}
.eta{font-size:13.5px;color:var(--soft);margin-top:10px}
.specs th{padding:10px;border-bottom:1px solid var(--line);text-align:left;color:var(--muted);width:42%;font:500 14px 'Fredoka',sans-serif}
.h3{font-size:18px;margin:22px 0 6px}
@media (max-width:640px){ .ctabar{display:block} body.has-ctabar{padding-bottom:76px} }

/* Toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font:600 14.5px 'Fredoka',sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:130;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 32px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast a{color:var(--gold);font-weight:700}
body.has-ctabar .toast{bottom:92px}
@media (prefers-reduced-motion:reduce){.toast{transition:none}}

.site-footer .fh{color:#fff;font:600 14px 'Fredoka',sans-serif;margin:0 0 12px}
.wa-float{min-height:48px}
.empty p{margin:6px 0}
@media (max-width:640px){
  .chips-wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 4px}
  .chips-wrap::-webkit-scrollbar{display:none}
  .cat-tools .search{order:-1;flex-basis:100%;max-width:none}
  .cat-tools select{flex:1;min-width:0}
  .cat-tools .count{flex-basis:100%;margin-left:0}
}

/* Carrito v5 */
.cart-list{list-style:none;margin:0 0 18px;padding:0}
.cart-item{grid-template-columns:72px 1fr auto}
.cart-item .thumb{width:72px;height:72px}
.cart-item .stepper{margin-top:8px}
.cart-item .price{color:var(--orange-t)}
.line-total{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:'Fredoka',sans-serif}
.cart-item .remove{font:600 13px 'Fredoka',sans-serif;color:var(--muted);text-decoration:underline;min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer}
.cart-item .remove:hover{color:var(--err)}
.ship-cp input{min-height:44px}
.ship-opt{min-height:52px}
.ship-opt input{width:20px;height:20px;accent-color:var(--navy)}
.ship-opt .so-price{color:var(--orange-t)}
.hint{font-size:13px;color:var(--muted);margin:8px 0 0}
.field-err{color:var(--err);font-weight:600;font-size:14px;margin:10px 0 0}
.pay-trust{list-style:none;padding:0;margin:14px 0 0;font-size:13px;color:var(--soft);display:grid;gap:6px}
.pay-trust li{padding-left:20px;position:relative}
.pay-trust li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.cart-empty-box{text-align:center;padding:30px 16px 50px}
.cart-empty-box h2{font-size:24px;margin:10px 0 6px}
.cart-empty-box p{color:var(--soft)}
.cart-empty-box img{height:auto}
@media (max-width:760px){.cart-summary{position:static}}

/* Confirmación v5 */
.timeline{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;text-align:left}
.timeline li{display:flex;gap:10px;align-items:center;font:600 14.5px 'Fredoka',sans-serif;color:var(--muted)}
.timeline li i{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}
.timeline li.done{color:var(--navy)}.timeline li.done i{background:var(--ok);border-color:var(--ok);color:#fff}
.timeline li.now{color:var(--navy)}.timeline li.now i{border-color:var(--orange);color:var(--orange-t)}
.oxxo-box{background:#FFF6DA;border:2px solid var(--gold);border-radius:var(--r-m);padding:14px 16px;text-align:left;margin:14px 0}

/* Vinil y stickers (plotter de corte): servicio aparte, se distingue de las categorías 3D */
.chip-vinil{border-style:dashed;border-color:var(--navy);background:#E4F6F6}
.vinil-card{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#E4F6F6;border:2px dashed var(--navy);border-radius:var(--r-l);padding:20px 22px}
.vinil-card h2{margin:6px 0 4px}
.vinil-card p{margin:0;color:var(--soft);max-width:620px;line-height:1.55}
.vtag-h{font:600 13px 'Fredoka',sans-serif;color:var(--navy)}
.chip-sep{flex:none;width:2px;align-self:stretch;margin:6px 2px;background:var(--line);border-radius:2px}

/* =========================================================================
   v6 · Rediseño 2026-10 "Taller a todo color" (branch redesign/v2)
   Tokens en 3 capas: primitivos (arriba, :root) → semánticos → componentes.
   Misma marca: azul rey, navy, naranja, oro, crema; Fredoka + Inter; Capatío.
   Regla de jerarquía: la sombra sólida "sticker" queda SOLO para botones
   principales y la pieza destacada; el resto usa borde fino y sombra suave.
   ========================================================================= */
:root{
  /* Primitivos nuevos */
  --cream-2:#EFE4CC; --papel-2:#FFF8EA; --blue-50:#E8F0FB; --orange-50:#FDEBDD; --gold-50:#FFF4D1;
  /* Semánticos */
  --c-bg:var(--cream); --c-surface:var(--papel); --c-surface-2:var(--papel-2); --c-sunk:var(--cream-2);
  --c-text:var(--navy); --c-text-2:var(--soft); --c-text-3:var(--muted);
  --c-brand:var(--blue); --c-accent:var(--orange); --c-accent-text:var(--orange-t);
  --c-border:var(--line); --c-border-strong:var(--navy);
  /* Tipografía: escala fluida 360 → 1440 px */
  --ff-display:'Fredoka',system-ui,sans-serif; --ff-text:'Inter',-apple-system,system-ui,sans-serif;
  --fs-xs:12.5px; --fs-sm:14px; --fs-md:16px; --fs-lg:clamp(17px,1.2vw + 12px,19px);
  --fs-h3:clamp(18px,.6vw + 15px,21px); --fs-h2:clamp(26px,1.6vw + 19px,38px); --fs-h1:clamp(34px,3.4vw + 20px,62px);
  --lh-tight:1.04; --lh-snug:1.22; --lh-body:1.6;
  /* Espacio: base 4 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --sec:clamp(48px,6vw,96px);
  /* Forma y profundidad */
  --r-xl:28px; --bw:2px;
  --sh-soft:0 1px 2px rgba(13,47,102,.06),0 10px 28px -12px rgba(13,47,102,.22);
  --sh-lift:0 2px 4px rgba(13,47,102,.06),0 18px 40px -16px rgba(13,47,102,.32);
  --sh-sticker:0 5px 0 var(--navy);
  /* Movimiento */
  --dur-1:140ms; --dur-2:240ms; --ease-out:cubic-bezier(.2,.7,.2,1);
  /* Componentes */
  --card-r:20px; --card-bd:1.5px solid var(--c-border); --btn-h:48px;
}

/* Base: fondo liso (la talavera vive solo en el hero) */
body{background-image:none;font-size:var(--fs-md);line-height:1.5}
.wrap{max-width:1200px;padding:0 max(16px,env(safe-area-inset-left))}
@media (min-width:720px){.wrap{padding:0 24px}}
.v6 h1,.v6 h2,.v6 h3{color:var(--c-text);text-wrap:balance}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--ff-display);letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent-text)}
.eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:currentColor}
.h2{font:700 var(--fs-h2)/1.08 var(--ff-display);letter-spacing:-.025em;margin:10px 0 8px}
.lead{font-size:var(--fs-lg);line-height:1.55;color:var(--c-text-2);max-width:60ch;margin:0}
.sec{padding:var(--sec) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:var(--s-5)}
.sec-head .lead{font-size:var(--fs-md)}
.link-arrow{font:600 15px var(--ff-display);color:var(--c-accent-text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.link-arrow:hover{text-decoration:underline;text-underline-offset:5px}
.link-arrow svg{width:16px;height:16px;transition:transform var(--dur-1) var(--ease-out)}
.link-arrow:hover svg{transform:translateX(3px)}
.ic{width:22px;height:22px;flex:none}

/* Botones: un poco más sobrios, mismas clases */
.btn{min-height:var(--btn-h);border-radius:14px;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1)}
.btn:active{transform:translateY(3px);box-shadow:none}
.btn-lg{min-height:56px;padding:0 28px;font-size:17px}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){.btn,.link-arrow svg{transition:none}}

/* ---------- Header más ligero ---------- */
.site-header{border-bottom:1px solid var(--c-border)}
.chip{min-height:40px;border-width:1.5px}
@media (max-width:640px){
  .chip{min-height:44px}
  .site-header .search{min-height:44px}
}

/* ---------- Hero ---------- */
.h6{position:relative;overflow:hidden;border-bottom:1px solid var(--c-border);
  background-color:var(--c-bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%230D3A6A' stroke-width='1' opacity='.06'%3E%3Cpath d='M24 4 L44 24 L24 44 L4 24 Z'/%3E%3Ccircle cx='24' cy='24' r='6.5'/%3E%3C/g%3E%3C/svg%3E")}
.h6-in{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--s-6);align-items:center;padding-top:clamp(28px,5vw,72px);padding-bottom:clamp(36px,5vw,80px)}
.h6 h1{font:700 var(--fs-h1)/var(--lh-tight) var(--ff-display);letter-spacing:-.035em;margin:14px 0 18px;max-width:14ch}
.h6 h1 em{font-style:normal;color:var(--c-accent-text);background:linear-gradient(transparent 68%,var(--gold-soft) 68%,var(--gold-soft) 92%,transparent 92%)}
.h6 .lead{margin-bottom:var(--s-5)}
.h6 .cta{display:flex;gap:12px;flex-wrap:wrap}
.h6-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin:var(--s-5) 0 0;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--c-text-2)}
.h6-proof li{display:flex;align-items:center;gap:7px}
.h6-proof svg{width:18px;height:18px;color:var(--ok)}
/* Escena: cama de impresión con capas, Capatío y una placa flotando */
.h6-art{position:relative;display:grid;place-items:center;min-height:380px}
.bed{position:absolute;left:50%;bottom:6%;width:min(440px,92%);aspect-ratio:1/.28;transform:translateX(-50%);border-radius:50%;
  background:repeating-linear-gradient(0deg,rgba(13,47,102,.10) 0 2px,transparent 2px 7px),radial-gradient(closest-side,var(--blue-50),#D6E3F7);
  border:2px solid var(--navy);box-shadow:0 10px 0 var(--navy-2)}
.h6-art [data-capatio]{position:relative;z-index:1;margin-bottom:9%}
.h6-art [data-capatio] img{width:clamp(220px,26vw,330px);height:auto;filter:drop-shadow(0 16px 18px rgba(13,47,102,.22))}
.float-tag{position:absolute;z-index:2;background:var(--c-surface);border:var(--bw) solid var(--navy);border-radius:16px;box-shadow:var(--sh-sticker);padding:10px 14px;display:flex;align-items:center;gap:10px;font:600 14px var(--ff-display)}
.float-tag small{display:block;font:500 12px var(--ff-text);color:var(--c-text-3)}
.float-tag.t1{left:0;top:14%;transform:rotate(-4deg)}
.float-tag.t2{right:0;bottom:30%;transform:rotate(3deg)}
.mini-tag{min-width:52px;padding:0 7px 0 14px;height:28px;border-radius:14px;background:var(--rosa);color:#fff;display:grid;place-items:center;font:700 12px var(--ff-display);position:relative}
.mini-tag::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--c-surface);transform:translateY(-50%)}
.px-pill{background:var(--gold);color:var(--navy);border-radius:10px;padding:6px 9px;font:700 15px var(--ff-display)}
@media (prefers-reduced-motion:no-preference){
  .float-tag.t1{animation:pt-bob 5s ease-in-out infinite}
  .float-tag.t2{animation:pt-bob 6s ease-in-out -2s infinite}
}
@keyframes pt-bob{50%{translate:0 -8px}}
@media (max-width:860px){
  .h6-in{grid-template-columns:1fr;gap:var(--s-4)}
  .h6 h1{max-width:none}
  .h6-art{min-height:280px}
  .h6-art [data-capatio] img{width:200px}
  .float-tag.t1{left:2%;top:8%}
  .float-tag.t2{right:2%;bottom:26%}
}
@media (max-width:640px){
  .h6 .cta .btn{flex:1 1 100%}
  .h6-art{min-height:240px}
  .h6-art [data-capatio] img{width:160px}
  .float-tag{padding:8px 10px;font-size:13px}
}

/* ---------- Tres caminos ---------- */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:calc(var(--s-7) * -1);position:relative;z-index:2}
.path{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);padding:22px 22px 20px;text-decoration:none;color:var(--c-text);box-shadow:var(--sh-soft);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2)}
.path:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);border-color:var(--navy)}
.path:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.path .pi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px}
.path .pi svg{width:26px;height:26px}
.path h3{font:600 var(--fs-h3)/1.2 var(--ff-display);margin:0}
.path p{margin:0;color:var(--c-text-2);font-size:var(--fs-sm);line-height:1.5}
.path .pf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px}
.path .anchor{font:600 14px var(--ff-display);color:var(--c-text-3)}
.path .anchor b{font-size:20px;color:var(--c-text)}
.path .go{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;flex:none}
.path .go svg{width:18px;height:18px}
.path.feat{border:var(--bw) solid var(--navy);box-shadow:var(--sh-sticker)}
.path.feat .go{background:var(--orange)}
@media (prefers-reduced-motion:reduce){.path{transition:none}.path:hover{transform:none}}
@media (max-width:860px){.paths{grid-template-columns:1fr;margin-top:var(--s-5)}.path{padding:18px}}

/* ---------- Promesas (verificadas) ---------- */
.promises{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);margin-top:var(--s-6);overflow:hidden}
.promise{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-left:1px solid var(--c-border)}
.promise:first-child{border-left:0}
.promise svg{width:26px;height:26px;color:var(--c-accent-text);flex:none;margin-top:1px}
.promise b{display:block;font:600 15px/1.25 var(--ff-display)}
.promise .pd{display:block;font-size:13px;color:var(--c-text-3);margin-top:3px;line-height:1.4}
.promise a{color:inherit}
@media (max-width:980px){.promises{grid-template-columns:1fr 1fr}.promise:nth-child(3){border-left:0}.promise:nth-child(n+3){border-top:1px solid var(--c-border)}}
@media (max-width:480px){.promises{grid-template-columns:1fr}.promise{border-left:0}.promise+.promise{border-top:1px solid var(--c-border)}}

/* ---------- Tarjetas de producto v6 ---------- */
.grid{gap:var(--s-4)}
.card{border:var(--card-bd);border-radius:var(--card-r);box-shadow:var(--sh-soft);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2)}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);border-color:var(--navy)}
.card .ph{border-bottom:1px solid var(--c-border);aspect-ratio:1/1;
  background-image:repeating-linear-gradient(0deg,rgba(13,47,102,.045) 0 1px,transparent 1px 6px)!important}
.card .ph img{transition:transform .5s var(--ease-out)}
.card:hover .ph img{transform:scale(1.04)}
.card .badge{background:var(--c-surface);color:var(--navy);border:1.5px solid var(--navy)}
.card .fav{border-width:1.5px;border-color:var(--c-border);box-shadow:var(--sh-soft)}
.card .n{font-size:16px}
.card .b{padding:12px 14px 14px;gap:6px}
.px{font-size:19px}
@media (prefers-reduced-motion:reduce){.card .ph img{transition:none}.card:hover .ph img{transform:none}}
@media (max-width:720px){.grid{gap:10px}.card .b{padding:10px 11px 12px}.card .n{font-size:15px}.card .f .btn{flex:1 1 100%}}

/* ---------- Placa de mascota (sección de portada) ---------- */
.tagsec{background:var(--navy);color:#fff;border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;position:relative}
.tagsec .copy{padding:clamp(28px,4vw,56px)}
.tagsec .eyebrow{color:var(--gold)}
.tagsec h2{color:#fff}
.tagsec .lead{color:#D5E0F2}
.tagsec label{display:block;font:600 14px var(--ff-display);margin:22px 0 8px;color:#fff}
.tag-in{display:flex;gap:10px;flex-wrap:wrap}
.tag-in input{flex:1 1 200px;min-height:52px;border-radius:14px;border:2px solid transparent;background:#fff;color:var(--navy);font:600 18px var(--ff-display);padding:0 16px}
.tag-in input:focus{outline:3px solid var(--gold);outline-offset:2px}
.tag-sw{display:flex;gap:10px;margin:16px 0 0;padding:0;border:0}
.tag-sw legend{font:600 14px var(--ff-display);margin-bottom:8px;padding:0}
.tag-sw label{margin:0;position:relative}
.tag-sw input{position:absolute;opacity:0;width:1px;height:1px}
.tag-sw span{display:block;width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.25);cursor:pointer}
.tag-sw input:checked+span{border-color:#fff;box-shadow:0 0 0 3px var(--gold)}
.tag-sw input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}
.tagsec .note{font-size:13px;color:#B9C8E2;margin:16px 0 0}
.tag-stage{position:relative;display:grid;place-items:center;padding:32px;
  background:radial-gradient(closest-side,#173F82,transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 8px)}
.tag-stage svg{width:min(380px,100%);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.tag-stage .tag-name{font-family:var(--ff-display);font-weight:700}
.tag-stage .cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:13px;color:#B9C8E2}
@media (max-width:860px){.tagsec{grid-template-columns:1fr}.tag-stage{order:-1;padding:28px 16px 40px}}

/* ---------- Proceso ---------- */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);list-style:none;margin:0;padding:0;counter-reset:st}
.process li{position:relative;background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);padding:22px 20px 20px;counter-increment:st}
.process li::before{content:counter(st);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--gold);color:var(--navy);font:700 18px var(--ff-display);margin-bottom:14px}
.process li:nth-child(2)::before{background:var(--teal)}
.process li:nth-child(3)::before{background:var(--rosa);color:#fff}
.process li:nth-child(4)::before{background:var(--green)}
.process h3{font:600 17px/1.25 var(--ff-display);margin:0 0 6px}
.process p{margin:0;font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.5}
@media (max-width:980px){.process{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.process{grid-template-columns:1fr}.process li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:16px}.process li::before{margin:0;grid-row:span 2}}

/* ---------- Más servicios ---------- */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}
.svc-card{display:flex;flex-direction:column;gap:8px;border-radius:var(--card-r);padding:24px;border:var(--card-bd);background:var(--c-surface);color:var(--c-text);text-decoration:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}
.svc-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}
.svc-card h3{font:600 var(--fs-h3)/1.2 var(--ff-display);margin:4px 0 0}
.svc-card p{margin:0;color:var(--c-text-2);font-size:var(--fs-sm);line-height:1.55}
.svc-card .link-arrow{margin-top:auto}
.svc-card .tagl{font:600 12px var(--ff-display);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-3)}
.svc-card.vinil{background:#E4F6F6}
.svc-card.may{background:var(--gold-50)}
.svc-card.esp{background:var(--blue-50)}
@media (prefers-reduced-motion:reduce){.svc-card{transition:none}.svc-card:hover{transform:none}}
@media (max-width:860px){.svc{grid-template-columns:1fr}}

/* ---------- Banda final con Capatío ---------- */
.idea-band{display:flex;align-items:center;gap:var(--s-5);background:var(--orange-50);border:var(--bw) solid var(--navy);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px);box-shadow:var(--sh-sticker)}
.idea-band img{width:120px;height:auto;flex:none}
.idea-band h2{margin:0 0 6px}
.idea-band .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media (max-width:640px){.idea-band{flex-direction:column;align-items:flex-start;text-align:left}.idea-band img{width:96px}.idea-band .cta .btn{flex:1 1 100%}}

/* ---------- Footer: un poco más de aire ---------- */
.site-footer{margin-top:var(--sec)}

/* ---------- Ficha de producto (render del servidor) ---------- */
.prod .gallery .main{border-width:1.5px;border-color:var(--c-border);box-shadow:var(--sh-soft);border-radius:var(--r-xl)}
.trust-mini{border-width:1.5px}
.legal{border-width:1.5px}

/* ---------- Cotizador v6 ---------- */
.q6-head{padding:clamp(28px,4vw,52px) 0 0;display:grid;grid-template-columns:1fr auto;gap:var(--s-5);align-items:end}
.q6-head h1{font:700 clamp(32px,3vw + 16px,50px)/1.05 var(--ff-display);letter-spacing:-.03em;margin:12px 0 10px}
.q6-head .steps-mini{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.q6-head .steps-mini li{font:600 13px var(--ff-display);color:var(--c-text-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:99px;padding:8px 12px;white-space:nowrap}
.q6-head .steps-mini li.on{background:var(--navy);border-color:var(--navy);color:#fff}
@media (max-width:860px){.q6-head{grid-template-columns:1fr}.q6-head .steps-mini{overflow-x:auto;scrollbar-width:none}}
.qstep{display:flex;align-items:center;gap:10px;font:600 17px var(--ff-display);margin:0 0 12px}
.qstep i{font-style:normal;width:30px;height:30px;border-radius:10px;background:var(--gold);display:grid;place-items:center;font-size:15px}
.qcard{background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);padding:clamp(16px,2vw,24px);margin-bottom:var(--s-4)}
.qmsg{margin-top:12px;font:500 14px/1.5 var(--ff-text);padding:12px 14px;border-radius:12px}
.qmsg.ok{background:#E4F7EC;color:#11663A}
.qmsg.ok .btn{margin-top:10px;width:100%}
.qmsg.bad{background:#FEE2E2;color:#8F1D1D}
.qbar{display:none}
@media (max-width:860px){
  .qbar.on{display:flex}
  .qbar{position:fixed;left:0;right:0;bottom:0;z-index:55;align-items:center;gap:12px;background:var(--c-surface);border-top:1.5px solid var(--navy);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .qbar .qb-px{font:700 22px var(--ff-display);line-height:1}
  .qbar small{display:block;font:500 12px var(--ff-text);color:var(--c-text-3)}
  .qbar .btn{margin-left:auto}
  body.has-qbar{padding-bottom:80px}
  body.has-qbar .wa-float{display:none}
}

/* =========================================================================
   v7 · Rediseño 2026-10 "Capa por capa" (branch redesign/v3-motion)
   Misma marca y tokens de v6. Lo nuevo: el hero es un bucle HyperFrames de la impresora,
   tres personalizados con su propio bucle, franja de temporada y movimiento al hacer scroll.
   Regla: sin JS o con "reducir movimiento" todo se ve completo y quieto (los estados ocultos
   viven solo bajo html.mo, que pone assets/motion.js).
   ========================================================================= */
/* Hero */
.h7 h1{max-width:15ch}
.h7-art{position:relative;margin:0;display:grid;justify-items:center;gap:14px}
.print-win{position:relative;width:min(100%,460px);aspect-ratio:1;border-radius:var(--r-xl);border:var(--bw) solid var(--navy);
  box-shadow:0 8px 0 var(--navy);overflow:hidden;background:var(--cream)}
.print-win video,.pz-media video{display:block;width:100%;height:100%;object-fit:cover}
.h7-art [data-capatio]{position:absolute;left:max(0px,calc(50% - 290px));bottom:30px;z-index:2;pointer-events:none}
.h7-art [data-capatio] img{width:clamp(92px,11vw,150px);height:auto;filter:drop-shadow(0 10px 12px rgba(13,47,102,.25))}
.h7-art figcaption{font:500 var(--fs-sm)/1.4 var(--ff-text);color:var(--c-text-3);text-align:center}
@media (max-width:860px){.print-win{width:min(100%,380px)}.h7-art [data-capatio]{left:0;bottom:34px}}
/* Botón para pausar cada bucle (WCAG 2.2.2) */
[data-loop-box]{position:relative}
.loop-btn{position:absolute;right:10px;bottom:10px;z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:rgba(255,253,247,.92);border:1.5px solid var(--navy);color:var(--navy);opacity:.8;transition:opacity var(--dur-1)}
.loop-btn:hover,.loop-btn:focus-visible{opacity:1}
.loop-btn svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* Franja de temporada (config.temporadas) */
.season{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}
.season-in{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}
.season svg{width:46px;height:46px;flex:none}
.season p{margin:0;flex:1;display:flex;flex-direction:column;gap:2px}
.season p b{font:600 18px/1.25 var(--ff-display)}
.season p span{font-size:var(--fs-sm);color:#DCE6F7}
.season .btn{flex:none;white-space:nowrap}
@media (max-width:640px){.season-in{flex-wrap:wrap}.season p{flex:1 1 calc(100% - 62px)}.season .btn{flex:1 1 100%}}

/* Personalizados */
.pz-sec{padding-bottom:var(--s-7)}
.pz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
.pz{display:flex;flex-direction:column;background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);overflow:hidden;box-shadow:var(--sh-soft)}
.pz-media{aspect-ratio:1;background:var(--pz-bg,var(--cream));border-bottom:var(--card-bd)}
.pz-tag{position:absolute;left:12px;top:12px;z-index:2;background:var(--navy);color:#fff;font:600 13px/1 var(--ff-display);padding:7px 12px;border-radius:99px}
.pz-b{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}
.pz-b h3{font:600 var(--fs-h3)/1.2 var(--ff-display);margin:0}
.pz-b p{margin:0;color:var(--c-text-2);font-size:15px;line-height:1.5}
.pz-b .pz-px{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:4px 0 2px}
.pz-px b{font:700 28px/1 var(--ff-display);color:var(--c-accent-text)}
.pz-px span{font-size:var(--fs-sm);color:var(--c-text-3)}
.pz-b label{font:600 14px var(--ff-display);color:var(--c-text);margin-top:auto}
.pz-b .pz-hint{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:auto}
.pz-in{display:flex;gap:8px;flex-wrap:wrap}
.pz-in input{flex:1 1 150px;min-width:0;min-height:48px;font:400 16px var(--ff-text);color:var(--navy);background:var(--cream);border:2px solid var(--line);border-radius:12px;padding:0 12px}
.pz-in input:focus{outline:0;border-color:var(--orange)}
.pz-in .btn{flex:1 1 auto}
.pz-note{margin:var(--s-5) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--c-text-3)}
@media (max-width:980px){.pz-grid{grid-template-columns:1fr 1fr}.pz-grid .pz:last-child{grid-column:1/-1;flex-direction:row}.pz-grid .pz:last-child .pz-media{width:46%;flex:none;border-bottom:0;border-right:var(--card-bd)}}
@media (max-width:640px){.pz-grid{grid-template-columns:1fr}.pz-grid .pz:last-child{flex-direction:column}.pz-grid .pz:last-child .pz-media{width:auto;border-right:0;border-bottom:var(--card-bd)}}
/* Qué imprimimos: las seis líneas del taller */
.qi-sec{padding-bottom:var(--s-6)}
.qi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}
.qi{display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);
  text-decoration:none;color:var(--c-text);box-shadow:var(--sh-soft);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2)}
.qi:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);border-color:var(--navy)}
.qi:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.qi-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--blue-50);color:var(--navy)}
.qi-ic svg{width:26px;height:26px}
.qi-papel .qi-ic{background:var(--gold-50)} .qi-vinil .qi-ic{background:#E3F8F8} .qi-pz .qi-ic{background:#FFE3EF}
.qi-may .qi-ic{background:var(--orange-50)} .qi-esp .qi-ic{background:#EAF9F0}
.qi h3{font:600 var(--fs-h3)/1.2 var(--ff-display);margin:4px 0 0}
.qi p{margin:0;color:var(--c-text-2);font-size:15px;line-height:1.5;flex:1}
.qi-eq{align-self:flex-start;font:600 12.5px/1 var(--ff-display);letter-spacing:.02em;color:var(--navy);background:var(--c-sunk);border-radius:99px;padding:6px 10px}
.qi .link-arrow{margin-top:2px}
.qi-shop{margin:var(--s-4) 0 0;padding:14px 18px;border:1.5px dashed var(--c-border);border-radius:14px;font-size:var(--fs-sm);color:var(--c-text-2);text-align:center}
.qi-shop b{color:var(--c-text);font-family:var(--ff-display)}
@media (max-width:980px){.qi-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.qi-grid{grid-template-columns:1fr}.qi{padding:18px}}
@media (prefers-reduced-motion:reduce){.qi{transition:none}.qi:hover{transform:none}}

/* Páginas de línea (papel, escaneo) */
.ph7{border-bottom:1px solid var(--c-border);background:var(--c-bg)}
.ph7-in{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-6);align-items:center;padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(28px,5vw,64px)}
.ph7 h1{font:700 clamp(32px,2.8vw + 18px,54px)/1.06 var(--ff-display);letter-spacing:-.03em;margin:14px 0 16px;max-width:18ch;color:var(--c-text)}
.ph7 .lead{margin-bottom:var(--s-5)}
.ph7 .cta{display:flex;gap:12px;flex-wrap:wrap}
.ph7-facts{list-style:none;margin:0;padding:18px 20px;background:var(--c-surface);border:var(--bw) solid var(--navy);border-radius:var(--card-r);box-shadow:var(--sh-sticker);display:grid;gap:12px}
.ph7-facts li{display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:15px;line-height:1.4}
.ph7-facts b{font:600 14px/1.4 var(--ff-display);color:var(--c-accent-text)}
@media (max-width:860px){.ph7-in{grid-template-columns:1fr}.ph7 .cta .btn{flex:1 1 100%}}
.pp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}
.pp-list li{background:var(--c-surface);border:var(--card-bd);border-radius:var(--card-r);padding:18px;display:flex;flex-direction:column;gap:6px}
.pp-list b{font:600 17px/1.25 var(--ff-display);color:var(--c-text)}
.pp-list span{font-size:15px;line-height:1.5;color:var(--c-text-2)}
@media (max-width:980px){.pp-list{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pp-list{grid-template-columns:1fr}}
.pp-tips{margin:var(--s-4) 0 0;padding-left:20px;color:var(--c-text-2);line-height:1.6}
.pp-notes{margin-top:var(--s-5);display:grid;gap:10px;font-size:15px;color:var(--c-text-2);line-height:1.6}
.pp-notes p{margin:0;padding:14px 18px;border:1.5px dashed var(--c-border);border-radius:14px}
.es-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s-6);align-items:start}
@media (max-width:860px){.es-two{grid-template-columns:1fr}}
.pp-form{max-width:none;margin:0}
.pp-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.pp-form .row2{grid-template-columns:1fr}}
.pp-form .hint{font-size:var(--fs-sm);color:var(--c-text-3);margin:4px 0 12px}
.pp-ent{border:0;padding:0;margin:8px 0 16px;display:grid;gap:8px}
.pp-ent legend{font:600 14px var(--ff-display);margin-bottom:6px}
.pp-ent label{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;font-weight:500;margin:0}
.pp-ent input,.es-fins input{width:auto;min-height:0;flex:none;margin:0}

/* Estimadores (papel y vinil) */
.es-box{background:var(--c-surface);border:var(--bw) solid var(--navy);border-radius:var(--r-xl);box-shadow:var(--sh-sticker);padding:clamp(16px,3vw,28px)}
.es{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-5)}
@media (max-width:860px){.es{grid-template-columns:1fr}.es-out{grid-column:1;grid-row:auto}}
.es-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.es-grid{grid-template-columns:1fr}}
.es-f{display:flex;flex-direction:column;gap:5px}
.es-f label{font:600 14px var(--ff-display);color:var(--c-text)}
.es-f select,.es-f input{min-height:48px;font:400 16px var(--ff-text);color:var(--navy);background:var(--cream);border:2px solid var(--line);border-radius:12px;padding:0 12px;width:100%}
.es-f select:focus,.es-f input:focus{outline:0;border-color:var(--orange)}
.es-f select:disabled{opacity:.6}
.es-fins{grid-column:1;border:0;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px}
.es-fins legend{font:600 14px var(--ff-display);margin-bottom:6px;width:100%}
.es-fins label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:15px}
.es-out{grid-column:2;grid-row:1 / span 2;background:var(--blue-50);border-radius:var(--card-r);padding:20px;display:flex;flex-direction:column;gap:12px;align-self:start}
.es-total{margin:0;display:flex;flex-direction:column;gap:4px}
.es-total span{font:600 13px var(--ff-display);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-2)}
.es-total b{font:700 clamp(34px,3vw + 16px,48px)/1 var(--ff-display);color:var(--c-accent-text)}
.es-total small{font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.45}
.es-note{margin:0;font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.5}
.es-act .btn{width:100%}
.es-load,.es-off{margin:0;color:var(--c-text-2)}
.es-sec .lead{font-size:var(--fs-md)}

/* Proceso: la boquilla avanza con el scroll */
.process[data-progress]{position:relative;padding-top:22px}
.process[data-progress]::before,.process[data-progress]::after{content:"";position:absolute;left:0;top:0;height:6px;border-radius:3px}
.process[data-progress]::before{right:0;background:var(--c-sunk)}
.process[data-progress]::after{width:calc(var(--p,1) * 100%);background:repeating-linear-gradient(90deg,var(--gold) 0 18px,var(--orange-bright) 18px 36px)}

/* ---------- Movimiento (solo con html.mo) ---------- */
@keyframes pt-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes pt-layers{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pt-mark{from{background-size:0% 100%}to{background-size:100% 100%}}
.mo [data-rv]:not(.in),.mo [data-rv-i]:not(.in){opacity:0}
.mo [data-rv].in,.mo [data-rv-i].in{animation:pt-rise .62s var(--ease-out) calc(var(--i,0) * 70ms) both}
.mo [data-rv="layers"]:not(.in){opacity:1;clip-path:inset(100% 0 0 0)}
.mo [data-rv="layers"].in{animation:pt-layers .72s steps(9,end) both}
.mo .h7 h1 em{background-repeat:no-repeat;background-size:0% 100%;animation:pt-mark .9s .35s var(--ease-out) forwards}
.mo [data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out),box-shadow var(--dur-2)}
.mo .pz:hover{box-shadow:var(--sh-lift)}
.mo .pz:hover .pz-media video{scale:1.03}
.pz-media video{transition:scale .5s var(--ease-out)}
@media (prefers-reduced-motion:reduce){
  .process[data-progress]::after{width:100%}
  .pz-media video{transition:none}
}

/* =========================================================================
   Temas de temporada: SOLO tokens + decoración + accesorio de Capatío.
   Nada aquí cambia tamaños ni layout.
   ========================================================================= */
/* pt:theme-art */
/* Generado por tools/theme-art.mjs — no editar a mano. */
.site-header{position:sticky}
[data-decoration] .site-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;pointer-events:none;background-repeat:repeat-x}
[data-decoration="papel-picado-muertos"] .site-header::after{background-size:180px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='14' viewBox='0 0 180 14'%3E%3Cpath d='M0 0H45V8L22.5 13L0 8Z' fill='%235B2A86'/%3E%3Cpath d='M45 0H90V8L67.5 13L45 8Z' fill='%23FFA400'/%3E%3Cpath d='M90 0H135V8L112.5 13L90 8Z' fill='%23E4007C'/%3E%3Cpath d='M135 0H180V8L157.5 13L135 8Z' fill='%23EA5805'/%3E%3Ccircle cx='22.5' cy='5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='67.5' cy='5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='112.5' cy='5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='157.5' cy='5' r='1.8' fill='%23fff'/%3E%3C/svg%3E")}
[data-decoration="papel-picado-patrio"] .site-header::after{background-size:135px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='14' viewBox='0 0 135 14'%3E%3Cpath d='M0 0H45V8L22.5 13L0 8Z' fill='%23006341'/%3E%3Cpath d='M45 0H90V8L67.5 13L45 8Z' fill='%23FFFFFF' stroke='%23D9D4C7' stroke-width='.8'/%3E%3Cpath d='M90 0H135V8L112.5 13L90 8Z' fill='%23CE1126'/%3E%3Ccircle cx='22.5' cy='5' r='1.8' fill='%23fff'/%3E%3Ccircle cx='67.5' cy='5' r='1.8' fill='%23CE1126'/%3E%3Ccircle cx='112.5' cy='5' r='1.8' fill='%23fff'/%3E%3C/svg%3E")}
[data-decoration="nieve"] .site-header::after{height:10px;background-size:120px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10' viewBox='0 0 120 10'%3E%3Cg fill='%23B3261E'%3E%3Ccircle cx='10' cy='4' r='2.2'/%3E%3Ccircle cx='70' cy='5' r='2.2'/%3E%3C/g%3E%3Cg fill='%230F5132'%3E%3Cpath d='M30 1l3 4-3 4-3-4z'/%3E%3Cpath d='M95 1l3 4-3 4-3-4z'/%3E%3C/g%3E%3Cg fill='%23D4A017'%3E%3Ccircle cx='50' cy='4' r='1.6'/%3E%3Ccircle cx='112' cy='6' r='1.6'/%3E%3C/g%3E%3C/svg%3E")}
[data-decoration="coronas"] .site-header::after{background-size:64px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath d='M20 12L18 4l5 4 4-6 4 6 5-4-2 8z' fill='%23F2B705' stroke='%238A5A00' stroke-width='.8' stroke-linejoin='round'/%3E%3Ccircle cx='27' cy='2.5' r='1.6' fill='%23B42318'/%3E%3Ccircle cx='50' cy='7' r='2' fill='%23B42318'/%3E%3Ccircle cx='6' cy='7' r='1.6' fill='%230B3D91'/%3E%3C/svg%3E")}
[data-decoration="corazones"] .site-header::after{background-size:56px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='14' viewBox='0 0 56 14'%3E%3Cpath transform='translate(14 1) scale(0.8)' d='M0 4C-2-1-9-1-9 4c0 4 5 7 9 10 4-3 9-6 9-10 0-5-7-5-9 0z' fill='%23E91E63'/%3E%3Cpath transform='translate(40 3) scale(0.55)' d='M0 4C-2-1-9-1-9 4c0 4 5 7 9 10 4-3 9-6 9-10 0-5-7-5-9 0z' fill='%237D0F38'/%3E%3C/svg%3E")}
[data-decoration="confeti"] .site-header::after{background-size:84px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='14' viewBox='0 0 84 14'%3E%3Crect x='4' y='3' width='6' height='3' rx='1' fill='%23FF2E84' transform='rotate(-20 7 4)'/%3E%3Ccircle cx='20' cy='9' r='2' fill='%2315C2C2'/%3E%3Crect x='30' y='2' width='6' height='3' rx='1' fill='%23FFC233' transform='rotate(25 33 3)'/%3E%3Ccircle cx='46' cy='6' r='2' fill='%236C3BF4'/%3E%3Crect x='56' y='8' width='6' height='3' rx='1' fill='%232EC971' transform='rotate(-35 59 9)'/%3E%3Ccircle cx='74' cy='3' r='2' fill='%23EA5805'/%3E%3C/svg%3E")}
[data-decoration="flores"] .site-header::after{background-size:60px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14' viewBox='0 0 60 14'%3E%3Cellipse transform='translate(15 7) rotate(0)' cy='-3.6' rx='2.232' ry='3.6' fill='%23F28CA8'/%3E%3Cellipse transform='translate(15 7) rotate(72)' cy='-3.6' rx='2.232' ry='3.6' fill='%23F28CA8'/%3E%3Cellipse transform='translate(15 7) rotate(144)' cy='-3.6' rx='2.232' ry='3.6' fill='%23F28CA8'/%3E%3Cellipse transform='translate(15 7) rotate(216)' cy='-3.6' rx='2.232' ry='3.6' fill='%23F28CA8'/%3E%3Cellipse transform='translate(15 7) rotate(288)' cy='-3.6' rx='2.232' ry='3.6' fill='%23F28CA8'/%3E%3Ccircle cx='15' cy='7' r='1.9800000000000002' fill='%23FFC233'/%3E%3Cellipse transform='translate(44 7) rotate(0)' cy='-2.6' rx='1.612' ry='2.6' fill='%23B83A2E'/%3E%3Cellipse transform='translate(44 7) rotate(72)' cy='-2.6' rx='1.612' ry='2.6' fill='%23B83A2E'/%3E%3Cellipse transform='translate(44 7) rotate(144)' cy='-2.6' rx='1.612' ry='2.6' fill='%23B83A2E'/%3E%3Cellipse transform='translate(44 7) rotate(216)' cy='-2.6' rx='1.612' ry='2.6' fill='%23B83A2E'/%3E%3Cellipse transform='translate(44 7) rotate(288)' cy='-2.6' rx='1.612' ry='2.6' fill='%23B83A2E'/%3E%3Ccircle cx='44' cy='7' r='1.4300000000000002' fill='%23FFE08A'/%3E%3C/svg%3E")}
[data-decoration="corbatas"] .site-header::after{background-size:48px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cpath d='M12 1h6l-1 3 2 8-4 2-4-2 2-8z' fill='%23123A6B'/%3E%3Cpath d='M36 1h6l-1 3 2 8-4 2-4-2 2-8z' fill='%23E0A526'/%3E%3C/svg%3E")}
[data-decoration="oferta"] .site-header::after{background-size:64px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath d='M10 13c-5 0-7-4-5-8 1 2 2 2 3 1-1-3 1-5 3-6 0 3 5 5 4 9-1 3-3 4-5 4z' fill='%23C8102E'/%3E%3Cpath d='M10 13c-2 0-3-2-2-4 1 1 2 0 2-1 2 1 3 5 0 5z' fill='%23FFC400'/%3E%3Cpath d='M34 3h14l4 5-4 5H34z' fill='%23FFC400'/%3E%3Ccircle cx='37' cy='8' r='1.5' fill='%23fff'/%3E%3C/svg%3E")}
[data-decoration="lapices"] .site-header::after{background-size:96px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='14' viewBox='0 0 96 14'%3E%3Crect x='6' y='4' width='36' height='6' fill='%23FFCC29'/%3E%3Crect x='2' y='4' width='5' height='6' rx='1.5' fill='%23F28CA8'/%3E%3Cpath d='M42 4l8 3-8 3z' fill='%23F2D9B0'/%3E%3Cpath d='M47 6l3 1-3 1z' fill='%230D2F66'/%3E%3Crect x='60' y='5' width='30' height='4' rx='1' fill='%231F5C45'/%3E%3C/svg%3E")}
[data-decoration="murcielagos"] .site-header::after{background-size:96px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='14' viewBox='0 0 96 14'%3E%3Cpath d='M16 7c-3-3-7-3-10-1 3 0 4 2 4 4 2-2 4-2 6 0 2-2 4-2 6 0 0-2 1-4 4-4-3-2-7-2-10 1z' fill='%232B1450'/%3E%3Cpath d='M66 5c-2-2-5-2-7 0 2 0 3 1 3 3 1-1 3-1 4 0 1-1 3-1 4 0 0-2 1-3 3-3-2-2-5-2-7 0z' fill='%23FF7A00'/%3E%3C/svg%3E")}
[data-decoration="etiquetas"] .site-header::after{background-size:64px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath d='M8 3h14l4 4-4 4H8z' fill='%23FFD000' stroke='%230D2F66' stroke-width='.8'/%3E%3Ccircle cx='11' cy='7' r='1.4' fill='%230D2F66'/%3E%3Cpath d='M40 3h14l4 4-4 4H40z' fill='%230045AA'/%3E%3Ccircle cx='43' cy='7' r='1.4' fill='%23FFD000'/%3E%3C/svg%3E")}
[data-decoration="petalos"] .site-header::after{background-size:72px 14px;opacity:0.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='14' viewBox='0 0 72 14'%3E%3Cellipse cx='12' cy='6' rx='4' ry='2' fill='%23FF7FB0' transform='rotate(-25 12 6)'/%3E%3Cellipse cx='40' cy='8' rx='3' ry='1.6' fill='%238BD17C' transform='rotate(30 40 8)'/%3E%3Cellipse cx='60' cy='5' rx='3.4' ry='1.8' fill='%23FFC1D9' transform='rotate(10 60 5)'/%3E%3C/svg%3E")}
[data-decoration="sol"] .site-header::after{background-size:80px 14px;opacity:0.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14'%3E%3Ccircle cx='14' cy='7' r='3.4' fill='%23FFB901'/%3E%3Cg stroke='%23FFB901' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M14 1v1.5M14 11.5V13M8 7h1.5M18.5 7H20M9.8 2.8l1 1M17.2 10.2l1 1M9.8 11.2l1-1M17.2 3.8l1-1'/%3E%3C/g%3E%3Cpath d='M44 9c3-3 6-3 9 0s6 3 9 0' stroke='%2315C2C2' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
[data-decoration="hojas"] .site-header::after{background-size:76px 14px;opacity:0.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='14' viewBox='0 0 76 14'%3E%3Cpath d='M12 12C6 10 5 4 10 1c1 4 6 5 5 10z' fill='%23E08A1E'/%3E%3Cpath d='M50 11c-5-1-7-6-3-9 1 3 6 4 5 8z' fill='%239C4A1A'/%3E%3C/svg%3E")}
[data-decoration="copos"] .site-header::after{background-size:64px 14px;opacity:0.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cg stroke='%237FB8E6' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M14 2v10M9.7 4.5l8.6 5M9.7 9.5l8.6-5'/%3E%3Cpath d='M46 4v6M43.4 5.5l5.2 3M43.4 8.5l5.2-3'/%3E%3C/g%3E%3C/svg%3E")}
[data-decoration="nieve"] body{background-image:radial-gradient(rgba(255,255,255,.9) 1.2px,transparent 1.6px),radial-gradient(rgba(15,81,50,.08) 1px,transparent 1.4px);background-size:46px 46px,23px 23px;background-position:0 0,11px 17px}
[data-decoration="copos"] body{background-image:radial-gradient(rgba(127,184,230,.22) 1.4px,transparent 1.8px);background-size:38px 38px}
[data-theme="dia-de-reyes"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23F2B705'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23B42318'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%230B3D91'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23F2B705'/%3E%3C/svg%3E")}
[data-theme="san-valentin"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FF2E84'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFB3C7'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23C2185B'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
[data-theme="dia-del-nino"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FF2E84'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%2315C2C2'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFC233'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%236C3BF4'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%232EC971'/%3E%3C/svg%3E")}
[data-theme="dia-de-las-madres"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23F28CA8'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFC233'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23F6B8C8'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23B83A2E'/%3E%3C/svg%3E")}
[data-theme="hot-sale"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23C8102E'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFC400'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23C8102E'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23FFC400'/%3E%3C/svg%3E")}
[data-theme="dia-del-padre"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23E0A526'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%239FB3CC'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23E0A526'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
[data-theme="regreso-a-clases"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FFCC29'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%232EC971'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23FF2E84'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%2315C2C2'/%3E%3C/svg%3E")}
[data-theme="fiestas-patrias"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23CE1126'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%232E9E5B'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
[data-theme="halloween"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FF7A00'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23B388EB'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FF9F1C'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23FF7A00'/%3E%3C/svg%3E")}
[data-theme="dia-de-muertos"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FFA400'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23E4007C'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23EA5805'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23B388EB'/%3E%3C/svg%3E")}
[data-theme="buen-fin"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23FFD000'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23FFD000'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23FF2E84'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%2315C2C2'/%3E%3C/svg%3E")}
[data-theme="navidad"] .site-footer:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='22' viewBox='0 0 300 44'%3E%3Cpath d='M0 0 H60 V22 L30 40 L0 22 Z' fill='%23B3261E'/%3E%3Cpath d='M60 0 H120 V22 L90 40 L60 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M120 0 H180 V22 L150 40 L120 22 Z' fill='%23D4A017'/%3E%3Cpath d='M180 0 H240 V22 L210 40 L180 22 Z' fill='%23FFFFFF'/%3E%3Cpath d='M240 0 H300 V22 L270 40 L240 22 Z' fill='%23B3261E'/%3E%3C/svg%3E")}
/* Slot de Capatío: [data-capatio] envuelve su imagen. El tema pone data-accessory
   (dibujo SVG) o reemplaza la imagen si el dueño sube arte de temporada. */
[data-capatio]{position:relative;display:inline-block;line-height:0}
[data-capatio][data-accessory]::after{content:"";position:absolute;pointer-events:none;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}
[data-accessory="corona"]::after{left:38%;top:-7%;width:24%;aspect-ratio:100/80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='80' viewBox='0 0 100 80'%3E%3Cpath d='M8 72L4 22l24 22L50 8l22 36 24-22-4 50z' fill='%23F2B705' stroke='%238A5A00' stroke-width='4' stroke-linejoin='round'/%3E%3Crect x='8' y='60' width='84' height='14' rx='3' fill='%23E0A000' stroke='%238A5A00' stroke-width='4'/%3E%3Ccircle cx='50' cy='9' r='7' fill='%23B42318'/%3E%3Ccircle cx='5' cy='22' r='6' fill='%230B3D91'/%3E%3Ccircle cx='95' cy='22' r='6' fill='%230B3D91'/%3E%3Ccircle cx='30' cy='67' r='5' fill='%23B42318'/%3E%3Ccircle cx='50' cy='67' r='5' fill='%232E7D32'/%3E%3Ccircle cx='70' cy='67' r='5' fill='%23B42318'/%3E%3C/svg%3E")}
[data-accessory="corazones"]::after{left:60%;top:0%;width:28%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath transform='translate(38 46) scale(3.2)' d='M0 4C-2-1-9-1-9 4c0 4 5 7 9 10 4-3 9-6 9-10 0-5-7-5-9 0z' fill='%23E91E63'/%3E%3Cpath transform='translate(78 16) scale(2)' d='M0 4C-2-1-9-1-9 4c0 4 5 7 9 10 4-3 9-6 9-10 0-5-7-5-9 0z' fill='%23FF2E84'/%3E%3Cpath transform='translate(84 68) scale(1.4)' d='M0 4C-2-1-9-1-9 4c0 4 5 7 9 10 4-3 9-6 9-10 0-5-7-5-9 0z' fill='%23AD1457'/%3E%3Cpath d='M28 52c3-4 7-4 9-2' stroke='%23fff' stroke-width='4' fill='none' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E")}
[data-accessory="pinata"]::after{left:63%;top:48%;width:34%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%230D2F66' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M50 32L44 4l12 0z' fill='%23FF2E84'/%3E%3Cpath d='M66 44l26-12-4 12z' fill='%23FFC233'/%3E%3Cpath d='M62 64l18 24-10 6z' fill='%2315C2C2'/%3E%3Cpath d='M38 64L20 88l10 6z' fill='%236C3BF4'/%3E%3Cpath d='M34 44L8 32l4 12z' fill='%232EC971'/%3E%3Ccircle cx='50' cy='50' r='20' fill='%23EA5805'/%3E%3C/g%3E%3Cg stroke='%23FFC233' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M50 4v-3M92 32l4-2M80 90l2 4M20 90l-2 4M8 32l-4-2'/%3E%3C/g%3E%3Cpath d='M40 50h20M40 57h20' stroke='%23FFE08A' stroke-width='3'/%3E%3C/svg%3E")}
[data-accessory="ramo"]::after{left:58%;top:46%;width:30%;aspect-ratio:100/120;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='120' viewBox='0 0 100 120'%3E%3Cg stroke='%232E7D32' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M50 112L34 40M50 112L50 34M50 112L66 40M50 112L78 52M50 112L22 52'/%3E%3C/g%3E%3Cpath d='M30 70h40L56 116H44z' fill='%23F6B8C8' stroke='%239C2759' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M42 84l8 6 8-6' stroke='%239C2759' stroke-width='3' fill='none'/%3E%3Cellipse transform='translate(34 36) rotate(0)' cy='-10' rx='6.2' ry='10' fill='%23F28CA8'/%3E%3Cellipse transform='translate(34 36) rotate(72)' cy='-10' rx='6.2' ry='10' fill='%23F28CA8'/%3E%3Cellipse transform='translate(34 36) rotate(144)' cy='-10' rx='6.2' ry='10' fill='%23F28CA8'/%3E%3Cellipse transform='translate(34 36) rotate(216)' cy='-10' rx='6.2' ry='10' fill='%23F28CA8'/%3E%3Cellipse transform='translate(34 36) rotate(288)' cy='-10' rx='6.2' ry='10' fill='%23F28CA8'/%3E%3Ccircle cx='34' cy='36' r='5.5' fill='%23FFC233'/%3E%3Cellipse transform='translate(66 36) rotate(0)' cy='-10' rx='6.2' ry='10' fill='%23B83A2E'/%3E%3Cellipse transform='translate(66 36) rotate(72)' cy='-10' rx='6.2' ry='10' fill='%23B83A2E'/%3E%3Cellipse transform='translate(66 36) rotate(144)' cy='-10' rx='6.2' ry='10' fill='%23B83A2E'/%3E%3Cellipse transform='translate(66 36) rotate(216)' cy='-10' rx='6.2' ry='10' fill='%23B83A2E'/%3E%3Cellipse transform='translate(66 36) rotate(288)' cy='-10' rx='6.2' ry='10' fill='%23B83A2E'/%3E%3Ccircle cx='66' cy='36' r='5.5' fill='%23FFE08A'/%3E%3Cellipse transform='translate(50 24) rotate(0)' cy='-11' rx='6.82' ry='11' fill='%23FFC1D9'/%3E%3Cellipse transform='translate(50 24) rotate(72)' cy='-11' rx='6.82' ry='11' fill='%23FFC1D9'/%3E%3Cellipse transform='translate(50 24) rotate(144)' cy='-11' rx='6.82' ry='11' fill='%23FFC1D9'/%3E%3Cellipse transform='translate(50 24) rotate(216)' cy='-11' rx='6.82' ry='11' fill='%23FFC1D9'/%3E%3Cellipse transform='translate(50 24) rotate(288)' cy='-11' rx='6.82' ry='11' fill='%23FFC1D9'/%3E%3Ccircle cx='50' cy='24' r='6.050000000000001' fill='%23E91E63'/%3E%3Cellipse transform='translate(22 52) rotate(0)' cy='-7' rx='4.34' ry='7' fill='%23FFFFFF'/%3E%3Cellipse transform='translate(22 52) rotate(72)' cy='-7' rx='4.34' ry='7' fill='%23FFFFFF'/%3E%3Cellipse transform='translate(22 52) rotate(144)' cy='-7' rx='4.34' ry='7' fill='%23FFFFFF'/%3E%3Cellipse transform='translate(22 52) rotate(216)' cy='-7' rx='4.34' ry='7' fill='%23FFFFFF'/%3E%3Cellipse transform='translate(22 52) rotate(288)' cy='-7' rx='4.34' ry='7' fill='%23FFFFFF'/%3E%3Ccircle cx='22' cy='52' r='3.8500000000000005' fill='%23FFC233'/%3E%3Cellipse transform='translate(78 52) rotate(0)' cy='-7' rx='4.34' ry='7' fill='%23F28CA8'/%3E%3Cellipse transform='translate(78 52) rotate(72)' cy='-7' rx='4.34' ry='7' fill='%23F28CA8'/%3E%3Cellipse transform='translate(78 52) rotate(144)' cy='-7' rx='4.34' ry='7' fill='%23F28CA8'/%3E%3Cellipse transform='translate(78 52) rotate(216)' cy='-7' rx='4.34' ry='7' fill='%23F28CA8'/%3E%3Cellipse transform='translate(78 52) rotate(288)' cy='-7' rx='4.34' ry='7' fill='%23F28CA8'/%3E%3Ccircle cx='78' cy='52' r='3.8500000000000005' fill='%23FFFFFF'/%3E%3C/svg%3E")}
[data-accessory="etiqueta-oferta"]::after{left:62%;top:50%;width:32%;aspect-ratio:100/70;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='70' viewBox='0 0 100 70'%3E%3Cg transform='rotate(-12 50 35)'%3E%3Cpath d='M26 8h62a6 6 0 0 1 6 6v42a6 6 0 0 1-6 6H26L6 35z' fill='%23C8102E' stroke='%23fff' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='35' r='5' fill='%23fff'/%3E%3Ccircle cx='48' cy='24' r='7' fill='none' stroke='%23FFC400' stroke-width='5'/%3E%3Ccircle cx='74' cy='46' r='7' fill='none' stroke='%23FFC400' stroke-width='5'/%3E%3Cpath d='M78 18L44 52' stroke='%23FFC400' stroke-width='6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
[data-accessory="corbata"]::after{left:45%;top:57%;width:10%;aspect-ratio:40/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='100' viewBox='0 0 40 100'%3E%3Cpath d='M10 2h20l-4 12H14z' fill='%23E0A526' stroke='%230D2F66' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M14 14h12l8 62-14 20L6 76z' fill='%23123A6B' stroke='%230D2F66' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M10 40l20-8M8 58l24-9M8 74l26-9' stroke='%23E0A526' stroke-width='4'/%3E%3C/svg%3E")}
[data-accessory="birrete"]::after{left:28%;top:-5%;width:44%;aspect-ratio:100/60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60' viewBox='0 0 100 60'%3E%3Cpath d='M26 26v18c0 6 48 6 48 0V26' fill='%230D2F66' stroke='%23081F47' stroke-width='3'/%3E%3Cpath d='M50 4L98 20 50 36 2 20z' fill='%23123A6B' stroke='%23081F47' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='20' r='3.5' fill='%23FFCC29'/%3E%3Cpath d='M50 20L86 30v18' stroke='%23FFCC29' stroke-width='3' fill='none'/%3E%3Cpath d='M82 48h8l-1 10h-6z' fill='%23FFCC29'/%3E%3C/svg%3E")}
[data-accessory="bandera"]::after{left:64%;top:28%;width:30%;aspect-ratio:100/175;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='175' viewBox='0 0 100 175'%3E%3Cpath d='M14 4v170' stroke='%237A4A1E' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='4' r='5' fill='%23E8B230'/%3E%3Crect x='16' y='8' width='26' height='54' fill='%23006341'/%3E%3Crect x='42' y='8' width='26' height='54' fill='%23FFFFFF'/%3E%3Crect x='68' y='8' width='26' height='54' fill='%23CE1126'/%3E%3Crect x='16' y='8' width='78' height='54' fill='none' stroke='%230D2F66' stroke-width='2.5'/%3E%3Cellipse cx='55' cy='35' rx='8' ry='9' fill='%238A5A2B'/%3E%3Cpath d='M47 42q8 6 16 0' stroke='%232E7D32' stroke-width='3' fill='none'/%3E%3C/svg%3E")}
[data-accessory="calabaza"]::after{left:61%;top:60%;width:28%;aspect-ratio:100/92;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='92' viewBox='0 0 100 92'%3E%3Cpath d='M22 40C22 8 78 8 78 40' stroke='%232B1450' stroke-width='5' fill='none'/%3E%3Cellipse cx='50' cy='62' rx='44' ry='30' fill='%23FF7A00' stroke='%237F3304' stroke-width='3'/%3E%3Cpath d='M50 32c-8 10-8 50 0 60M50 32c8 10 8 50 0 60M28 36c-10 14-10 40 0 52M72 36c10 14 10 40 0 52' stroke='%23E0600A' stroke-width='3' fill='none'/%3E%3Cpath d='M46 34l2-10h6l-2 10z' fill='%232E7D32'/%3E%3Cpath d='M28 56l10-8 4 10zM72 56l-10-8-4 10z' fill='%232B1450'/%3E%3Cpath d='M30 70q20 14 40 0l-6 8-6-5-8 6-6-6-8 5z' fill='%232B1450'/%3E%3C/svg%3E")}
[data-accessory="cempasuchil"]::after{left:24%;top:9%;width:22%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg transform='translate(50 50)'%3E%3Cg fill='%23FF8A00'%3E%3Cellipse rx='13' ry='26' transform='rotate(0) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(40) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(80) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(120) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(160) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(200) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(240) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(280) translate(0 -20)'/%3E%3Cellipse rx='13' ry='26' transform='rotate(320) translate(0 -20)'/%3E%3C/g%3E%3Cg fill='%23FFB300'%3E%3Cellipse rx='9' ry='18' transform='rotate(20) translate(0 -12)'/%3E%3Cellipse rx='9' ry='18' transform='rotate(80) translate(0 -12)'/%3E%3Cellipse rx='9' ry='18' transform='rotate(140) translate(0 -12)'/%3E%3Cellipse rx='9' ry='18' transform='rotate(200) translate(0 -12)'/%3E%3Cellipse rx='9' ry='18' transform='rotate(260) translate(0 -12)'/%3E%3Cellipse rx='9' ry='18' transform='rotate(320) translate(0 -12)'/%3E%3C/g%3E%3Ccircle r='9' fill='%23E65100'/%3E%3C/g%3E%3C/svg%3E")}
[data-accessory="bolsa"]::after{left:62%;top:58%;width:28%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M34 34V24a16 16 0 0 1 32 0v10' stroke='%230D2F66' stroke-width='5' fill='none'/%3E%3Cpath d='M14 34h72l-6 62H20z' fill='%23FFD000' stroke='%230D2F66' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='18' y='52' width='64' height='14' fill='%230045AA'/%3E%3Ccircle cx='50' cy='80' r='7' fill='%23FF2E84'/%3E%3C/svg%3E")}
[data-accessory="gorro-navidad"]::after{left:31%;top:-5%;width:40%;aspect-ratio:100/80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='80' viewBox='0 0 100 80'%3E%3Cpath d='M10 62C18 28 44 8 72 10c14 1 22 8 22 14-8-3-16-2-20 4-10 14-12 22-10 34z' fill='%23C62828' stroke='%237A1812' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='4' y='56' width='70' height='18' rx='9' fill='%23FFFFFF' stroke='%23D9D4C7' stroke-width='2'/%3E%3Ccircle cx='92' cy='26' r='9' fill='%23FFFFFF' stroke='%23D9D4C7' stroke-width='2'/%3E%3Cpath d='M58 62c-4-8-12-6-12-12 6 2 8-2 8-6 4 6 8 8 4 18zM62 62c4-8 12-6 12-12-6 2-8-2-8-6-4 6-8 8-4 18z' fill='%231E7A3C'/%3E%3Ccircle cx='58' cy='64' r='4' fill='%23C62828'/%3E%3Ccircle cx='64' cy='64' r='4' fill='%23B71C1C'/%3E%3C/svg%3E")}
[data-accessory="flor"]::after{left:59%;top:13%;width:17%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cellipse transform='translate(50 50) rotate(0)' cy='-22' rx='13.64' ry='22' fill='%23FF7FB0'/%3E%3Cellipse transform='translate(50 50) rotate(72)' cy='-22' rx='13.64' ry='22' fill='%23FF7FB0'/%3E%3Cellipse transform='translate(50 50) rotate(144)' cy='-22' rx='13.64' ry='22' fill='%23FF7FB0'/%3E%3Cellipse transform='translate(50 50) rotate(216)' cy='-22' rx='13.64' ry='22' fill='%23FF7FB0'/%3E%3Cellipse transform='translate(50 50) rotate(288)' cy='-22' rx='13.64' ry='22' fill='%23FF7FB0'/%3E%3Ccircle cx='50' cy='50' r='12.100000000000001' fill='%23FFC233'/%3E%3Cpath d='M62 76q10 12 26 10' stroke='%232E7D32' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
[data-accessory="lentes"]::after{left:29%;top:36%;width:42%;aspect-ratio:100/30;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='30' viewBox='0 0 100 30'%3E%3Cpath d='M40 12q10-6 20 0' stroke='%230D2F66' stroke-width='4' fill='none'/%3E%3Crect x='6' y='3' width='36' height='24' rx='11' fill='%230B5E6B' fill-opacity='.86' stroke='%230D2F66' stroke-width='3'/%3E%3Crect x='58' y='3' width='36' height='24' rx='11' fill='%230B5E6B' fill-opacity='.86' stroke='%230D2F66' stroke-width='3'/%3E%3Cpath d='M12 10l10-3M64 10l10-3' stroke='%23BDF3F3' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
[data-accessory="hoja"]::after{left:65%;top:13%;width:20%;aspect-ratio:100/100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg transform='rotate(20 50 50)'%3E%3Cpath d='M50 6l8 20 18-8-6 20 20 4-18 14 8 14-22-4-4 22h-8l-4-22-22 4 8-14L10 42l20-4-6-20 18 8z' fill='%23E08A1E' stroke='%239C4A1A' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M50 30v66' stroke='%239C4A1A' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E")}
[data-accessory="bufanda"]::after{left:34%;top:55%;width:34%;aspect-ratio:100/60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60' viewBox='0 0 100 60'%3E%3Cpath d='M6 8q44 18 88 0v16q-44 18-88 0z' fill='%231B4A7A' stroke='%230D2F66' stroke-width='2.5'/%3E%3Cpath d='M20 14v14M40 18v14M60 18v14M80 14v14' stroke='%23FFFFFF' stroke-width='5' opacity='.85'/%3E%3Cpath d='M62 26h18l-2 28H64z' fill='%231B4A7A' stroke='%230D2F66' stroke-width='2.5'/%3E%3Cpath d='M64 38h16' stroke='%23FFFFFF' stroke-width='5' opacity='.85'/%3E%3Cpath d='M65 54v5M70 54v5M75 54v5' stroke='%237FB8E6' stroke-width='2.5'/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:no-preference){[data-capatio][data-accessory]::after{animation:pt-pop .5s ease-out both}[data-accessory="pinata"]::after,[data-accessory="bandera"]::after{transform-origin:20% 0;animation:pt-pop .5s ease-out both,pt-sway 3.2s ease-in-out .5s infinite alternate}}
@keyframes pt-pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes pt-sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
/* /pt:theme-art */