/* /vota: votar a Chainers en los PlayToEarn Awards 2026. Base de /sorteo (css/sorteo.css): sx-hero, sx-card, sx-note.
   También la usa la franja de la portada (.vt-tira). */
.vt-hero{max-width:860px;position:relative}
.vt-hero h1 em{font-style:normal;color:var(--oro,#ffd583)}
.vt-trofeo{float:right;width:clamp(120px,30vw,260px);height:auto;margin:-.4rem 0 .6rem 1rem;filter:drop-shadow(0 14px 22px #0009) drop-shadow(0 0 26px #ffc84a55);animation:vt-flota 5s ease-in-out infinite}
@keyframes vt-flota{50%{translate:0 -8px}}
.vt-cats{list-style:none;margin:1.1rem 0;padding:0;display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));clear:both}
.vt-cat{padding:.8rem 1rem;border-radius:16px;background:var(--surface,#302047);border:2px solid var(--edge,#e6ccff38);display:grid;gap:.15rem;min-width:0}
.vt-cat b{font:700 1rem/1.25 'Unbounded',sans-serif}
.vt-cat small{color:var(--apagado,#cec1df);font-size:.82rem}
.vt-cat-top{border-color:#ffd583aa;background:radial-gradient(ellipse at 100% 0,#ffc84a33,transparent 65%),var(--surface,#302047)}
.vt-cat-top b{color:var(--oro,#ffd583)}
.vt-page .vt-cta{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:58px;padding:.8rem 1.2rem;border-radius:16px;text-decoration:none;color:#2a1606;font:700 1.08rem 'Unbounded',sans-serif;
  background:linear-gradient(180deg,#fff0c4,var(--oro,#ffd583) 55%,#efb24a);box-shadow:0 4px 0 #b9822a,0 12px 26px -10px #ffc24d88}
.vt-page .vt-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #b9822a}
.vt-page .vt-cta:focus-visible{outline:3px solid var(--vivo,#ff7ab0);outline-offset:3px}
.vt-hero .vt-cta{max-width:420px}
.vt-pasos{max-width:860px;margin:2rem auto 0}
.vt-pasos h2{font:700 clamp(1.25rem,3.4vw,1.7rem) 'Unbounded',sans-serif;margin:0 0 1rem}
.vt-pasos ol{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));counter-reset:vt}
.vt-paso{counter-increment:vt;display:grid;gap:.6rem;align-content:start;min-width:0}
.vt-paso img{width:100%;height:auto;aspect-ratio:480/896;object-fit:cover;object-position:top;border-radius:18px;border:3px solid #120a22;box-shadow:0 0 0 2px var(--edge,#e6ccff38),0 10px 22px #0007}
.vt-paso b{font:700 1rem 'Unbounded',sans-serif;display:flex;gap:.5rem;align-items:center}
.vt-paso b::before{content:counter(vt);flex:0 0 auto;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--oro,#ffd583);color:#2a1606;font-size:.85rem}
.vt-paso p{margin:.3rem 0 0;color:var(--apagado,#cec1df);line-height:1.5;font-size:.93rem}
.vt-paso p b{display:inline;font:inherit;font-weight:700;color:var(--texto,#f3ecfb)}
.vt-paso p b::before{content:none}
.vt-paso p a{color:var(--oro,#ffd583);overflow-wrap:anywhere}
.vt-final{margin-top:2rem}
.vt-final-txt{margin:0;font-size:1rem;line-height:1.5}
.vt-acciones{display:flex;flex-wrap:wrap;gap:.6rem}
.vt-acciones>*{flex:1 1 220px}
.vt-estado{margin:0;min-height:1.2em;color:var(--oro,#ffd583);font-size:.88rem;overflow-wrap:anywhere}
.vt-page .sx-note{max-width:860px;margin:1.5rem auto 0}

/* Sorteo de CFB (bases oficiales de Chainers); js/vota.js oculta [data-vt-abierto] y enseña [data-vt-cerrado] al acabar el plazo */
[data-vt-abierto][hidden],[data-vt-cerrado][hidden]{display:none!important}
.vt-sorteo{max-width:860px;margin:1.6rem auto 0;position:relative;overflow:hidden;display:grid;gap:.8rem;
  border:2px solid #7ee07a88;background:radial-gradient(ellipse at 100% 0,#4fc44a2e,transparent 60%),var(--surface,#302047)}
.vt-sorteo-cfb{position:absolute;top:-.6rem;right:-.4rem;width:clamp(92px,22vw,150px);height:auto;rotate:12deg;filter:drop-shadow(0 10px 18px #0008);pointer-events:none}
.vt-sorteo .eyebrow{color:#9df59a}
.vt-sorteo h2{margin:0;padding-right:clamp(80px,20vw,140px);font:700 clamp(1.25rem,3.6vw,1.8rem)/1.2 'Unbounded',sans-serif;text-wrap:balance}
.vt-sorteo h2 em{font-style:normal;color:#9df59a}
.vt-sorteo-abierto{display:grid;gap:.9rem}
.vt-sorteo-datos{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-sorteo-datos li{display:grid;gap:.1rem;padding:.7rem .8rem;border-radius:14px;background:#00000029;border:1px solid var(--edge,#e6ccff38);min-width:0}
.vt-sorteo-datos b{font:700 clamp(1.05rem,3.4vw,1.4rem) 'Unbounded',sans-serif;color:#9df59a}
.vt-sorteo-datos small{color:var(--apagado,#cec1df);font-size:.8rem;line-height:1.3}
.vt-sorteo-pasos{margin:0;padding:0;list-style:none;counter-reset:vs;display:grid;gap:.55rem}
.vt-sorteo-pasos li{counter-increment:vs;display:grid;grid-template-columns:1.8rem 1fr;gap:.6rem;align-items:start;line-height:1.5}
.vt-sorteo-pasos li::before{content:counter(vs);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#9df59a;color:#0f2a0d;font:700 .85rem 'Unbounded',sans-serif}
.vt-sorteo-pasos a{color:var(--oro,#ffd583);white-space:nowrap}
.vt-page .vt-cta-x{color:#fff;background:linear-gradient(180deg,#2b2b33,#0d0d12);box-shadow:0 4px 0 #000,0 12px 26px -12px #000c;border:1px solid #ffffff2e}
.vt-page .vt-cta-x:active{box-shadow:0 2px 0 #000}
.vt-sorteo .vt-cta-x{max-width:420px}
.vt-sorteo-cerrado{margin:0;color:var(--apagado,#cec1df)}
.vt-sorteo-gran{margin:0;padding:.8rem 1rem;border-radius:14px;background:#ffd5831a;border:1px dashed #ffd58377;line-height:1.5;font-size:.95rem}
.vt-sorteo-gran b{color:var(--oro,#ffd583)}
@media (max-width:520px){.vt-sorteo-datos{grid-template-columns:1fr}.vt-sorteo-datos li{grid-template-columns:auto 1fr;align-items:baseline;gap:.6rem}}

/* Franja de la portada */
/* Franja de la portada: cartel de gala (arte de shorts/premios-p2e-2026/banner_web.py) con el texto encima a la izquierda;
   en móvil, el arte arriba y el texto debajo. */
.vt-tira{margin:0 auto;padding:.4rem 0 1.2rem}
.vt-tira a{position:relative;display:grid;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--texto,#f3ecfb);background:#120822;
  border:2px solid #ffd58366;box-shadow:0 0 0 1px #0006,0 18px 40px -18px #000,0 0 34px -10px #ffc84a55}
.vt-tira-arte{grid-area:1/1;display:block;min-width:0}
.vt-tira-arte img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:72% 50%;transition:transform .5s ease}
.vt-tira-txt{grid-area:1/1;align-self:center;display:grid;gap:.55rem;justify-items:start;padding:1.4rem 1.6rem;max-width:min(52%,480px);min-width:0;z-index:1}
.vt-tira small{font:700 .78rem 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--oro,#ffd583)}
.vt-tira b{font:700 clamp(1.25rem,2.6vw,1.9rem)/1.15 'Unbounded',sans-serif;text-wrap:balance;text-shadow:0 2px 12px #000a}
.vt-tira-cats{display:flex;flex-wrap:wrap;gap:.35rem}
.vt-tira-cats span{font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#ffffff14;border:1px solid #ffd58355;backdrop-filter:blur(4px)}
.vt-tira-cats span:first-child{background:#ffd58333;border-color:#ffd583;color:var(--oro,#ffd583)}
.vt-tira i{font-style:normal;font:700 .95rem 'Unbounded',sans-serif;color:#2a1606;padding:.7rem 1.1rem;border-radius:14px;
  background:linear-gradient(180deg,#fff0c4,var(--oro,#ffd583) 55%,#efb24a);box-shadow:0 3px 0 #b9822a,0 10px 22px -10px #ffc24d99}
.vt-tira a:hover .vt-tira-arte img{transform:scale(1.03)}
.vt-tira a:focus-visible{outline:3px solid var(--oro,#ffd583);outline-offset:3px}
@media (max-width:680px){
  .vt-tira-arte{grid-area:auto}
  .vt-tira-arte img{height:auto;min-height:0;aspect-ratio:1200/820;object-position:50% 50%}
  .vt-tira-txt{grid-area:auto;max-width:none;padding:1rem 1.1rem 1.2rem;background:linear-gradient(180deg,#1c0d36,#120822)}
  .vt-tira i{align-self:stretch;justify-self:stretch;text-align:center}
}
@media (prefers-reduced-motion:reduce){.vt-tira-arte img{transition:none}.vt-tira a:hover .vt-tira-arte img{transform:none}}
@media (prefers-reduced-motion:reduce){.vt-trofeo{animation:none}.vt-page .vt-cta:active{transform:none}}