/* ============================================================
   PadelGas V13 — 31-v13-ligas.css · /ligas (entrar y tus ligas) en NEW
   Sigue el tema de la web (claro u oscuro): pista arriba con el titular y,
   justo debajo, la tarjeta para entrar o registrarse. Todo bajo
   html[data-ui="new"]; con CLASSIC no se aplica nada.
   ============================================================ */
html[data-ui="new"][data-theme]{
  --bg:#07090B; --bg2:#0B0F14; --card:#11171F; --surface2:#11171F; --border:rgba(255,255,255,.12); --hover:rgba(255,255,255,.06);
  --text:#F3F6F8; --muted:#8F9BA8; --neon:#D7F205; --neon-txt:#D7F205; --cyan:#8DB1FF; --blue:#8DB1FF; --red:#FF8A7F; --green:#D7F205;
  --acc-1:rgba(215,242,5,.06); --acc-2:rgba(215,242,5,.14); --acc-3:rgba(215,242,5,.30); --acc-4:rgba(215,242,5,.55);
  --shadow:0 16px 40px rgba(0,0,0,.45);
  --font-title:var(--v-estrecha); --font-body:var(--v-texto-f);
  /* los del sistema V13, en su valor oscuro tambien con el tema claro */
  --v-fondo:#07090B; --v-tarjeta:#11171F; --v-tarjeta-alta:#1A212B; --v-texto:#F3F6F8; --v-texto-2:#C9D1D9; --v-texto-suave:#8F9BA8;
  --v-lima-tinta:#D7F205; --v-linea:rgba(255,255,255,.08); --v-linea-media:rgba(255,255,255,.12); --v-linea-fuerte:rgba(255,255,255,.16);
  --v-pista:#0D2257; --v-pista-linea:rgba(215,242,5,.28); --v-foco:#D7F205;
  color-scheme:dark;
}
/* (tanda 14) con el tema claro, clara: antes era siempre oscura */
html[data-ui="new"][data-theme="light"]{
  --bg:#EEF2F6; --bg2:#FFFFFF; --card:#FFFFFF; --surface2:#FFFFFF; --border:rgba(10,26,51,.12); --hover:rgba(10,26,51,.05);
  --text:#0A1A33; --muted:#4A5A72; --neon:#557500; --neon-txt:#557500; --cyan:#1F56C9; --blue:#1F56C9; --red:#B3261E; --green:#557500;
  --acc-1:rgba(215,242,5,.14); --acc-2:rgba(215,242,5,.32); --acc-3:rgba(120,150,0,.4); --acc-4:rgba(85,117,0,.7);
  --shadow:0 16px 40px rgba(10,26,51,.14);
  --v-fondo:#EEF2F6; --v-fondo-hoja:#FFFFFF; --v-tarjeta:#FFFFFF; --v-tarjeta-alta:#E9EEF4; --v-texto:#0A1A33; --v-texto-2:#33415A; --v-texto-suave:#4A5A72;
  --v-lima-tinta:#557500; --v-linea:rgba(10,26,51,.08); --v-linea-media:rgba(10,26,51,.12); --v-linea-fuerte:rgba(10,26,51,.18);
  --v-pista:#1F56C9; --v-pista-linea:rgba(215,242,5,.5); --v-foco:#0A1A33;
  color-scheme:light;
}
html[data-ui="new"][data-theme="light"] .liga-row-arrow{color:var(--v-lima-tinta)}
html[data-ui="new"][data-theme="light"] .hero h1{color:#FFFFFF}
html[data-ui="new"][data-theme="light"] .auth-tabs{background:var(--v-tarjeta-alta)}
html[data-ui="new"][data-theme="light"] :is(.field input,.unirse-fila select){background:#F6F8FB}
html[data-ui="new"] body{background:var(--v-fondo);color:var(--v-texto);font-family:var(--v-texto-f);font-size:16px}
html[data-ui="new"] #theme-btn{display:none}
html[data-ui="new"] .nav{background:var(--v-pista);border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-ui="new"] .header-actions a.txt{color:#D5DDEE;font-weight:600;letter-spacing:0}
html[data-ui="new"] .btn-sm{border-radius:999px;font-family:var(--v-texto-f);letter-spacing:0;text-transform:none;height:40px;padding:0 16px;font-size:14px}

/* La pista: fondo azul con sus lineas, redondeada abajo */
html[data-ui="new"] .hero{padding:24px 0 36px}
/* (tanda 11) solo las dos paredes de la pista, como en la web: nada de lineas debajo del titular */
html[data-ui="new"] .hero::before{inset:0 0 auto 0;width:auto;height:330px;border-radius:0 0 36px 36px;background:linear-gradient(var(--v-pista-linea),var(--v-pista-linea)) 11px 0/1.6px 100% no-repeat,linear-gradient(var(--v-pista-linea),var(--v-pista-linea)) calc(100% - 11px) 0/1.6px 100% no-repeat,var(--v-pista)}
html[data-ui="new"] .kicker{padding:3px 9px;border:0;border-radius:0;transform:skewX(-12deg);background:var(--v-lima);color:var(--v-sobre-lima);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;font-size:clamp(56px,15vw,96px);line-height:.88;text-transform:uppercase;margin:14px 0 10px}
html[data-ui="new"] h1 em{color:var(--v-lima)}
html[data-ui="new"] .lead{color:#D5DDEE;font-size:16px;line-height:1.45}
html[data-ui="new"] .volver{color:var(--v-texto-suave);font-weight:600}
html[data-ui="new"] .paso{border-radius:20px;background:var(--v-tarjeta);border-color:var(--v-linea)}
html[data-ui="new"] .paso::before{border-radius:12px;background:var(--v-lima);color:var(--v-sobre-lima);font-family:var(--v-estrecha);font-weight:900}
html[data-ui="new"] .paso b{font-weight:700}

/* Movil: titular sobre la pista, la tarjeta de entrar justo debajo y los pasos despues */
@media(max-width:900px){
  html[data-ui="new"] .hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}
  html[data-ui="new"] .hero .wrap > div:first-child,html[data-ui="new"] #intro-fuera:not([style*="none"]),html[data-ui="new"] #intro-dentro:not([style*="none"]){display:contents}
  html[data-ui="new"] .kicker{order:1;align-self:flex-start;margin-top:6px}
  html[data-ui="new"] h1{order:2}
  html[data-ui="new"] .lead{order:3;margin-bottom:22px}
  html[data-ui="new"] .auth-section{order:4}
  html[data-ui="new"] .pasos{order:5;margin-top:22px}
  html[data-ui="new"] .volver{order:6;align-self:flex-start}
}
@media(min-width:901px){
  html[data-ui="new"] .hero{padding:48px 0 56px}
  html[data-ui="new"] .hero::before{height:auto;bottom:120px}
}

/* Tarjeta de entrar y tus ligas */
html[data-ui="new"] .auth-card{border-radius:28px;background:var(--v-tarjeta);border:1px solid var(--v-linea-media);box-shadow:var(--shadow)}
html[data-ui="new"] .auth-tabs{gap:4px;padding:6px;margin:14px 14px 0;border:1px solid var(--v-linea);border-radius:26px;background:var(--v-fondo)}
html[data-ui="new"] .auth-tab{height:44px;padding:0;border-radius:22px;font-family:var(--v-texto-f);font-weight:600;font-size:15px;letter-spacing:0;color:var(--v-texto-2)}
html[data-ui="new"] .auth-tab.on{background:var(--v-lima);color:var(--v-sobre-lima);box-shadow:none;font-weight:700}
html[data-ui="new"] .field label{font-family:var(--v-texto-f);letter-spacing:0;text-transform:none;font-size:13px;font-weight:600;color:var(--v-texto-suave);padding-left:4px}
html[data-ui="new"] .field input,html[data-ui="new"] .unirse-fila select{height:50px;padding:0 18px;border-radius:25px;background:var(--v-fondo);border:1px solid var(--v-linea-fuerte);color:var(--v-texto)}
html[data-ui="new"] .field input:focus{border-color:var(--v-lima)}
html[data-ui="new"] .btn-primary,html[data-ui="new"] .btn-neon,html[data-ui="new"] .btn-go{height:52px;padding:0 24px;border-radius:26px;background:var(--v-lima);color:var(--v-sobre-lima);
  font-family:var(--v-texto-f);font-weight:700;font-size:16px;letter-spacing:0;text-transform:none;box-shadow:none}
html[data-ui="new"] .btn-primary:hover,html[data-ui="new"] .btn-neon:hover{background:#E9FF5C;transform:none}
html[data-ui="new"] .btn-cancel,html[data-ui="new"] .google-btn{border-radius:26px}
html[data-ui="new"] .google-btn{background:#F3F6F8;color:#0A0C0D;border:0;height:52px}
html[data-ui="new"] .divider{font-family:var(--v-texto-f);letter-spacing:0;text-transform:none;font-weight:600;color:var(--v-texto-suave)}
html[data-ui="new"] .err{border-radius:16px}
html[data-ui="new"] .dash-avatar{border-color:var(--v-lima)}
html[data-ui="new"] .dash-name{font-family:var(--v-estrecha);font-weight:900;letter-spacing:0;font-size:26px}
html[data-ui="new"] .section-title{font-family:var(--v-rotulo);font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--v-texto-suave)}
html[data-ui="new"] .liga-row{border-radius:20px;background:var(--v-tarjeta-alta);border-color:transparent;min-height:60px}
html[data-ui="new"] .liga-row:hover{border-color:var(--v-lima);background:var(--v-tarjeta-alta)}
html[data-ui="new"] .liga-row-name{font-family:var(--v-estrecha);font-weight:900;letter-spacing:0;font-size:24px}
html[data-ui="new"] .liga-row-arrow{color:var(--v-lima)}
html[data-ui="new"] .create-form,html[data-ui="new"] .success-box{border-radius:22px}
html[data-ui="new"] .success-title{font-family:var(--v-estrecha);font-weight:900;letter-spacing:0}
html[data-ui="new"] .sec{background:var(--v-fondo-hoja,#0B0F14)}
html[data-ui="new"] .feat{border-radius:22px}
html[data-ui="new"] footer{color:var(--v-texto-suave)}