/* ============================================================
   PadelGas V13 — 34-v13-landing.css · portada (/) en NEW
   Solo la ve quien eligio NEW en la app (mismo navegador). Pista
   arriba, letras y colores V13, botones en pildora. Todo bajo
   html[data-ui="new"]: con CLASSIC no se aplica nada.
   OJO: el JS de resultados usa las clases gana/pierde/res/meta/cab/s.
   ============================================================ */
html[data-ui="new"]{
  --bg:#07090B; --bg2:#0B0F14; --card:#11171F; --border:rgba(255,255,255,.10);
  --text:#F3F6F8; --muted:#8F9BA8; --neon:#D7F205; --neon-txt:#D7F205; --cyan:#8DB1FF; --oro-txt:#F6C343;
  --win:#D7F205; --loss:#FF8A7F; --shadow:0 16px 40px rgba(0,0,0,.45);
  --font-title:var(--v-estrecha); --font-body:var(--v-texto-f);
}
html[data-ui="new"][data-theme="light"]{
  --bg:#EEF2F6; --bg2:#E4EAF1; --card:#FFFFFF; --border:rgba(10,26,51,.10);
  --text:#0A1A33; --muted:#4A5A72; --neon:#D7F205; --neon-txt:#557500; --cyan:#1F56C9; --oro-txt:#8A6100;
  --win:#557500; --loss:#B3261E; --shadow:0 16px 40px rgba(10,26,51,.14);
}
html[data-ui="new"] body{font-family:var(--v-texto-f);font-size:16px}
html[data-ui="new"] .nav{background:var(--v-pista);border-bottom:0;color:#F3F6F8}
html[data-ui="new"] .nav-links a{color:#D5DDEE;letter-spacing:0}
html[data-ui="new"] .nav-links a:hover{color:#fff}
html[data-ui="new"] #tema{border-radius:999px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#F3F6F8}
html[data-ui="new"] .btn{border-radius:999px;font-family:var(--v-texto-f);letter-spacing:0;text-transform:none;font-size:16px;min-height:48px}
html[data-ui="new"] .btn-neon,html[data-ui="new"] .nav-links a.btn-neon{background:var(--neon);color:#0A0C0D;box-shadow:none}
html[data-ui="new"] .btn-ghost{background:transparent;border-color:rgba(255,255,255,.25);color:#F3F6F8}
/* Portada sobre la pista */
html[data-ui="new"] .hero{background:var(--v-pista);color:#F3F6F8;border-radius:0 0 36px 36px;padding-bottom:64px}
html[data-ui="new"] .hero::before{inset:0;width:auto;height:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 330' preserveAspectRatio='none' fill='none' stroke='%23D7F205' stroke-opacity='.24' stroke-width='1.6'%3E%3Cpath d='M20 330 L120 60 L270 60 L370 330 Z M60 250 H330 M100 120 H290 M195 250 V120'/%3E%3Cpath d='M80 185 H310' stroke-width='3' stroke-opacity='.45'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html[data-ui="new"] .hero .lead,html[data-ui="new"] .hero .cifras-tit,html[data-ui="new"] .hero .cifra span{color:#D5DDEE}
html[data-ui="new"] .hero h1 em{color:#D7F205}
html[data-ui="new"] .hero .btn-ghost{color:#F3F6F8}
html[data-ui="new"] .kicker{padding:3px 9px;border:0;border-radius:0;transform:skewX(-12deg);background:#D7F205;color:#0A0C0D;font-family:var(--v-rotulo);font-weight:800;font-size:12px;letter-spacing:.1em}
html[data-ui="new"] .kicker i{display:none}
html[data-ui="new"] h1{font-family:var(--v-estrecha);font-weight:900;letter-spacing:0;text-transform:uppercase}
html[data-ui="new"] .podio h3,html[data-ui="new"] .sec h2{font-family:var(--v-estrecha);font-weight:900;letter-spacing:0}
html[data-ui="new"] .cifra b,html[data-ui="new"] .fila .elo,html[data-ui="new"] .marcador .s{font-family:var(--v-estrecha);font-weight:900}
html[data-ui="new"] .cifras-tit,html[data-ui="new"] .mini-tit,html[data-ui="new"] .cifra span,html[data-ui="new"] .podio h3 small{font-family:var(--v-rotulo);font-weight:800;letter-spacing:.14em}
/* Tarjetas */
html[data-ui="new"] .podio,html[data-ui="new"] .feat,html[data-ui="new"] .res,html[data-ui="new"] .paso{border-radius:24px}
html[data-ui="new"] .podio{color:var(--text)}
html[data-ui="new"] .fila .nom{letter-spacing:0;text-transform:none}
html[data-ui="new"] .feat .ico{border-radius:12px;background:rgba(215,242,5,.14)}
html[data-ui="new"][data-theme="light"] .feat .ico{background:rgba(215,242,5,.35)}
html[data-ui="new"] .marcador .eq{letter-spacing:0;text-transform:none}
html[data-ui="new"] .marcador .tag,html[data-ui="new"] .nuevo{border-radius:0;transform:skewX(-12deg);background:#D7F205;color:#0A0C0D;font-family:var(--v-rotulo);font-weight:800}
html[data-ui="new"] .paso::before{border-radius:12px;background:#D7F205;color:#0A0C0D;font-family:var(--v-estrecha);font-weight:900}
html[data-ui="new"] .banda{background:var(--v-pista);border:0;color:#F3F6F8;border-radius:32px}
html[data-ui="new"] .banda p{color:#D5DDEE}
html[data-ui="new"] .redes a{border-radius:999px}