:root{
  --bg:#060B2B;--bg2:#0B1645;--panel:#101D4D;
  --blue:#1857FF;--cyan:#00D9FF;--purple:#6635FF;--magenta:#B52CFF;
  --white:#FFFFFF;--text:#E6ECFF;--muted:#98A7C7;--gold:#F4B942;
  --green:#22C55E;--red:#EF4444;--border:rgba(152,167,199,.16);
  --gradient:linear-gradient(135deg,#1857FF 0%,#6635FF 55%,#B52CFF 100%);
  --electric:linear-gradient(135deg,#00D9FF 0%,#1857FF 45%,#6635FF 100%);
  --radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;
  --space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;
  --surface-soft:rgba(6,11,43,.42);--surface-raised:rgba(16,29,77,.58);
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 50% -10%,rgba(24,87,255,.18),transparent 34rem),var(--bg);
  color:var(--text)
}
a{color:inherit}
img{max-width:100%}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;color:#fff}
h1{font-size:clamp(36px,5vw,58px);line-height:1.02;margin:0 0 10px}
h2{margin:0;font-size:26px}
p{color:var(--muted);line-height:1.55}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.narrow{max-width:900px}
.content,.registration{padding:40px 0 90px}
.ambient{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.12}
.a1,.ambient-one{width:420px;height:420px;background:var(--cyan);left:-250px;top:20%}
.a2,.ambient-two{width:500px;height:500px;background:var(--purple);right:-300px;top:50%}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,11,43,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{height:72px;display:flex;align-items:center;gap:24px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none}
.brand img{height:42px;width:auto}
.brand-mobile-name{display:none;align-items:baseline;gap:4px;white-space:nowrap;text-transform:uppercase;font:700 11px "Space Grotesk",sans-serif;letter-spacing:.045em}.brand-mobile-name b{color:#fff}.brand-mobile-name i{color:var(--cyan);font-style:normal}
.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--gradient);font-weight:800}
.brand-copy{display:flex;flex-direction:column;text-transform:uppercase;font:700 12px "Space Grotesk";line-height:1}
.brand-copy i{font-style:normal;color:var(--cyan)}
.desktop-nav{display:flex;gap:5px;margin-left:auto}
.desktop-nav a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff;background:rgba(255,255,255,.06)}
.header-actions{display:flex;align-items:center;gap:9px}
.user-chip{text-decoration:none}.notification-bell{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:rgba(16,29,77,.7);color:var(--muted);text-decoration:none}.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-bell:hover,.notification-bell:focus-visible{color:#fff;border-color:rgba(0,217,255,.34);outline:0}.notification-bell.has-unread{color:var(--cyan);border-color:rgba(0,217,255,.34);background:rgba(0,217,255,.08)}.notification-bell b{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:999px;background:#ef3b75;color:#fff;font-size:8px;line-height:1}
.user-chip{font-size:11px;color:var(--cyan);padding:7px 10px;border-radius:999px;background:rgba(0,217,255,.08)}

/* Buttons — supports both .primary and .btn-primary naming */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;border:0;text-decoration:none;color:#fff;font-weight:800;cursor:pointer;font-family:inherit}
.btn.primary,.btn-primary{background:var(--gradient);box-shadow:0 10px 26px rgba(24,87,255,.22)}
.btn.ghost,.btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--border)}
.btn.success{background:rgba(34,197,94,.16);color:#8df0b1}
.btn.danger{background:rgba(239,68,68,.16);color:#ffaaaa}
.btn.sm,.btn-sm{min-height:36px;padding:0 13px;font-size:11px}
.btn.xs{min-height:30px;padding:0 9px;font-size:10px}
.btn.lg,.btn-lg{min-height:50px}
.btn-block{width:100%}
.actions,.inline-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}

/* Shared */
.eyebrow{display:inline-block;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.page-intro{margin-bottom:22px}
.card,.panel,.section,.section-card,.form-panel{
  border:1px solid var(--border);border-radius:20px;
  background:linear-gradient(145deg,rgba(16,29,77,.95),rgba(11,22,69,.85));
  box-shadow:0 18px 50px rgba(0,0,0,.17)
}
.card.section,.section-card,.form-panel{padding:22px}
.section-head,.section-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.15);color:var(--cyan);font-size:9px;font-weight:800}
.notice,.notice-card{padding:18px 20px;margin-bottom:18px;border:1px solid rgba(0,168,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(0,168,255,.09),rgba(24,87,255,.055))}
.notice.danger,.notice-card.danger{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.08)}
.notice strong,.notice-card strong{color:#fff}
.notice p,.notice-card p{margin:5px 0 0}
.empty,.empty-state{text-align:center;padding:42px 20px;border:1px dashed var(--border);border-radius:18px;background:rgba(11,22,69,.3);display:grid;gap:10px}
.empty.compact,.empty-state.compact{padding:26px}
.flash{padding:12px 14px;border-radius:12px;margin-bottom:12px}
.flash.success{background:rgba(34,197,94,.12);color:#9af4ba;border:1px solid rgba(34,197,94,.25)}
.flash.error,.flash-error{background:rgba(239,68,68,.12);color:#ffaaaa;border:1px solid rgba(239,68,68,.25)}
.flashes{padding-top:12px}

/* Forms */
.form-stack{display:grid;gap:14px}
.form-grid{display:grid;gap:14px}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:grid;gap:7px;min-width:0}
.field>span{font-size:11px;font-weight:700;color:var(--text)}
.field input,.field select,.field textarea{
  width:100%;min-width:0;min-height:46px;padding:10px 12px;
  border:1px solid var(--border);border-radius:11px;background:rgba(6,11,43,.58);color:#fff;outline:none
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,217,255,.07)}
.toggle{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px}
.toggle span{display:grid}.toggle strong{color:#fff}.toggle small{color:var(--muted)}

/* Dashboard / Mi porra */
.dashboard-page{padding:36px 0 90px}
.dashboard-hero{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;padding:26px;
  border:1px solid var(--border);border-radius:20px;
  background:linear-gradient(115deg,rgba(16,29,77,.98),rgba(11,22,69,.82)),radial-gradient(circle at 85% 25%,rgba(0,217,255,.15),transparent 20rem)
}
.dashboard-hero h1{margin-top:8px}
.dashboard-hero p{margin:0;max-width:660px}
.dashboard-stat-row{display:flex;gap:8px;flex:0 0 auto}
.dashboard-stat-row article{min-width:94px;padding:12px 14px;border-radius:13px;border:1px solid var(--border);background:rgba(6,11,43,.55);display:grid;gap:3px}
.dashboard-stat-row article span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.dashboard-stat-row article strong{font-size:22px;color:#fff;font-family:"Space Grotesk"}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.quick-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:88px;padding:16px;text-decoration:none;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(16,29,77,.86),rgba(11,22,69,.70))}
.quick-card:hover{border-color:rgba(0,217,255,.3);transform:translateY(-1px)}
.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(24,87,255,.14);border:1px solid rgba(0,217,255,.12);color:var(--cyan)}
.quick-card strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}
.quick-card p{font-size:11px;margin:0}
.quick-card>span:last-child{color:var(--cyan);font-size:18px}

/* Teams on Mi porra */
.selection-summary,.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.selected-team,.selected-club{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;
  padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.38);overflow:hidden
}
.big-crest,.club-crest{
  width:52px;height:52px;min-width:52px;max-width:52px;min-height:52px;max-height:52px;
  display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#0B1645;border:1px solid rgba(0,217,255,.2);
  color:#fff;font-size:9px;font-weight:800
}
.big-crest img,.club-crest img{display:block;width:100%;height:100%;max-width:52px;max-height:52px;padding:4px;object-fit:contain}
.selected-team>div,.selected-club>div{min-width:0;display:grid;gap:3px}
.selected-team>div strong,.selected-club>div strong{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selected-team>div span,.selected-club small{color:var(--muted);font-size:10px}
.team-state{padding:5px 7px;border-radius:999px;background:rgba(34,197,94,.1);color:#69e898;font-size:8px;font-weight:800;text-transform:uppercase}
.selected-team.eliminated{opacity:.48}.selected-team.eliminated .team-state{color:#ff8d8d;background:rgba(239,68,68,.1)}
.prediction-summary,.predictions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.prediction-summary article,.predictions article{padding:13px;border-radius:13px;border:1px solid rgba(102,53,255,.2);background:rgba(102,53,255,.07);display:grid;gap:4px}
.prediction-summary span,.predictions small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.prediction-summary strong,.predictions strong{color:#fff;font-size:13px}

/* Registration */
.registration-page{padding:40px 0 90px}
.registration-shell{width:min(960px,calc(100% - 32px));margin:auto}
.registration-heading{text-align:center;max-width:760px;margin:0 auto 28px}
.registration-form{display:grid;gap:18px}
.panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.panel-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(24,87,255,.14);color:var(--cyan);font-size:11px;font-weight:800}.panel-title h2{font-size:24px}.panel-title p{font-size:12px;margin:4px 0 0}
.budget-bar{display:grid;grid-template-columns:120px minmax(160px,1fr) 120px;gap:14px;align-items:center;padding:13px 15px;margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.45)}
.budget-progress{height:8px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.07)}.budget-progress>span{display:block;height:100%;width:0;background:var(--electric)}
.pc-team-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.pc-team-card{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:10px 13px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:rgba(6,11,43,.42)!important;cursor:pointer!important}
.pc-team-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.pc-team-card.is-selected{border-color:var(--cyan)!important;background:linear-gradient(90deg,rgba(24,87,255,.28),rgba(0,217,255,.10))!important;box-shadow:inset 4px 0 0 var(--cyan)!important}
.pc-team-card.is-selected:after{content:"✓";position:absolute;top:6px;right:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:#060B2B;font-weight:900}
.pc-team-crest{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#0B1645;border:1px solid rgba(0,217,255,.2)}
.pc-team-crest img{width:100%;height:100%;object-fit:contain;padding:4px}.pc-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;font-weight:700}.pc-team-price{color:var(--cyan);font-size:11px;white-space:nowrap}

/* Footer */
.site-footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}
.footer-links{display:flex;gap:14px}.footer-links a{text-decoration:none}
.mobile-nav{display:none}

@media(max-width:900px){
  .desktop-nav{display:none}
  .dashboard-hero{flex-direction:column;align-items:flex-start}
  .dashboard-stat-row{width:100%}.dashboard-stat-row article{flex:1;min-width:0}
}
@media(max-width:800px){
  .pc-ranking{overflow-x:auto;padding-bottom:4px}.pc-rank-row{min-width:760px}
}
@media(max-width:680px){
  .shell{width:calc(100% - 24px)}
  .header-inner{height:64px}.brand-copy,.header-actions .primary,.header-actions .btn-primary,.user-chip{display:none}
  .content,.registration,.dashboard-page{padding:28px 0 90px}
  .form-grid.two,.selection-summary,.selection-grid,.prediction-summary,.predictions,.quick-grid,.pc-team-grid{grid-template-columns:1fr!important}
  .dashboard-hero{padding:19px}.section-card,.card.section,.form-panel{padding:17px}
  .budget-bar{grid-template-columns:1fr 1fr}.budget-progress{grid-column:1/-1;grid-row:2}
  .pc-ranking-tools{flex-direction:column;align-items:stretch}.pc-ranking-tools input{min-width:0;width:100%}
  .site-footer{padding-bottom:88px}.footer-inner{flex-direction:column}
  .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;z-index:60;background:rgba(6,11,43,.96);border-top:1px solid var(--border);padding:7px 12px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}
  .mobile-nav a{display:grid;place-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:9px;font-weight:700}.mobile-nav span{font-size:16px}
}

/* =========================================================
   AUDITORÍA 2026-08-18 — COMPONENTES QUE FALTABAN
   ========================================================= */

/* Home */
.hero{padding:72px 0 44px;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:center}
.hero-copy h1{margin:12px 0 18px;font-size:clamp(44px,6vw,76px)}
.hero-copy h1 em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:680px;font-size:16px;margin:0 0 24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px;color:var(--muted)}
.chips b{color:#fff}
.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}
.banner{width:100%;min-height:340px;padding:28px;border:1px solid rgba(0,217,255,.18);border-radius:26px;background:radial-gradient(circle at 50% 20%,rgba(0,217,255,.12),transparent 45%),linear-gradient(145deg,rgba(16,29,77,.97),rgba(11,22,69,.78));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.banner-with-image{background-image:url('/public/img/banners/header-desktop.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}
.banner span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em}.banner b{font:700 24px "Space Grotesk";color:#fff;margin-top:5px}.banner small{color:var(--muted);margin-top:4px}
.float{position:absolute;min-width:135px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.9);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.float small{display:block;color:var(--muted);font-size:9px}.float b{color:#fff;font-size:20px}.float i{font-style:normal;color:var(--green);font-size:10px}.f1{left:-20px;top:38px}.f2{right:-14px;bottom:38px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:64px}
.features article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(16,29,77,.56)}
.features article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(24,87,255,.12);color:var(--cyan)}
.features b{color:#fff}.features p{font-size:11px;margin:3px 0 0}

/* Login */
.auth-page{padding:54px 0 90px}
.auth-shell{width:min(980px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:44px;align-items:center}
.auth-side{padding:24px}.auth-side h1{margin:10px 0 14px}.auth-side p{max-width:520px}
.auth-card{padding:26px}.auth-card h2{margin-bottom:18px}.small-link{text-align:center;font-size:11px;margin:12px 0 0}.small-link a{color:var(--cyan)}
.btn.block,.block{width:100%}
.terms-check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px}.terms-check input{margin-top:2px}
.code-field{max-width:none}

/* Superadmin */
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.admin-stats article{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(16,29,77,.88),rgba(11,22,69,.72));display:grid;gap:4px}
.admin-stats small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.admin-stats b{font:700 30px "Space Grotesk";color:#fff}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-grid a{display:grid;grid-template-columns:44px 1fr;column-gap:13px;padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(16,29,77,.58);text-decoration:none}
.admin-grid i{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(24,87,255,.12);font-style:normal;color:var(--cyan)}
.admin-grid b{color:#fff}.admin-grid p{font-size:11px;margin:4px 0 0}
.backup-page{display:grid;gap:18px}.backup-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.backup-summary>div{display:flex;align-items:center;gap:14px}.backup-summary strong{display:block;color:#fff;font-size:18px}.backup-summary p{margin:4px 0 0}.backup-shield{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:var(--cyan);font-size:25px;background:rgba(24,215,255,.1);border:1px solid rgba(24,215,255,.2)}.backup-list{display:grid;gap:9px}.backup-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(152,167,199,.13);border-radius:14px;background:rgba(6,11,43,.34)}.backup-list article>div{display:grid;gap:4px}.backup-list strong{color:#fff}.backup-list span{color:var(--muted);font-size:11px}
.simple-table{display:grid;gap:7px}
.simple-table>div{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,1fr) 120px 90px;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(152,167,199,.10);border-radius:12px;background:rgba(6,11,43,.32)}
.simple-table b,.simple-table strong{color:#fff}.simple-table span,.simple-table small{color:var(--muted);font-size:10px}.simple-table strong{text-align:right}.simple-table small{text-align:right}
.activity-list{display:grid;gap:9px}.activity-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(152,167,199,.12);border-radius:14px;background:rgba(6,11,43,.32)}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(0,217,255,.08);color:var(--cyan);font-size:18px}.activity-copy{min-width:0}.activity-copy header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.activity-copy header strong{color:#fff}.activity-copy time,.activity-copy p{color:var(--muted);font-size:10px}.activity-copy p{margin:4px 0 0}.activity-copy p b{color:var(--text)}.activity-copy details{margin-top:10px}.activity-copy summary{cursor:pointer;color:var(--cyan);font-size:10px;font-weight:800}.activity-changes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.activity-changes section{min-width:0;padding:10px;border-radius:10px;background:rgba(0,0,0,.18)}.activity-changes small{color:var(--muted);font-size:8px;font-weight:900}.activity-changes pre{overflow:auto;margin:6px 0 0;color:#dce6ff;font:9px/1.5 monospace;white-space:pre-wrap;word-break:break-word}
.settings{display:grid;gap:9px}.settings>label{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);gap:18px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.28)}
.settings>label>span{display:grid;gap:3px}.settings b{color:#fff}.settings small{color:var(--muted);font-size:9px}.settings input{min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(6,11,43,.58);color:#fff}
.field.full{grid-column:1/-1}

/* Footer */
.footer-links{display:flex!important;align-items:center;gap:14px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:#fff}

@media(max-width:900px){
  .hero-inner,.auth-shell{grid-template-columns:1fr}.hero-visual{min-height:340px}.f1{left:8px}.f2{right:8px}
  .simple-table{overflow-x:auto}.simple-table>div{min-width:700px}
  .settings>label{grid-template-columns:1fr}
  .ranking-card{overflow-x:auto}.pc-ranking{min-width:760px}
}
@media(max-width:680px){
  .activity-entry{grid-template-columns:30px minmax(0,1fr);padding:11px;gap:9px}.activity-icon{width:30px;height:30px}.activity-copy header{display:grid;gap:3px}.activity-changes{grid-template-columns:1fr}
  .hero{padding-top:42px}.hero-copy h1{font-size:clamp(40px,12vw,58px)}.features,.admin-stats,.admin-grid{grid-template-columns:1fr}.backup-summary{align-items:stretch;flex-direction:column}.backup-list article{align-items:flex-start}.auth-shell{width:calc(100% - 24px)}.auth-side{padding:0}.auth-card{padding:18px}.hero-visual{min-height:300px}.banner{min-height:270px}
  .ranking-page-intro{align-items:flex-start;flex-direction:column}.pc-ranking-tools{align-items:stretch;flex-direction:column}
}



/* =========================================================
   UX V2 — MENÚ SIEMPRE DISPONIBLE + RANKING MOBILE + PREMIOS
   ========================================================= */

.menu-toggle{
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.04);
    cursor:pointer;
}
.menu-toggle span{
    display:block;
    width:18px;
    height:2px;
    margin:4px auto;
    border-radius:3px;
    background:#fff;
}
.menu-backdrop{
    position:fixed;
    inset:0;
    z-index:79;
    background:rgba(2,5,24,.64);
    backdrop-filter:blur(4px);
    opacity:0;
    transition:opacity .18s ease;
}
.menu-backdrop.is-visible{opacity:1}
.mobile-drawer{
    position:fixed;
    z-index:80;
    top:0;
    right:0;
    bottom:0;
    width:min(390px,88vw);
    padding:18px;
    overflow-y:auto;
    transform:translateX(105%);
    transition:transform .22s ease;
    background:
        radial-gradient(circle at 100% 0%,rgba(102,53,255,.18),transparent 20rem),
        #0B1645;
    border-left:1px solid rgba(152,167,199,.16);
    box-shadow:-24px 0 70px rgba(0,0,0,.35);
}
.mobile-drawer.is-open{transform:translateX(0)}
.mobile-drawer-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:6px 2px 18px;
}
.mobile-drawer-head>div{display:grid;gap:4px}
.mobile-drawer-head strong{color:#fff;font-size:18px}
.drawer-close{
    width:40px;
    height:40px;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:26px;
    cursor:pointer;
}
.mobile-drawer-nav{display:grid;gap:7px}
.mobile-drawer-nav a{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid rgba(152,167,199,.11);
    border-radius:14px;
    background:rgba(6,11,43,.36);
    text-decoration:none;
}
.mobile-drawer-nav a>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(24,87,255,.12);
    color:var(--cyan);
    font-size:17px;
}
.mobile-drawer-nav a>div{display:grid;gap:3px}
.mobile-drawer-nav strong{color:#fff;font-size:13px}
.mobile-drawer-nav small{color:var(--muted);font-size:10px}
.mobile-drawer-nav .drawer-danger{margin-top:8px;border-color:rgba(239,68,68,.18)}
.mobile-drawer-nav .drawer-danger>span{color:#ff9b9b;background:rgba(239,68,68,.09)}
body.menu-open{overflow:hidden}

/* La clasificación privada aparece como contenido prioritario. */
.dashboard-first-ranking,
.league-ranking-first{margin-bottom:18px}
.dashboard-ranking-title,
.league-title{
    margin:5px 0 5px;
    font-size:clamp(28px,4vw,42px);
}
.dashboard-welcome{
    margin:7px 0 7px;
    font-size:clamp(28px,4vw,40px);
}
.league-head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

/* Premios */
.reward-money-summary{
    display:grid;
    grid-template-columns:minmax(0,1fr) 230px;
    gap:14px;
    align-items:end;
}
.pot-preview{
    min-height:88px;
    padding:14px;
    border:1px solid rgba(244,185,66,.20);
    border-radius:14px;
    background:rgba(244,185,66,.07);
    display:grid;
    align-content:center;
    gap:3px;
}
.pot-preview span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.pot-preview strong{color:var(--gold);font-size:26px}
.pot-preview small{color:var(--muted);font-size:9px}
.reward-percent-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:14px;
    margin:22px 0 10px;
}
.reward-percent-head h2{margin-top:4px}
.percent-total{
    padding:7px 10px;
    border-radius:999px;
    border:1px solid var(--border);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.percent-total.is-valid{
    color:#78ec9e;
    border-color:rgba(34,197,94,.28);
    background:rgba(34,197,94,.08);
}
.percent-total.is-invalid{
    color:#ff9a9a;
    border-color:rgba(239,68,68,.28);
    background:rgba(239,68,68,.08);
}
.reward-percent-grid{display:grid;gap:8px}
.reward-percent-card{
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 112px;
    align-items:center;
    gap:12px;
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(6,11,43,.32);
}
.reward-place{
    width:46px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:rgba(24,87,255,.12);
    color:#fff;
    font-weight:900;
}
.reward-percent-card>div:nth-child(2){display:grid;gap:3px}
.reward-percent-card strong{color:#fff;font-size:12px}
.reward-percent-card small{color:var(--gold);font-size:10px}
.percent-input-wrap{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:10px;
    background:rgba(6,11,43,.55);
}
.percent-input-wrap input{
    width:100%;
    min-width:0;
    height:40px;
    padding:8px 4px 8px 10px;
    border:0;
    background:transparent;
    color:#fff;
    font-weight:800;
    outline:none;
}
.percent-input-wrap span{padding-right:10px;color:var(--muted)}
.reward-rule{
    margin-top:10px;
    padding:11px 12px;
    border-radius:12px;
    background:rgba(0,168,255,.06);
    color:var(--muted);
    font-size:10px;
}
.reward-rule strong{color:#fff}
.pot-badge{
    min-width:150px;
    padding:9px 12px;
    border:1px solid rgba(244,185,66,.22);
    border-radius:13px;
    background:rgba(244,185,66,.07);
    display:grid;
    gap:2px;
    text-align:right;
}
.pot-badge span{font-size:8px;color:var(--muted);text-transform:uppercase}
.pot-badge strong{color:var(--gold);font-size:20px}
.prize-public-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.prize-public-grid article{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(6,11,43,.32);
}
.prize-public-grid article>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(244,185,66,.09);
    color:var(--gold);
    font-weight:900;
}
.prize-public-grid article>div{display:grid;gap:3px}
.prize-public-grid small{color:var(--muted);font-size:9px}
.prize-public-grid strong{color:#fff;font-size:15px}
.reward-footnote{margin:10px 0 0;font-size:10px}
.reward-custom-copy p{margin-bottom:0}

/* El antiguo bottom-nav queda anulado: el drawer contiene todas las opciones. */
.mobile-nav{display:none!important}

@media(max-width:900px){
    .menu-toggle{display:block}
    .desktop-nav{display:none}
    .desktop-logout,
    .desktop-login,
    .desktop-register{display:none!important}

    .reward-money-summary{grid-template-columns:1fr}
    .prize-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
    .header-inner{height:62px}
    .header-actions{margin-left:auto}
    .menu-toggle{display:block}
    .brand-copy{display:flex}

    .dashboard-page,
    .content{padding-top:20px}

    .dashboard-first-ranking .section-card-head,
    .league-ranking-first .section-card-head,
    .league-rewards-public .section-card-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .pc-ranking-tools{
        margin-bottom:9px;
    }

    .pc-ranking-tools>span{
        display:none;
    }

    .pc-rank-row{
        grid-template-columns:46px minmax(0,1fr) auto!important;
    }

    .pc-rank-crest{
        margin-left:-4px!important;
    }

    .reward-percent-card{
        grid-template-columns:44px minmax(0,1fr) 94px;
        padding:10px;
    }
    .reward-place{
        width:40px;
        height:38px;
    }

    .prize-public-grid{grid-template-columns:1fr}
    .pot-badge{width:100%;text-align:left}
}


/* =========================================================
   INSCRIPCIÓN V3 — SELECTOR 36 EQUIPOS + RIVALES + ACTIVACIÓN
   ========================================================= */

.registration-budget-sticky{
    position:sticky;
    top:72px;
    z-index:45;
    border-bottom:1px solid rgba(0,217,255,.16);
    background:rgba(6,11,43,.93);
    backdrop-filter:blur(18px);
    box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.registration-budget-inner{
    min-height:70px;
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    align-items:center;
    gap:20px;
}
.budget-selection-status{
    display:grid;
    gap:3px;
}
.budget-selection-status span,
.budget-money span{
    color:var(--muted);
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.budget-selection-status strong{
    color:var(--cyan);
    font-size:20px;
}
.budget-money{
    display:grid;
    grid-template-columns:120px minmax(150px,1fr) 130px;
    gap:14px;
    align-items:center;
}
.budget-money>div:first-child,
.budget-remaining{
    display:grid;
    gap:3px;
}
.budget-money strong{
    color:#fff;
    font-size:15px;
}
.budget-remaining{
    text-align:right;
}
.budget-remaining strong{
    color:var(--cyan);
    font-size:19px;
}
.budget-remaining strong.is-danger{
    color:var(--red);
}
.budget-track{
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.07);
}
.budget-track span{
    display:block;
    width:0;
    height:100%;
    background:var(--electric);
    transition:width .22s ease;
}
.registration-budget-sticky.is-over-budget{
    border-bottom-color:rgba(239,68,68,.5);
    background:rgba(49,9,27,.95);
}
.registration-budget-sticky.is-over-budget .budget-track span{
    background:var(--red);
}

.registration-v3{
    padding:38px 0 90px;
}
.registration-v3-shell{
    width:min(1040px,calc(100% - 32px));
    margin:0 auto;
}
.registration-v3-head{
    max-width:780px;
    margin-bottom:24px;
}
.registration-v3-head h1{
    margin:8px 0 10px;
}
.registration-v3-head p{
    margin:0;
}
.registration-v3-form{
    display:grid;
    gap:18px;
}
.registration-step{
    padding:24px;
    border:1px solid var(--border);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(16,29,77,.96),rgba(11,22,69,.86));
    box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.registration-step-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:20px;
}
.step-number{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(24,87,255,.13);
    border:1px solid rgba(0,217,255,.14);
    color:var(--cyan);
    font-size:11px;
    font-weight:900;
}
.registration-step-head h2{
    margin:0 0 4px;
}
.registration-step-head p{
    margin:0;
    font-size:12px;
}
.registration-readiness{
    margin-bottom:18px;
    padding:16px;
    border:1px solid rgba(244,185,66,.24);
    border-radius:15px;
    background:rgba(244,185,66,.07);
}
.registration-readiness>strong{
    color:var(--gold);
}
.registration-readiness>div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0;
}
.registration-readiness>div span{
    padding:5px 7px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    color:var(--text);
    font-size:9px;
}
.registration-readiness p{
    margin:0;
    font-size:10px;
}
.registration-errors ul{
    margin-bottom:0;
}
.team-filter-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    gap:10px;
    margin-bottom:12px;
}
.team-filter-row input,
.team-filter-row select{
    min-height:43px;
    padding:9px 11px;
    border:1px solid var(--border);
    border-radius:11px;
    background:rgba(6,11,43,.55);
    color:#fff;
    outline:none;
}
.registration-team-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.registration-team-card{
    position:relative;
    min-width:0;
    border:1px solid rgba(152,167,199,.14);
    border-radius:15px;
    background:rgba(6,11,43,.36);
    overflow:hidden;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.registration-team-card:hover{
    border-color:rgba(0,217,255,.26);
}
.registration-team-card.is-selected{
    border-color:var(--cyan);
    background:linear-gradient(90deg,rgba(24,87,255,.20),rgba(0,217,255,.07));
    box-shadow:inset 4px 0 0 var(--cyan);
}
.registration-team-card.is-unavailable:not(.is-selected){
    opacity:.48;
}
.team-card-main{
    position:relative;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 24px;
    align-items:center;
    gap:11px;
    min-height:70px;
    padding:10px 12px;
    cursor:pointer;
}
.team-card-main input{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
}
.team-card-crest{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    border:1px solid rgba(0,217,255,.18);
    background:#0B1645;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.team-card-crest img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:4px;
}
.team-card-copy{
    min-width:0;
    display:grid;
    gap:4px;
}
.team-card-copy strong{
    color:#fff;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.team-card-copy small{
    color:var(--cyan);
    font-size:10px;
    font-weight:800;
}
.team-selected-mark{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(152,167,199,.08);
    color:rgba(152,167,199,.32);
    font-size:11px;
    font-weight:900;
}
.registration-team-card.is-selected .team-selected-mark{
    background:var(--cyan);
    color:#060B2B;
}
.team-rivals-toggle{
    width:100%;
    min-height:34px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:0;
    border-top:1px solid rgba(152,167,199,.09);
    background:rgba(255,255,255,.018);
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.team-rivals-toggle:hover{
    color:#fff;
}
.team-rivals{
    padding:12px;
    border-top:1px solid rgba(152,167,199,.09);
    background:rgba(3,8,34,.36);
}
.team-rivals-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:9px;
}
.team-rivals-title strong{
    color:#fff;
    font-size:10px;
}
.team-rivals-title small{
    color:var(--muted);
    font-size:8px;
}
.team-rivals-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
.team-rivals-list>span{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 7px;
    border-radius:9px;
    background:rgba(255,255,255,.035);
    color:var(--text);
    font-size:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.team-rivals-list i{
    width:18px;
    height:18px;
    min-width:18px;
    display:grid;
    place-items:center;
    border-radius:6px;
    font-style:normal;
    font-size:7px;
    font-weight:900;
}
.team-rivals-list i.home{
    color:#8df0b1;
    background:rgba(34,197,94,.10);
}
.team-rivals-list i.away{
    color:#9bdcff;
    background:rgba(0,168,255,.10);
}
.rivals-pending{
    margin:0;
    font-size:9px;
}
.league-code-field{
    max-width:300px;
}
.registration-terms{
    padding:14px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(6,11,43,.28);
}
.registration-terms a{
    color:var(--cyan);
}
.registration-submit{
    width:100%;
    min-height:54px;
}
.registration-submit.selection-invalid{
    opacity:.68;
}
.registration-email-note{
    margin:-8px 0 0;
    text-align:center;
    font-size:10px;
}
.activation-card{
    max-width:660px;
    margin:20px auto 0;
    padding:34px;
    text-align:center;
    border:1px solid var(--border);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(16,29,77,.96),rgba(11,22,69,.86));
}
.activation-icon{
    width:64px;
    height:64px;
    margin:0 auto 16px;
    display:grid;
    place-items:center;
    border-radius:20px;
    color:var(--cyan);
    background:rgba(0,217,255,.09);
    border:1px solid rgba(0,217,255,.18);
    font-size:27px;
}
.activation-icon.success{
    color:#7fec9e;
    background:rgba(34,197,94,.08);
    border-color:rgba(34,197,94,.22);
}
.activation-icon.danger{
    color:#ff9c9c;
    background:rgba(239,68,68,.08);
    border-color:rgba(239,68,68,.22);
}
.activation-card h1{
    margin:10px 0;
}
.activation-steps{
    margin:22px 0;
    display:grid;
    gap:8px;
    text-align:left;
}
.activation-steps span{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(152,167,199,.11);
    border-radius:12px;
    background:rgba(6,11,43,.28);
    font-size:11px;
}
.activation-steps b{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(24,87,255,.12);
    color:var(--cyan);
}
.activation-help{
    font-size:10px;
}
.activation-help a{
    color:var(--cyan);
}

@media(max-width:800px){
    .registration-budget-sticky{
        top:62px;
    }
    .registration-budget-inner{
        grid-template-columns:70px minmax(0,1fr);
        gap:10px;
    }
    .budget-money{
        grid-template-columns:90px minmax(80px,1fr) 100px;
        gap:8px;
    }
    .registration-team-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:600px){
    .registration-v3-shell{
        width:calc(100% - 20px);
    }
    .registration-v3{
        padding-top:24px;
    }
    .registration-step{
        padding:17px;
    }
    .registration-budget-inner{
        min-height:64px;
    }
    .budget-selection-status span,
    .budget-money span{
        font-size:7px;
    }
    .budget-selection-status strong{
        font-size:17px;
    }
    .budget-money{
        grid-template-columns:70px minmax(60px,1fr) 82px;
        gap:6px;
    }
    .budget-money strong{
        font-size:11px;
    }
    .budget-remaining strong{
        font-size:13px;
    }
    .team-filter-row{
        grid-template-columns:1fr;
    }
    .team-rivals-list{
        grid-template-columns:1fr;
    }
    .form-grid.two{
        grid-template-columns:1fr;
    }
}

.admin-team-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}
.admin-price-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.admin-price-card{
    display:grid;
    grid-template-columns:minmax(170px,1fr) 100px minmax(180px,1fr) auto;
    align-items:end;
    gap:10px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(6,11,43,.32);
}
.admin-price-club{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}
.admin-price-crest{
    width:42px;
    height:42px;
    min-width:42px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:#0B1645;
    border:1px solid rgba(0,217,255,.16);
    font-size:8px;
}
.admin-price-crest img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:3px;
}
.admin-price-club>div{
    min-width:0;
    display:grid;
    gap:3px;
}
.admin-price-club strong{
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
}
.admin-price-club small{
    color:var(--muted);
    font-size:9px;
}
@media(max-width:980px){
    .admin-price-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:680px){
    .admin-team-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .admin-price-card{
        grid-template-columns:1fr 90px;
    }
    .admin-price-club{
        grid-column:1/-1;
    }
    .admin-price-card .field:nth-of-type(2){
        grid-column:1/-1;
    }
}


/* =========================================================
   REGISTRO 3.1 — REFINADO VISUAL
   ========================================================= */

.registration-v3-head{
    padding-top:8px;
}
.registration-v3-head h1{
    max-width:850px;
    font-size:clamp(42px,6vw,72px);
    letter-spacing:-.035em;
}
.registration-v3-head p{
    max-width:760px;
    font-size:15px;
}
.registration-step{
    position:relative;
}
.registration-step-head{
    margin-bottom:22px;
}
.registration-step-head h2{
    font-size:28px;
    letter-spacing:-.02em;
}
.registration-step-head p{
    max-width:760px;
}

.registration-readiness{
    display:grid;
    gap:8px;
}
.registration-readiness>div{
    margin:0;
}
.registration-readiness>div span{
    border:1px solid rgba(244,185,66,.14);
}

.team-selection-step{
    overflow:visible;
}
.team-filter-row{
    position:sticky;
    top:145px;
    z-index:20;
    padding:10px;
    margin:0 0 14px;
    border:1px solid rgba(152,167,199,.14);
    border-radius:13px;
    background:rgba(11,22,69,.94);
    backdrop-filter:blur(15px);
}
.registration-team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.registration-team-card{
    min-height:0;
    border-color:rgba(152,167,199,.14);
    background:
        radial-gradient(circle at 90% 10%,rgba(24,87,255,.08),transparent 9rem),
        rgba(6,11,43,.42);
}
.registration-team-card:hover{
    transform:translateY(-1px);
    border-color:rgba(0,217,255,.34);
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.registration-team-card.is-selected{
    border-color:#00D9FF;
    background:
        linear-gradient(135deg,rgba(24,87,255,.22),rgba(102,53,255,.12)),
        rgba(6,11,43,.50);
    box-shadow:
        inset 4px 0 0 #00D9FF,
        0 0 0 1px rgba(0,217,255,.08),
        0 14px 32px rgba(24,87,255,.16);
}
.team-card-main{
    grid-template-columns:58px minmax(0,1fr) 28px;
    min-height:82px;
    padding:12px 13px;
}
.team-card-crest{
    width:58px;
    height:58px;
    border-radius:15px;
    background:linear-gradient(145deg,#101D4D,#0B1645);
}
.team-card-crest img{
    padding:6px;
}
.team-card-copy strong{
    font-size:13px;
}
.team-card-copy small{
    display:inline-flex;
    width:max-content;
    align-items:center;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(0,217,255,.08);
    border:1px solid rgba(0,217,255,.12);
}
.team-selected-mark{
    width:26px;
    height:26px;
}
.team-rivals-toggle{
    min-height:38px;
    padding:0 13px;
    color:#B7C5E5;
}
.team-rivals{
    padding:13px;
}
.team-rivals-list{
    grid-template-columns:1fr;
}
.team-rivals-list>span{
    min-height:30px;
}

.registration-budget-sticky{
    top:72px;
}
.registration-budget-inner{
    min-height:76px;
}
.budget-selection-status{
    padding-right:12px;
    border-right:1px solid rgba(152,167,199,.12);
}
.budget-track{
    height:11px;
}
.budget-track span{
    box-shadow:0 0 16px rgba(0,217,255,.24);
}
.budget-money>div:first-child strong{
    font-size:18px;
}
.budget-remaining strong{
    font-size:22px;
}

.registration-submit{
    position:sticky;
    bottom:14px;
    z-index:25;
    box-shadow:0 14px 40px rgba(24,87,255,.28);
}
.registration-submit:disabled{
    cursor:not-allowed;
    opacity:.5;
    filter:grayscale(.25);
}

@media(max-width:1050px){
    .registration-team-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:800px){
    .registration-budget-sticky{
        top:62px;
    }
    .team-filter-row{
        top:132px;
    }
    .registration-team-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .registration-v3-head h1{
        font-size:40px;
    }
    .registration-step-head h2{
        font-size:23px;
    }
    .registration-budget-inner{
        grid-template-columns:62px minmax(0,1fr);
    }
    .budget-money{
        grid-template-columns:74px minmax(70px,1fr) 88px;
    }
    .budget-money>div:first-child strong{
        font-size:12px;
    }
    .budget-remaining strong{
        font-size:14px;
    }
    .team-filter-row{
        top:126px;
        grid-template-columns:1fr;
    }
    .registration-team-grid{
        grid-template-columns:1fr;
    }
    .team-card-main{
        grid-template-columns:52px minmax(0,1fr) 26px;
        min-height:74px;
    }
    .team-card-crest{
        width:52px;
        height:52px;
    }
    .registration-submit{
        bottom:10px;
    }
}

.budget-track-wrap{
    display:grid;
    gap:4px;
}
.budget-track-wrap small{
    color:var(--muted);
    font-size:8px;
    text-align:center;
}


/* =========================================================
   REGISTRO 3.2 — ALTURA INDEPENDIENTE + ESCUDOS DE RIVALES
   ========================================================= */

/*
 * CSS Grid estiraba por defecto todas las cards de una misma fila
 * hasta la altura de la card que tenía los rivales abiertos.
 * align-items:start evita ese efecto: solo crece la card desplegada.
 */
.registration-team-grid{
    align-items:start !important;
    grid-auto-rows:max-content !important;
}
.registration-team-card{
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
}

.team-rivals-list{
    gap:7px !important;
}
.team-rivals-list .team-rival-item{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) 22px !important;
    align-items:center !important;
    gap:7px !important;
    min-height:36px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.035) !important;
    color:var(--text) !important;
    overflow:visible !important;
}
.team-rival-crest{
    width:28px;
    height:28px;
    min-width:28px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:8px;
    border:1px solid rgba(152,167,199,.16);
    background:#0B1645;
    color:#fff;
    font-size:7px;
    font-weight:900;
}
.team-rival-crest img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    padding:3px;
}
.team-rival-name{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
}
.team-rival-item i{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
}

.crest-admin-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.crest-admin-card{
    display:grid;
    grid-template-columns:62px minmax(150px,1fr) minmax(180px,1fr) auto;
    grid-template-areas:
        "preview copy file button"
        "preview copy path button";
    align-items:center;
    gap:9px 11px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(6,11,43,.32);
}
.crest-admin-card.missing{
    border-color:rgba(244,185,66,.22);
}
.crest-admin-preview{
    grid-area:preview;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:15px;
    border:1px solid rgba(0,217,255,.16);
    background:#0B1645;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.crest-admin-preview img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:5px;
}
.crest-admin-copy{
    grid-area:copy;
    min-width:0;
    display:grid;
    gap:4px;
}
.crest-admin-copy strong{
    color:#fff;
    font-size:12px;
}
.crest-admin-copy small{
    color:var(--muted);
    font-size:8px;
    word-break:break-all;
}
.crest-file-field{grid-area:file}
.crest-path-field{grid-area:path}
.crest-admin-card>.btn{grid-area:button}
.crest-admin-card .field{
    margin:0;
}
.crest-admin-card .field>span{
    font-size:8px;
}
.crest-admin-card input[type="file"]{
    font-size:9px;
}
@media(max-width:1050px){
    .crest-admin-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:680px){
    .crest-admin-card{
        grid-template-columns:58px minmax(0,1fr);
        grid-template-areas:
            "preview copy"
            "file file"
            "path path"
            "button button";
    }
}
.pc-rank-private{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(152,167,199,.22);border-radius:999px;color:var(--muted);white-space:nowrap}

/* Clasificación V3.3: tabla de liga compacta con detalle en línea */
.league-ranking{width:100%;min-width:0}.league-ranking *{box-sizing:border-box}
.league-ranking-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.league-ranking-tools>span{color:var(--muted);font-size:11px}.league-ranking-search{width:min(360px,100%)}.league-ranking-search input{width:100%;min-height:42px;padding:9px 13px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.62);color:#fff}
.league-ranking-head,.league-row{display:grid;grid-template-columns:54px minmax(120px,1fr) minmax(250px,1.55fr) 82px 88px 70px 66px 76px 82px;align-items:center;gap:10px}.league-ranking-head{padding:0 13px 9px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.league-ranking-head span:nth-child(n+4){text-align:right}
.league-ranking-list{display:grid;gap:7px}.league-entry{min-width:0;border:1px solid rgba(152,167,199,.11);border-radius:14px;background:rgba(6,11,43,.34);overflow:hidden}.league-entry:hover{border-color:rgba(0,217,255,.24)}.league-entry.me{border-color:rgba(0,217,255,.4);box-shadow:inset 3px 0 0 var(--cyan)}
.league-row{width:100%;min-width:0;min-height:70px;padding:10px 13px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.league-row:hover{background:rgba(24,87,255,.05)}.league-pos{display:flex;align-items:center;gap:4px}.league-pos strong{color:#fff;font-size:15px}.league-user{display:flex;align-items:center;gap:6px;min-width:0}.league-user strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.league-user small{color:var(--cyan);font-size:8px;font-weight:900}
.league-crests{display:flex;align-items:center;min-width:0}.league-crest{position:relative;display:grid;place-items:center;width:31px;height:31px;min-width:31px;margin-left:-4px;border:1px solid rgba(152,167,199,.25);border-radius:50%;background:#101d4d}.league-crest:first-child{margin-left:0}.league-crest img{width:100%;height:100%;padding:3px;object-fit:contain}.league-crest b{font-size:7px}.league-crest em{position:absolute;right:-2px;bottom:-5px;min-width:16px;padding:1px 3px;border-radius:6px;background:#172554;color:#fff;font-size:7px;font-style:normal;font-weight:900;text-align:center}.league-crest.out,.league-detail-crest.out{filter:grayscale(1);opacity:.35}.league-alive{margin-left:8px;color:var(--muted);font-size:9px;white-space:nowrap}.league-private{color:var(--muted);font-size:10px}
.league-stat,.league-total{text-align:right}.league-stat small,.league-total small{display:none}.league-stat strong{color:#dbe7ff;font-size:13px}.league-stat.predictions strong{color:var(--cyan)}.league-stat.bonus strong{color:var(--green)}.league-total strong{color:#fff;font-size:19px}.league-total em{margin-left:3px;color:var(--muted);font-size:8px;font-style:normal}.league-toggle{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font-size:9px}.league-toggle b{font-size:15px;transition:transform .2s ease}.league-entry.open .league-toggle b{transform:rotate(180deg)}
.league-detail[hidden]{display:none}.league-detail{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:14px;padding:18px;border-top:1px solid rgba(152,167,199,.12);background:rgba(2,8,31,.48)}.league-detail-section{min-width:0;padding:14px;border:1px solid rgba(152,167,199,.11);border-radius:13px;background:rgba(9,19,58,.4)}.league-detail-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.league-detail-section header small{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.08em}.league-detail-section h3{margin:2px 0 0;color:#fff;font-size:14px}.league-detail-section header>strong{color:#fff}.league-detail-section header a{color:var(--cyan);font-size:10px}.league-detail-section.teams{grid-row:span 2}.league-team-detail-grid{display:grid;gap:7px}.league-team-detail-grid article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px}.league-detail-crest{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#101d4d}.league-detail-crest img{width:100%;height:100%;padding:3px;object-fit:contain}.league-team-detail-grid article>span:nth-child(2){display:grid;min-width:0}.league-team-detail-grid article>span strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.league-team-detail-grid article>span small{color:var(--muted);font-size:8px}.league-team-detail-grid article>b{color:#fff;font-size:10px}
.league-prediction-grid,.league-bonus-list{display:grid;gap:8px}.league-prediction-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}.league-prediction-grid span{grid-column:1/-1;color:var(--muted);font-size:8px;text-transform:uppercase}.league-prediction-grid strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.league-prediction-grid b{color:var(--cyan);font-size:10px}.league-bonus-list p{display:flex;justify-content:space-between;gap:10px;margin:0;color:var(--muted);font-size:10px}.league-bonus-list strong{color:var(--green);white-space:nowrap}.league-detail-section.history{grid-column:2/-1}.league-history-list{display:flex;gap:7px;overflow:hidden}.league-history-list article{display:grid;min-width:72px;padding:8px;border-radius:9px;background:rgba(6,11,43,.6)}.league-history-list small{color:var(--muted);font-size:8px}.league-history-list strong{color:#fff}.league-history-list span,.league-no-history{color:var(--muted);font-size:9px}.league-detail-total{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:4px;color:var(--muted);font-size:10px}.league-detail-total strong{color:#fff;font-size:16px}.league-detail-locked{grid-column:1/-1;padding:16px;color:var(--muted);text-align:center}

@media(max-width:900px){.ranking-card{overflow:visible!important}.league-ranking-head{display:none}.league-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:'pos user total' 'crests crests crests' 'team predictions bonus' 'toggle toggle toggle';gap:9px 8px;padding:13px}.league-pos{grid-area:pos}.league-user{grid-area:user}.league-crests{grid-area:crests;padding:2px 0 4px}.league-total{grid-area:total}.league-stat.team{grid-area:team}.league-stat.predictions{grid-area:predictions}.league-stat.bonus{grid-area:bonus}.league-toggle{grid-area:toggle;padding-top:3px;border-top:1px solid rgba(152,167,199,.09)}.league-stat{text-align:left}.league-stat small,.league-total small{display:block;margin-bottom:2px;color:var(--muted);font-size:8px;font-weight:600}.league-total strong{font-size:18px}.league-toggle span{margin-left:auto}.league-detail{grid-template-columns:1fr 1fr}.league-detail-section.teams{grid-column:1/-1;grid-row:auto}.league-detail-section.history{grid-column:1/-1}.league-detail-total{grid-column:1/-1}}
@media(max-width:560px){.league-ranking-tools{align-items:stretch;flex-direction:column}.league-ranking-tools>span{display:none}.league-row{grid-template-columns:38px minmax(0,1fr) auto;padding:12px 10px}.league-crest{width:27px;height:27px;min-width:27px;margin-left:-3px}.league-crest em{font-size:6px}.league-alive{margin-left:5px}.league-stat strong{font-size:12px}.league-detail{grid-template-columns:1fr;padding:10px}.league-detail-section,.league-detail-section.teams,.league-detail-section.history,.league-detail-total{grid-column:1}.league-history-list{flex-wrap:wrap}.league-toggle{font-size:8px}}

/* Ajuste móvil V3.3.1: ranking realmente compacto y alineado */
@media(max-width:680px){
    .league-ranking-first{padding:20px 17px!important;border-radius:20px!important}
    .league-ranking-first .section-card-head{gap:14px!important;margin-bottom:17px!important}
    .league-ranking-first .section-card-head>div:first-child{width:100%}
    .league-ranking-first .section-card-head>div:first-child>p{display:none}
    .league-ranking-first .eyebrow{font-size:10px}
    .league-ranking-first .league-title{margin:4px 0 0!important;font-size:32px!important;line-height:1.05!important;letter-spacing:-.035em}
    .league-head-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px!important}
    .league-head-actions .pill{grid-column:1/-1;justify-content:center;min-height:35px}
    .league-head-actions .btn{display:flex;justify-content:center;width:100%;min-width:0;padding:10px 8px!important;font-size:11px!important}
    .league-ranking-tools{margin-bottom:10px!important}
    .league-ranking-search{width:100%}
    .league-ranking-search input{min-height:44px;font-size:13px}
    .league-ranking-list{gap:8px}
    .league-entry{border-radius:15px}
    .league-row{grid-template-columns:34px minmax(0,1fr) 58px!important;grid-template-areas:'pos user total' 'crests crests crests' 'team predictions bonus' 'toggle toggle toggle'!important;gap:8px 6px!important;min-height:0!important;padding:12px 11px 9px!important}
    .league-pos strong{font-size:14px}.league-pos i{font-size:10px}
    .league-user strong{font-size:14px}.league-user small{font-size:7px}
    .league-total{display:block!important;text-align:right!important}.league-total small{margin:0!important;font-size:7px!important}.league-total strong{font-size:18px!important}.league-total em{font-size:7px}
    .league-crests{display:flex!important;flex-wrap:nowrap!important;width:100%;padding:1px 0 5px!important;overflow:visible}
    .league-crest{width:26px!important;height:26px!important;min-width:26px!important;margin-left:-2px!important}.league-crest:first-child{margin-left:0!important}.league-crest em{right:-1px;bottom:-5px;min-width:14px;font-size:6px}.league-alive{margin-left:6px;font-size:8px}
    .league-stat,.league-stat.team,.league-stat.predictions,.league-stat.bonus{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;justify-content:start!important;gap:5px!important;min-width:0!important;padding:8px 6px!important;border-radius:9px;background:rgba(6,11,43,.5);text-align:left!important}
    .league-stat small{display:block!important;margin:0!important;overflow:hidden;color:var(--muted)!important;font-size:7px!important;font-weight:700!important;text-overflow:ellipsis;white-space:nowrap;text-transform:none!important}
    .league-stat strong{font-size:13px!important;line-height:1!important}.league-stat.predictions strong{color:var(--cyan)!important}.league-stat.bonus strong{color:var(--green)!important}
    .league-toggle{min-height:26px;padding-top:7px!important}.league-toggle span{margin-left:auto}.league-toggle b{font-size:13px}
    .league-detail{gap:9px;padding:9px!important}.league-detail-section{padding:11px}.league-team-detail-grid{grid-template-columns:1fr}.league-detail-total{justify-content:space-between}
}

@media(max-width:380px){
    .league-ranking-first{padding-inline:12px!important}
    .league-ranking-first .league-title{font-size:28px!important}
    .league-crest{width:24px!important;height:24px!important;min-width:24px!important}
    .league-alive{font-size:7px}
    .league-stat{grid-template-columns:1fr!important;gap:2px!important}
}

/* BONUS DE PARTIDOS DE LIGA V1.1 */
.bonus-admin-form{padding:16px;border:1px solid rgba(0,217,255,.14);border-radius:15px;background:linear-gradient(135deg,rgba(24,87,255,.07),rgba(102,53,255,.04))}
.bonus-admin-form select,.bonus-admin-form input[type=number],.exact-inputs input{min-height:44px;border:1px solid rgba(152,167,199,.24);border-radius:11px;background:#09143d!important;color:#fff!important;box-shadow:none!important}.bonus-admin-form select{padding:0 38px 0 12px}.bonus-admin-form input[type=number]{padding:0 12px}.bonus-admin-form select:focus,.bonus-admin-form input:focus,.exact-inputs input:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px rgba(0,217,255,.1)!important}.bonus-admin-form .bonus-notify{justify-content:center;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:rgba(6,11,43,.45)}.bonus-admin-form .bonus-notify input{width:17px;height:17px;accent-color:var(--cyan)}.bonus-admin-form>.btn{min-height:44px}
.bonus-admin-list article{background:rgba(6,11,43,.42)!important}.bonus-admin-list article:hover{border-color:rgba(0,217,255,.22)}
.bonus-user-grid{align-items:start}.bonus-user-card{position:relative;overflow:hidden;padding:18px!important;border-color:rgba(152,167,199,.16)!important;background:linear-gradient(145deg,rgba(13,29,80,.92),rgba(6,11,43,.88))!important}.bonus-user-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--purple))}.bonus-user-card.saved:before{background:var(--green)}.bonus-user-card .exact-inputs input{width:64px;height:52px;font-size:22px;font-weight:900}.bonus-user-card .one-x-two span{min-height:48px;font-size:16px;font-weight:900}.bonus-user-card form>.btn{width:100%}
.league-bonus-strip{margin:0 0 16px;padding:16px;border:1px solid rgba(0,217,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(11,34,91,.94),rgba(31,16,84,.9));box-shadow:0 16px 45px rgba(0,0,0,.16)}.league-bonus-strip>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.league-bonus-strip h2{margin:3px 0 0;color:#fff;font-size:18px}.league-bonus-strip>header>a{color:var(--cyan);font-size:10px;font-weight:800}.league-bonus-strip-list{display:grid;gap:8px}.league-bonus-quick{display:grid;grid-template-columns:minmax(220px,1.35fr) 120px minmax(270px,1fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(152,167,199,.14);border-radius:13px;background:rgba(6,11,43,.48)}.league-bonus-quick.saved{border-color:rgba(43,214,123,.22)}.league-bonus-quick-match{display:grid;gap:3px;min-width:0}.league-bonus-quick-match>small{color:var(--muted);font-size:8px}.league-bonus-quick-match>strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.league-bonus-quick-match i{margin:0 5px;color:var(--muted);font-size:8px;font-style:normal}.league-bonus-quick-match>span{color:var(--muted);font-size:8px}.league-bonus-quick-match span b{color:var(--gold)}.league-bonus-countdown{display:grid;gap:2px;padding:8px 11px;border-radius:10px;background:rgba(0,217,255,.08);text-align:center}.league-bonus-countdown small{color:var(--muted);font-size:7px;text-transform:uppercase}.league-bonus-countdown strong{color:var(--cyan);font-size:13px}.league-bonus-quick-form{display:flex;align-items:center;justify-content:flex-end;gap:9px}.quick-score{display:flex;align-items:center;gap:5px}.quick-score input{width:43px;height:40px;border:1px solid var(--border);border-radius:9px;background:#081238;color:#fff;font-size:16px;font-weight:900;text-align:center}.quick-score em{color:var(--muted);font-style:normal}.quick-one-x-two{display:flex;gap:5px}.quick-one-x-two input{position:absolute;opacity:0}.quick-one-x-two span{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--border);border-radius:9px;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.quick-one-x-two input:checked+span{border-color:var(--cyan);background:rgba(0,217,255,.13);color:var(--cyan)}
@media(max-width:900px){.bonus-admin-form{grid-template-columns:1fr 1fr!important}.bonus-admin-form>label:first-of-type{grid-column:1/-1}.bonus-admin-form>.btn{width:100%}.league-bonus-quick{grid-template-columns:minmax(0,1fr) 110px}.league-bonus-quick-form{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.bonus-admin-form{grid-template-columns:1fr!important;padding:12px}.bonus-admin-form>label:first-of-type{grid-column:auto}.bonus-admin-form .bonus-notify{justify-content:flex-start}.league-bonus-strip{padding:12px;border-radius:15px}.league-bonus-strip>header{align-items:flex-start}.league-bonus-strip h2{font-size:15px}.league-bonus-quick{grid-template-columns:minmax(0,1fr) 88px;gap:8px;padding:10px}.league-bonus-quick-match>strong{font-size:11px}.league-bonus-countdown{padding:7px}.league-bonus-countdown strong{font-size:10px}.league-bonus-quick-form{gap:7px}.league-bonus-quick-form>.btn{margin-left:auto}.quick-score input{width:39px;height:38px}.quick-one-x-two span{width:37px;height:37px}}

/* HOME — HERO EDITORIAL / SALA DE CONTROL */
.league-prize-desktop{display:block!important;margin-top:3px;color:var(--gold)!important;font-size:7px!important;line-height:1.2}.league-mobile-alive,.league-mobile-prize{display:none}.league-detail-prize{padding-left:12px;border-left:1px solid var(--border);color:var(--muted)}.league-detail-prize b{margin-left:5px;color:var(--gold)}

.league-mobile-summary{display:none}
@media(max-width:680px){
    .league-ranking .league-entry{min-height:0!important;border-radius:11px!important}
    .league-ranking .league-row{display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important}
    .league-ranking .league-row>.league-pos,
    .league-ranking .league-row>.league-user,
    .league-ranking .league-row>.league-mobile-alive,
    .league-ranking .league-row>.league-crests,
    .league-ranking .league-row>.league-stat,
    .league-ranking .league-row>.league-total,
    .league-ranking .league-row>.league-desktop-prize,
    .league-ranking .league-row>.league-mobile-prize,
    .league-ranking .league-row>.league-toggle{display:none!important}
    .league-ranking .league-mobile-summary{display:grid!important;grid-template-columns:minmax(80px,.78fr) minmax(104px,1.22fr) 35px 13px;align-items:center;gap:4px;width:100%;min-height:48px;padding:6px 7px}
    .league-ranking.with-prizes .league-mobile-summary{grid-template-columns:minmax(68px,.68fr) minmax(96px,1.32fr) 33px 57px 12px}
    .mobile-rank-person{display:flex;align-items:center;gap:7px;min-width:0}.mobile-rank-person>b{color:#fff;font-size:12px;white-space:nowrap}.mobile-rank-person>strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-rank-person>i{color:var(--cyan);font-size:6px;font-style:normal;font-weight:900}
    .mobile-rank-crests{display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible}.mobile-rank-crest{display:grid;place-items:center;flex:1 1 18px;width:18px;min-width:13px;max-width:18px;height:18px;margin-left:-2px;border:1px solid rgba(152,167,199,.22);border-radius:50%;background:#101d4d;overflow:hidden}.mobile-rank-crest:first-child{margin-left:0}.mobile-rank-crest img{width:100%;height:100%;padding:1px;object-fit:contain}.mobile-rank-crest b{font-size:5px}.mobile-rank-crest.out{filter:grayscale(1);opacity:.35}.mobile-rank-points,.mobile-rank-prize{display:grid;gap:2px;text-align:center}.mobile-rank-crests small,.mobile-rank-points small,.mobile-rank-prize small{color:var(--muted);font-size:6px;line-height:1}.mobile-rank-points b{color:#fff;font-size:13px}.mobile-rank-prize b{color:var(--gold);font-size:8px;white-space:nowrap}.mobile-rank-arrow{color:var(--muted);font-size:12px;transition:transform .2s ease}.league-entry.open .mobile-rank-arrow{transform:rotate(180deg)}
}
@media(max-width:360px){.league-ranking .league-mobile-summary{grid-template-columns:minmax(64px,.64fr) minmax(88px,1.36fr) 31px 11px;gap:3px;padding-inline:5px}.league-ranking.with-prizes .league-mobile-summary{grid-template-columns:minmax(57px,.58fr) minmax(82px,1.42fr) 30px 52px 11px}.mobile-rank-person{gap:4px}.mobile-rank-person>strong{font-size:10px}.mobile-rank-prize b{font-size:7px}.mobile-rank-crest{height:17px}}

@media(min-width:901px){
    .league-ranking:not(.with-prizes) .league-ranking-head,
    .league-ranking:not(.with-prizes) .league-row{grid-template-columns:54px minmax(120px,1fr) minmax(260px,1.65fr) 82px 88px 70px 78px 92px}
    .league-ranking:not(.with-prizes) .league-desktop-prize{display:none!important}
    .league-row>.league-stat,.league-row>.league-total,.league-row>.league-desktop-prize{display:flex!important;align-items:center!important;justify-content:flex-end!important;align-self:stretch!important;min-height:42px;margin:0!important;padding:0!important;line-height:1!important;text-align:right!important}
    .league-row>.league-stat strong,.league-row>.league-total strong{display:inline-block;margin:0;line-height:1!important}
    .league-row>.league-total{gap:3px}.league-row>.league-total em{margin:2px 0 0!important;line-height:1!important}
    .league-desktop-prize{color:var(--gold);font-size:11px;font-weight:900;white-space:nowrap}
    .league-row>.league-toggle{align-self:stretch;min-height:42px}
}

.hero{padding:34px 0 26px;overflow:hidden}
.hero-stage{position:relative;isolation:isolate;min-height:610px;overflow:hidden;display:grid;grid-template-columns:minmax(430px,.78fr) minmax(0,1.22fr);align-items:center;border:1px solid rgba(0,217,255,.18);border-radius:30px;background:linear-gradient(135deg,#081139 0%,#0a1746 48%,#050a25 100%);box-shadow:0 34px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,11,43,1) 0%,rgba(6,11,43,.97) 29%,rgba(6,11,43,.72) 43%,rgba(6,11,43,.12) 69%,rgba(6,11,43,0) 100%)}
.hero-stage:after{content:"";position:absolute;inset:auto 0 0;height:1px;z-index:4;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);opacity:.55}
.hero-copy{position:relative;z-index:3;padding:58px 0 58px 54px;max-width:650px}
.hero-copy h1{margin:14px 0 20px;font-size:clamp(46px,5vw,72px);line-height:.96;letter-spacing:-.045em}
.hero-copy h1 em{display:inline-block;font-style:normal;background:linear-gradient(100deg,#2d62ff 0%,#7440ff 55%,#d22cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:560px;margin:0 0 26px;color:#aeb9d6;font-size:15px;line-height:1.65}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.hero-kicker i,.hero-live i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.hero-actions{margin-bottom:22px}.hero-actions .btn{border-radius:12px}.hero-actions .primary span{transition:transform .2s ease}.hero-actions .primary:hover span{transform:translateX(3px)}
.hero-facts{display:flex;flex-wrap:wrap;gap:7px}
.hero-facts span{padding:7px 10px;border:1px solid rgba(152,167,199,.18);border-radius:9px;background:rgba(6,11,43,.52);color:var(--muted);font-size:9px;backdrop-filter:blur(10px)}
.hero-facts b{color:#fff;font-size:10px}
.hero-media{position:absolute;z-index:0;inset:0 0 0 31%;overflow:hidden;background:#05091d}
.hero-media picture,.hero-media img{display:block;width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.04)}
.hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,28,.16),transparent 45%,rgba(4,8,28,.48)),radial-gradient(circle at 61% 45%,transparent 25%,rgba(2,6,24,.2) 72%)}
.hero-media-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px}
.hero-live{position:absolute;z-index:2;right:24px;top:22px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(0,217,255,.22);border-radius:999px;background:rgba(6,11,43,.66);backdrop-filter:blur(12px);color:#bff8ff;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-metric{position:absolute;z-index:2;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:end;min-width:145px;padding:13px 15px;border:1px solid rgba(152,167,199,.25);border-radius:15px;background:rgba(6,11,43,.76);backdrop-filter:blur(15px);box-shadow:0 16px 45px rgba(0,0,0,.28)}
.hero-metric small{grid-column:1/-1;margin-bottom:2px;color:#a9b6d6;font-size:9px}.hero-metric strong{color:#fff;font:700 25px "Space Grotesk"}.hero-metric span{padding-bottom:3px;color:var(--green);font-size:10px;font-weight:900}.hero-metric em{font-style:normal;color:var(--muted);font-size:14px}
.metric-alive{right:25px;bottom:25px}
.game-flow{padding:22px 0 74px}
.game-flow-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.game-flow-head>span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.game-flow-head h2{max-width:620px;font-size:25px;text-align:right}
.game-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.game-flow-grid article{position:relative;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:start;padding:20px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,rgba(16,29,77,.82),rgba(7,14,48,.7))}
.game-flow-grid article:after{content:"";position:absolute;right:-45px;bottom:-55px;width:120px;height:120px;border-radius:50%;background:var(--blue);filter:blur(60px);opacity:.17}
.game-flow-grid article>span{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(24,87,255,.14);border:1px solid rgba(0,217,255,.13);color:var(--cyan);font:700 11px "Space Grotesk"}
.game-flow-grid div{position:relative;z-index:1}.game-flow-grid b{color:#fff;font-size:13px}.game-flow-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}

@media(max-width:900px){
  .hero-stage{grid-template-columns:minmax(370px,.9fr) 1.1fr;min-height:570px}.hero-copy{padding-left:36px}.hero-copy h1{font-size:clamp(43px,6.5vw,62px)}
  .hero-media{left:27%}.game-flow-grid article{grid-template-columns:38px 1fr;padding:16px}.game-flow-grid article>span{width:36px;height:36px}
}
@media(max-width:680px){
  .hero{padding:16px 0 20px}.hero .shell{width:calc(100% - 20px)}
  .hero-stage{display:flex;min-height:0;flex-direction:column;border-radius:23px;background:#080f34}
  .hero-stage:before{z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 44%,rgba(6,11,43,.3) 57%,#080f34 72%,#080f34 100%)}
  .hero-media{position:relative;order:1;inset:auto;width:100%;height:min(128vw,535px);z-index:1}
  .hero-media img{object-position:center top}.hero-media:after{background:linear-gradient(180deg,rgba(4,8,28,.06),transparent 56%,#080f34 100%)}
  .hero-copy{order:2;z-index:3;width:100%;max-width:none;margin-top:-38px;padding:0 20px 25px}
  .hero-copy h1{margin:11px 0 14px;font-size:clamp(39px,12vw,56px);line-height:.98}.hero-copy>p{margin-bottom:20px;font-size:13px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-bottom:17px}.hero-actions .btn{width:100%}.hero-actions .ghost{display:none}
  .hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.hero-facts span{padding:8px 5px;text-align:center}.hero-facts b{display:block;margin-bottom:2px}
  .hero-live{top:14px;right:14px}.hero-metric{min-width:112px;padding:10px 12px}.hero-metric strong{font-size:21px}.metric-alive{right:14px;bottom:20px}
  .game-flow{padding:10px 0 48px}.game-flow-head{display:block;margin-bottom:14px}.game-flow-head h2{margin-top:7px;font-size:22px;text-align:left}.game-flow-grid{grid-template-columns:1fr}.game-flow-grid article{grid-template-columns:42px 1fr;padding:17px}.game-flow-grid article>span{width:40px;height:40px}
}

/* NAVEGACIÓN V2 + MI PORRA UNIFICADA */
.porra-tabs{display:flex;gap:5px;align-items:center;width:max-content;max-width:100%;margin:0 0 20px;padding:5px;border:1px solid var(--border);border-radius:13px;background:rgba(6,11,43,.5);overflow-x:auto}
.porra-tabs a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.porra-tabs a:hover{color:#fff;background:rgba(255,255,255,.04)}
.porra-tabs a.active{color:#fff;background:linear-gradient(135deg,rgba(24,87,255,.8),rgba(102,53,255,.72));box-shadow:0 8px 20px rgba(24,87,255,.18)}
.selection-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:15px 17px;border:1px solid var(--border);border-radius:15px;background:rgba(16,29,77,.58)}
.selection-status>div{display:flex;align-items:center;gap:12px}.selection-status-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.selection-status strong{color:#fff;font-size:12px}.selection-status p{margin:3px 0 0;font-size:10px}.selection-status.is-open{border-color:rgba(34,197,94,.25);background:linear-gradient(90deg,rgba(34,197,94,.08),rgba(16,29,77,.58))}.selection-status.is-open .selection-status-dot{background:var(--green);box-shadow:0 0 16px rgba(34,197,94,.7)}.selection-status.is-locked .selection-status-dot{background:var(--red);box-shadow:0 0 16px rgba(239,68,68,.5)}
.section-head-actions{display:flex;align-items:center;gap:8px}.selection-budget-copy{margin:5px 0 0;font-size:10px}
.mobile-primary-nav{display:none}

@media(max-width:680px){
  body{padding-bottom:70px}.site-footer{padding-bottom:34px}
  .mobile-primary-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(152,167,199,.2);background:rgba(6,11,43,.96);backdrop-filter:blur(18px);box-shadow:0 -12px 40px rgba(0,0,0,.2)}
  .mobile-primary-nav a{display:grid;place-items:center;gap:2px;min-height:43px;border-radius:10px;color:var(--muted);font-size:17px;text-decoration:none}.mobile-primary-nav a small{font-size:9px;font-weight:800}.mobile-primary-nav a.active{color:var(--cyan);background:rgba(0,217,255,.07)}
  .porra-tabs{width:100%;margin-bottom:16px}.porra-tabs a{flex:1;text-align:center;padding-inline:10px}
  .selection-status{align-items:stretch;flex-direction:column}.selection-status .btn{width:100%}
  .section-card-head{align-items:flex-start}.section-head-actions{align-items:flex-end;flex-direction:column}.selection-budget-copy{font-size:9px}
}
.visual-team-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.visual-team-select{position:relative}.visual-team-trigger,.visual-team-option{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:#0b1645;color:#fff;text-align:left}.visual-team-trigger{min-height:52px;padding:8px 12px;border-radius:12px}.visual-team-trigger>span:nth-child(2){flex:1}.visual-team-trigger i{color:var(--muted);font-style:normal}.visual-team-select.is-open .visual-team-trigger{border-color:var(--cyan)}
.visual-team-options{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);max-height:310px;overflow:auto;padding:6px;border:1px solid rgba(0,217,255,.28);border-radius:14px;background:#081139;box-shadow:0 22px 55px rgba(0,0,0,.45)}
.visual-team-option{padding:8px;border:0;border-radius:9px;background:transparent;cursor:pointer}.visual-team-option:hover{background:rgba(0,217,255,.09)}
.visual-team-crest{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#101d4d;border:1px solid rgba(152,167,199,.2);font-size:9px;font-weight:900}.visual-team-crest img{width:100%;height:100%;object-fit:contain;padding:3px}
.admin-users{display:grid;gap:10px}.admin-user-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.5fr) auto;align-items:center;gap:16px;padding:15px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.35)}.admin-user-main{display:grid;gap:3px}.admin-user-main strong{color:#fff}.admin-user-main span,.admin-user-main small{color:var(--muted)}.admin-user-meta{display:flex;align-items:center;gap:10px}.user-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.status-active{color:#86efac;background:rgba(34,197,94,.12)}.status-blocked{color:#fcd34d;background:rgba(245,158,11,.12)}.status-deleted{color:#fca5a5;background:rgba(239,68,68,.12)}.admin-user-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.btn.danger{color:#fff;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35)}
.rules-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.rules-summary article{padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,rgba(16,29,77,.82),rgba(7,14,48,.72))}.rules-summary small{display:block;color:var(--muted);margin-bottom:5px}.rules-summary strong{color:#fff;font:700 19px "Space Grotesk"}.rules-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.rules-index{position:sticky;top:90px;display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(8,17,57,.86)}.rules-index strong{padding:7px;color:#fff}.rules-index a{padding:8px;border-radius:8px;color:var(--muted);font-size:10px;text-decoration:none}.rules-index a:hover{color:#fff;background:rgba(0,217,255,.07)}.rules-content{display:grid;gap:12px}.rule-section{display:grid;grid-template-columns:42px 1fr;gap:15px}.rule-section>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--cyan);background:rgba(0,217,255,.08);font-weight:900}.rule-section h2{margin:4px 0 10px;color:#fff;font-size:19px}.rule-section p{margin:0 0 10px;line-height:1.7}.rule-section p:last-child{margin-bottom:0}
@media(max-width:800px){.admin-user-row{grid-template-columns:1fr}.admin-user-actions{justify-content:flex-start}.rules-layout{grid-template-columns:1fr}.rules-index{position:static;grid-template-columns:repeat(2,1fr)}.rules-index strong{grid-column:1/-1}}@media(max-width:560px){.rules-summary{grid-template-columns:1fr}.rules-index{grid-template-columns:1fr}.rule-section{grid-template-columns:1fr}}
.rules-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.rules-score-grid article{padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.42);text-align:center}.rules-score-grid strong{display:block;color:var(--cyan);font:800 20px "Space Grotesk"}.rules-score-grid small{color:var(--muted)}.rule-section h3{margin:20px 0 10px;color:#fff;font-size:14px}.rules-bonus-list{display:grid;gap:6px;margin:12px 0 14px}.rules-bonus-list div{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:10px;background:rgba(6,11,43,.42)}.rules-bonus-list span{color:var(--muted)}.rules-bonus-list strong{color:var(--cyan)}.rules-bonus-list .champion-bonus{border:1px solid rgba(244,185,66,.32);background:rgba(244,185,66,.08)}.rules-bonus-list .champion-bonus strong{color:var(--gold)}.rules-points-list{margin:10px 0 14px;padding-left:20px;color:var(--muted)}.rules-points-list li{margin:7px 0;line-height:1.55}.rules-points-list strong{color:#fff}
.last-refund-card{display:grid;gap:14px;margin-top:14px;padding:18px;border:1px solid rgba(244,185,66,.28);border-radius:16px;background:rgba(244,185,66,.06)}.last-refund-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.last-refund-toggle>input{position:absolute;opacity:0}.last-refund-toggle>span{position:relative;flex:0 0 42px;width:42px;height:23px;border-radius:999px;background:rgba(152,167,199,.25);transition:.2s}.last-refund-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.last-refund-toggle>input:checked+span{background:var(--green)}.last-refund-toggle>input:checked+span:after{transform:translateX(19px)}.last-refund-toggle strong{display:block;color:#fff}.last-refund-toggle small,.last-refund-card>p{color:var(--muted);line-height:1.5}.last-refund-card>p{margin:0;font-size:10px}.last-refund-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.last-refund-preview{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.4)}.last-refund-preview span,.last-refund-preview small{color:var(--muted);font-size:9px}.last-refund-preview strong{color:var(--gold);font-size:18px}.last-refund-public{border-color:rgba(244,185,66,.35)!important;background:rgba(244,185,66,.07)!important}
@media(max-width:680px){.last-refund-fields{grid-template-columns:1fr}}
.legal-page{max-width:980px}.legal-document{display:grid;gap:10px}.legal-document h2{margin:20px 0 2px;color:#fff;font-size:18px}.legal-document h2:first-child{margin-top:0}.legal-document p,.legal-document li{line-height:1.7}.legal-document ul{margin:0;padding-left:22px}.legal-document a{color:var(--cyan)}.legal-identity{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.legal-identity div{padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(6,11,43,.4)}.legal-identity dt{color:var(--muted);font-size:9px;text-transform:uppercase}.legal-identity dd{margin:4px 0 0;color:#fff}@media(max-width:620px){.legal-identity{grid-template-columns:1fr}}
.score-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.score-panel{display:grid;gap:10px;margin-bottom:18px}.score-map,.score-row{padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.4)}
/* CENTRO DE RESULTADOS V2.1 */
.score-page .page-intro h1{max-width:850px;margin:8px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.04em}.score-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.score-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.score-summary article{padding:16px 18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,rgba(16,29,77,.9),rgba(7,14,48,.76))}.score-summary span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.score-summary strong{color:#fff;font:800 24px "Space Grotesk"}.score-summary .is-ready strong{color:var(--gold)}.score-summary .is-published strong{color:var(--green)}
.score-mapping-panel{margin-bottom:18px;border-color:rgba(244,185,66,.28)}.score-section-title,.score-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.score-mapping-grid{display:grid;gap:8px;margin-top:14px}.score-map-row{display:grid;grid-template-columns:1fr minmax(220px,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:11px;background:rgba(6,11,43,.4)}.score-map-row select{min-height:40px;padding:8px;border:1px solid var(--border);border-radius:9px;background:#081139;color:#fff}
.matchday-tabs{display:flex;gap:7px;margin-bottom:15px;padding-bottom:4px;overflow-x:auto}.matchday-tabs a{min-width:74px;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:rgba(8,17,57,.72);color:var(--muted);text-align:center;text-decoration:none}.matchday-tabs b,.matchday-tabs small{display:block}.matchday-tabs b{color:#fff}.matchday-tabs small{font-size:8px}.matchday-tabs a.active{border-color:rgba(0,217,255,.4);background:linear-gradient(135deg,rgba(24,87,255,.35),rgba(102,53,255,.28))}.matchday-tabs a.active b{color:var(--cyan)}
.score-board{padding:20px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(12,25,69,.76),rgba(5,11,40,.78))}.score-board-head{margin-bottom:15px}.match-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-admin-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:rgba(6,11,43,.72)}.match-admin-card.ready{border-color:rgba(244,185,66,.25)}.match-admin-card.published{border-color:rgba(34,197,94,.24)}.match-admin-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--border);background:rgba(16,29,77,.48)}.match-admin-card>header div{display:grid}.match-admin-card>header div>span{color:#fff;font-size:9px;font-weight:800}.match-admin-card time{color:var(--muted);font-size:8px}.score-badge{padding:5px 8px;border-radius:999px;background:rgba(152,167,199,.11);color:var(--muted);font-size:8px;font-weight:900}.score-badge.ready,.score-badge.warning{color:#fcd34d;background:rgba(244,185,66,.11)}.score-badge.success{color:#86efac;background:rgba(34,197,94,.11)}
.match-team-row{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px 13px}.match-team-row+.match-team-row{padding-top:5px}.match-crest{position:relative;width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:50%;background:#101d4d}.match-crest i{color:var(--muted);font-size:8px;font-style:normal;font-weight:900}.match-crest img{position:absolute;inset:0;width:100%;height:100%;padding:4px;object-fit:contain;background:#101d4d}.match-team-row strong{overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.match-team-row>b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#101d4d;color:#fff;font-size:15px}
.match-admin-card>footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:6px;padding:11px 13px;border-top:1px solid var(--border)}.score-entry-form{display:flex;align-items:end;gap:5px}.score-entry-form label{display:grid;gap:3px}.score-entry-form label span{color:var(--muted);font-size:7px}.score-entry-form input{width:50px;height:34px;padding:5px;border:1px solid var(--border);border-radius:8px;background:#081139;color:#fff;text-align:center}.score-entry-form em{padding-bottom:8px;color:var(--muted);font-style:normal}
@media(max-width:900px){.match-card-grid{grid-template-columns:1fr}.score-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.score-page-head{align-items:stretch;flex-direction:column}.score-page-head .btn{width:100%}.score-map-row{grid-template-columns:1fr}.score-board{padding:12px}.match-admin-card>footer{align-items:stretch;flex-direction:column}.score-entry-form input{width:100%}.publish-form .btn{width:100%}}
.score-preview-panel{margin-bottom:16px;padding:18px;border:1px solid rgba(0,217,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(0,217,255,.06),rgba(16,29,77,.7))}.score-preview-panel h2{margin:4px 0 0}.score-preview-panel>p{margin:12px 0 0;color:var(--muted);font-size:9px}.preview-table{display:grid;margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-table>div{display:grid;grid-template-columns:minmax(140px,1fr) repeat(4,80px);align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}.preview-table>div:last-child{border-bottom:0}.preview-table .preview-head{background:rgba(6,11,43,.65);color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.preview-table strong{color:#fff}.preview-table span,.preview-table b{text-align:center}.preview-table b{color:var(--cyan)}.match-publish-actions,.match-publish-actions form{display:flex;gap:6px}.btn.danger{color:#fca5a5;border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.1)}@media(max-width:680px){.preview-table{overflow-x:auto}.preview-table>div{min-width:510px}.match-publish-actions{display:grid;grid-template-columns:1fr 1fr}.match-publish-actions form,.match-publish-actions .btn{width:100%}}
.stage-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}.stage-tabs a{padding:12px 8px;border:1px solid var(--border);border-radius:12px;background:rgba(8,17,57,.72);color:var(--muted);text-align:center;text-decoration:none}.stage-tabs b,.stage-tabs small{display:block}.stage-tabs b{color:#fff;font-size:9px}.stage-tabs small{margin-top:3px;font-size:7px}.stage-tabs a.active{border-color:rgba(0,217,255,.42);background:linear-gradient(135deg,rgba(24,87,255,.36),rgba(102,53,255,.28))}.stage-tabs a.active b{color:var(--cyan)}.knockout-meta{display:flex;align-items:center;justify-content:space-between;margin:4px 13px 10px;padding:8px 10px;border:1px solid rgba(244,185,66,.2);border-radius:9px;background:rgba(244,185,66,.06);color:var(--muted);font-size:8px}.knockout-meta strong{color:var(--gold)}.qualification-control{display:grid;gap:8px;padding:11px 13px;border-top:1px solid var(--border);background:rgba(102,53,255,.06)}.qualification-control>form{display:flex;align-items:end;gap:8px}.qualification-control label{display:grid;flex:1;gap:3px}.qualification-control label span{color:var(--muted);font-size:7px}.qualification-control select{min-height:34px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#081139;color:#fff}.qualification-actions,.qualification-actions form{display:flex;gap:6px}.qualification-preview{border-color:rgba(181,44,255,.3)}@media(max-width:800px){.stage-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.stage-tabs{grid-template-columns:repeat(2,1fr)}.qualification-control>form{align-items:stretch;flex-direction:column}.qualification-actions{display:grid;grid-template-columns:1fr 1fr}.qualification-actions .btn{width:100%}}

/* PRÓXIMOS PARTIDOS + CALENDARIO */
.upcoming-section{padding:6px 0 28px}.upcoming-widget{margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(16,29,77,.7),rgba(7,14,48,.62))}.upcoming-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.upcoming-head h2{margin:4px 0 0;font-size:20px}.upcoming-head>a,.calendar-index a{color:var(--cyan);font-size:10px;font-weight:800;text-decoration:none}.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upcoming-grid>article{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:82px;border:1px solid rgba(152,167,199,.15);border-radius:13px;background:rgba(6,11,43,.5);overflow:hidden}.upcoming-grid time{height:100%;display:grid;align-content:center;justify-items:center;border-right:1px solid var(--border);background:rgba(24,87,255,.08)}.upcoming-grid time b{color:#fff;font-size:11px}.upcoming-grid time span{color:var(--cyan);font-size:10px;font-weight:900}.upcoming-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;padding:8px}.upcoming-teams>div{min-width:0;display:grid;justify-items:center;gap:4px}.upcoming-teams strong{max-width:100%;overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.upcoming-teams em{color:var(--muted);font-size:7px;font-style:normal}.upcoming-crest,.calendar-crest{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:50%;background:#101d4d}.upcoming-crest{width:30px;height:30px}.upcoming-crest i,.calendar-crest i{color:var(--muted);font-size:7px;font-style:normal;font-weight:900}.upcoming-crest img,.calendar-crest img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101d4d}.upcoming-crest img{padding:3px}
.calendar-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}.calendar-index{position:sticky;top:70px;z-index:5;display:flex;gap:6px;margin-bottom:18px;padding:7px;border:1px solid var(--border);border-radius:13px;background:rgba(6,11,43,.94);backdrop-filter:blur(14px);overflow-x:auto}.calendar-index a{padding:8px 11px;border-radius:8px;white-space:nowrap}.calendar-index a:hover{background:rgba(0,217,255,.08)}.calendar-groups{display:grid;gap:18px}.calendar-group{scroll-margin-top:135px;padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(8,17,57,.58)}.calendar-group>header{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:12px}.calendar-group>header .eyebrow{grid-column:1/-1}.calendar-group h2{margin:4px 0 0;font-size:20px}.calendar-group>header small{color:var(--muted)}.calendar-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calendar-match{padding:10px;border:1px solid rgba(152,167,199,.15);border-radius:12px;background:rgba(6,11,43,.55)}.calendar-match.live{border-color:rgba(34,197,94,.35)}.calendar-match.finished{opacity:.88}.calendar-match-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--border)}.calendar-match-meta time{display:flex;gap:6px}.calendar-match-meta time b{color:#fff}.calendar-match-meta time span{color:var(--cyan);font-weight:900}.calendar-match-meta>span{color:var(--muted);font-size:8px}.calendar-team{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:4px 0}.calendar-crest{width:28px;height:28px}.calendar-crest img{padding:3px}.calendar-team strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.calendar-team>b{color:#fff;text-align:center;font-size:14px}
@media(max-width:900px){.upcoming-grid,.calendar-match-grid{grid-template-columns:1fr}.upcoming-grid>article{min-height:76px}.upcoming-teams{grid-template-columns:1fr auto 1fr}.calendar-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.upcoming-widget{padding:14px}.upcoming-head{align-items:flex-start}.upcoming-head h2{font-size:18px}.upcoming-grid{display:flex;margin-right:-14px;padding-right:14px;overflow-x:auto;scroll-snap-type:x mandatory}.upcoming-grid>article{flex:0 0 285px;scroll-snap-align:start}.calendar-intro{align-items:flex-start;flex-direction:column}.calendar-intro .btn{width:100%}.calendar-index{top:62px}.calendar-group{padding:13px}.calendar-match-grid{grid-template-columns:1fr}}

/* TICKER PREMIUM — MI LIGA */
.fixture-ticker{position:relative;isolation:isolate;display:grid;grid-template-columns:116px minmax(0,1fr) 104px;align-items:stretch;min-height:76px;margin:0 0 14px;overflow:hidden;border:1px solid rgba(0,217,255,.22);border-radius:17px;background:linear-gradient(110deg,#0b1748,#081139 48%,#101347);box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}.fixture-ticker:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 8% 50%,rgba(0,217,255,.15),transparent 28%),radial-gradient(circle at 92% 50%,rgba(181,44,255,.12),transparent 25%)}.fixture-ticker-label{display:flex;align-items:center;gap:9px;padding:0 15px;border-right:1px solid rgba(0,217,255,.18);background:rgba(0,217,255,.035);text-transform:uppercase}.fixture-ticker-label i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(0,217,255,.08),0 0 18px var(--cyan);animation:tickerPulse 1.8s ease-in-out infinite}.fixture-ticker-label span{color:var(--muted);font-size:8px;font-weight:900;line-height:1.35;letter-spacing:.1em}.fixture-ticker-label b{color:#fff;font-size:10px}.fixture-ticker-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.fixture-ticker-track{display:flex;width:max-content;animation:fixtureTicker 38s linear infinite;will-change:transform}.fixture-ticker:hover .fixture-ticker-track{animation-play-state:paused}.fixture-ticker-set{display:flex;align-items:stretch}.fixture-ticker-item{position:relative;display:grid;grid-template-columns:auto minmax(92px,auto) auto minmax(92px,auto);align-items:center;gap:9px;min-width:350px;padding:10px 19px}.fixture-ticker-item:after{content:"";position:absolute;right:0;top:19px;bottom:19px;width:1px;background:linear-gradient(transparent,rgba(152,167,199,.3),transparent)}.fixture-ticker-item time{display:grid;justify-items:center;min-width:47px}.fixture-ticker-item time span{color:var(--muted);font-size:8px;font-weight:800}.fixture-ticker-item time b{margin-top:2px;color:var(--cyan);font:800 11px "Space Grotesk"}.fixture-ticker-item time b.is-live{color:#86efac;font-size:8px;animation:tickerLive 1.2s ease-in-out infinite}.ticker-team{min-width:0;display:flex;align-items:center;gap:7px}.ticker-team.away{flex-direction:row-reverse;text-align:right}.ticker-team strong{max-width:95px;overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ticker-crest{position:relative;flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(152,167,199,.2);border-radius:50%;background:#101d4d}.ticker-crest img{position:absolute;inset:0;width:100%;height:100%;padding:3px;object-fit:contain;background:#101d4d}.ticker-crest i{color:var(--muted);font-size:7px;font-style:normal;font-weight:900}.ticker-score{min-width:24px;color:var(--muted);font-size:8px;font-weight:900;text-align:center}.fixture-ticker-link{display:flex;align-items:center;justify-content:center;gap:8px;border-left:1px solid rgba(181,44,255,.2);background:linear-gradient(135deg,rgba(24,87,255,.1),rgba(181,44,255,.1));color:#fff;font-size:9px;font-weight:900;text-decoration:none}.fixture-ticker-link b{color:var(--cyan);font-size:14px;transition:transform .2s}.fixture-ticker-link:hover b{transform:translateX(3px)}
@keyframes fixtureTicker{to{transform:translateX(-50%)}}@keyframes tickerPulse{50%{opacity:.45;transform:scale(.82)}}@keyframes tickerLive{50%{opacity:.5}}
@media(max-width:760px){.fixture-ticker{grid-template-columns:82px minmax(0,1fr) 46px;min-height:70px}.fixture-ticker-label{padding:0 10px}.fixture-ticker-label span{font-size:7px}.fixture-ticker-label b{font-size:8px}.fixture-ticker-link span{display:none}.fixture-ticker-window{overflow-x:auto;scrollbar-width:none;mask-image:none;-webkit-mask-image:none}.fixture-ticker-window::-webkit-scrollbar{display:none}.fixture-ticker-track{animation:none}.ticker-duplicate{display:none}.fixture-ticker-item{min-width:295px;padding:8px 13px;grid-template-columns:auto minmax(72px,auto) auto minmax(72px,auto);gap:7px;scroll-snap-align:start}.fixture-ticker-set{scroll-snap-type:x mandatory}.ticker-team strong{max-width:75px}.ticker-crest{width:28px;height:28px;flex-basis:28px}}
@media(prefers-reduced-motion:reduce){.fixture-ticker-track,.fixture-ticker-label i,.fixture-ticker-item time b.is-live{animation:none}}

/* Ajuste V5.1: centrado vertical exacto de la pista y separadores */
.fixture-ticker-track{height:100%;align-items:stretch}
.fixture-ticker-set{height:100%}
.fixture-ticker-item{height:100%}
.fixture-ticker-item:after{top:50%;bottom:auto;height:32px;transform:translateY(-50%);background:linear-gradient(transparent,rgba(152,167,199,.38),transparent)}

/* V5.2: día de la semana legible */
.fixture-ticker-item time{min-width:68px}
.fixture-ticker-item time span{white-space:nowrap;text-transform:capitalize}
@media(max-width:760px){.fixture-ticker-item time{min-width:62px}}

/* V5.3: carrusel móvil, un partido completo por gesto */
@media(max-width:760px){
  .fixture-ticker{grid-template-columns:minmax(0,1fr) 44px}
  .fixture-ticker-label{display:none}
  .fixture-ticker-window{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x}
  .fixture-ticker-track{width:max-content;height:100%}
  .fixture-ticker-set{height:100%;scroll-snap-type:none}
  .fixture-ticker-item{box-sizing:border-box;flex:0 0 calc(100vw - 66px);width:calc(100vw - 66px);min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:62px minmax(0,1fr) 22px minmax(0,1fr);padding:8px 12px}
  .fixture-ticker-item:after{display:none}
  .ticker-team strong{max-width:84px}
  .fixture-ticker-link{width:44px}
}
@media(max-width:380px){
  .fixture-ticker-item{flex-basis:calc(100vw - 64px);width:calc(100vw - 64px);grid-template-columns:58px minmax(0,1fr) 18px minmax(0,1fr);gap:5px;padding-inline:9px}
  .fixture-ticker-item time{min-width:58px}.ticker-team{gap:4px}.ticker-team strong{max-width:62px}.ticker-crest{width:25px;height:25px;flex-basis:25px}
}

/* Bonus pendiente: urgencia controlada dentro de la identidad visual */
.league-bonus-quick.urgent{position:relative;max-width:100%;overflow:hidden;border-color:rgba(255,76,76,.5);background:linear-gradient(100deg,rgba(71,13,40,.72),rgba(12,20,64,.76));box-shadow:inset 3px 0 0 #ff4c4c,0 0 0 1px rgba(255,76,76,.08),0 8px 26px rgba(255,31,74,.08);animation:bonusUrgentBorder 1.7s ease-in-out infinite}.league-bonus-quick.urgent:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,74,74,.065),transparent);transform:translateX(-100%);animation:bonusUrgentSweep 2.2s linear infinite}.league-bonus-countdown small{display:flex;align-items:center;justify-content:center;gap:5px}.league-bonus-countdown small i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.league-bonus-quick.urgent .league-bonus-countdown{border:1px solid rgba(255,76,76,.34);background:rgba(255,38,76,.12);box-shadow:0 0 20px rgba(255,38,76,.12)}.league-bonus-quick.urgent .league-bonus-countdown small{color:#ff9d9d}.league-bonus-quick.urgent .league-bonus-countdown small i{background:#ff4c4c;box-shadow:0 0 11px #ff294d;animation:bonusUrgentDot .75s steps(2,end) infinite}.league-bonus-quick.urgent .league-bonus-countdown strong{color:#fff;font-family:"Space Grotesk",monospace;font-size:15px;letter-spacing:.08em;text-shadow:0 0 13px rgba(255,76,76,.72);font-variant-numeric:tabular-nums}.league-bonus-quick.urgent .league-bonus-quick-form>.btn{background:linear-gradient(135deg,#ff3e52,#a729ff);box-shadow:0 8px 22px rgba(255,46,84,.18)}.league-bonus-quick.saved .league-bonus-countdown{border:1px solid rgba(43,214,123,.2);background:rgba(43,214,123,.07)}.league-bonus-quick.saved .league-bonus-countdown strong{color:var(--green);font-variant-numeric:tabular-nums}
@keyframes bonusUrgentBorder{0%,100%{border-color:rgba(255,76,76,.38)}50%{border-color:rgba(255,76,76,.8);box-shadow:inset 3px 0 0 #ff4c4c,0 0 22px rgba(255,38,76,.13)}}@keyframes bonusUrgentDot{0%,45%{opacity:1}46%,100%{opacity:.25}}@keyframes bonusUrgentSweep{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.league-bonus-quick.urgent,.league-bonus-quick.urgent:after,.league-bonus-quick.urgent .league-bonus-countdown small i{animation:none}}

/* Sistema visual V4: componentes compartidos de administración y bonus */
.bonus-admin-form{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) 135px 135px auto auto;gap:var(--space-2);align-items:end}.bonus-admin-form label{display:grid;gap:var(--space-1)}.bonus-admin-form label[hidden]{display:none!important}.bonus-admin-form label span{color:var(--muted);font-size:9px}.bonus-admin-form .bonus-notify{display:flex;align-items:center;gap:7px;min-height:42px;white-space:nowrap}
.bonus-admin-list,.member-list{display:grid;gap:8px}.bonus-admin-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:var(--radius-md)}.bonus-admin-list article>div,.member-list article>div{display:grid;gap:3px}.bonus-admin-list small,.bonus-admin-list span,.member-list small{color:var(--muted);font-size:9px}.bonus-admin-list strong,.member-list strong{color:#fff}
.member-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.member-list form{display:flex;gap:6px}
.bonus-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bonus-user-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(9,19,58,.5)}.bonus-user-card>header{display:flex;justify-content:space-between;gap:12px}.bonus-user-card header div{display:grid;gap:3px}.bonus-user-card header small{color:var(--muted)}.bonus-user-card header span{color:var(--cyan);font-size:8px;font-weight:900}.bonus-user-card header>strong{color:var(--gold)}
.bonus-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:18px 0;color:#fff;font-weight:800;text-align:center}.bonus-match b{color:var(--muted);font-size:9px}.bonus-user-card>p{color:var(--muted);font-size:10px}.bonus-user-card form{display:grid;gap:12px}.exact-inputs{display:flex;align-items:center;justify-content:center;gap:8px}.exact-inputs input{width:58px;text-align:center}.one-x-two{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.one-x-two input{position:absolute;opacity:0}.one-x-two span{display:grid;place-items:center;padding:11px;border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff}.one-x-two input:checked+span{border-color:var(--cyan);background:rgba(0,217,255,.12);color:var(--cyan)}
.bonus-result{display:flex;align-items:center;justify-content:space-between;padding:11px;border-radius:var(--radius-sm);background:rgba(6,11,43,.55)}.bonus-result span{color:var(--muted);font-size:9px}.bonus-result b{color:var(--green)}
@media(max-width:760px){.bonus-admin-form{grid-template-columns:1fr}.bonus-admin-list article{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.member-list article{grid-template-columns:1fr auto}.member-list form{grid-column:1/-1}}

/* V4.1 — jerarquía visual de las pantallas principales */
.dashboard-page{display:grid;gap:var(--space-4);padding-top:28px}.dashboard-page>.porra-tabs,.dashboard-page>section{margin:0}
.porra-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.55)}.porra-tabs a{padding:9px 14px;border-radius:10px;color:var(--muted);font-size:10px;font-weight:800;text-decoration:none}.porra-tabs a:hover{color:#fff}.porra-tabs a.active{background:linear-gradient(135deg,rgba(24,87,255,.42),rgba(102,53,255,.34));color:#fff;box-shadow:0 6px 18px rgba(24,87,255,.14)}
.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:174px;padding:28px;border-color:rgba(0,217,255,.2);border-radius:var(--radius-xl);background:linear-gradient(125deg,rgba(16,29,77,.96),rgba(8,17,57,.9))}.dashboard-hero:after{content:"";position:absolute;z-index:-1;right:-80px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(102,53,255,.24),transparent 68%)}.dashboard-welcome{margin-top:7px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.dashboard-hero>div:first-child>p{max-width:520px;margin-bottom:0}.dashboard-hero>div:first-child>p strong{color:#fff}
.dashboard-stat-row{gap:8px}.dashboard-stat-row article{min-width:104px;padding:14px 16px;border:1px solid rgba(152,167,199,.16);border-radius:14px;background:rgba(6,11,43,.46);box-shadow:inset 0 1px rgba(255,255,255,.025)}.dashboard-stat-row span{font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.dashboard-stat-row strong{margin-top:3px;font-size:24px;line-height:1}
.selection-status{margin:0;padding:13px 15px;border-radius:14px}.selection-status>div>div{display:grid;gap:2px}.selection-status p{margin:0}.selection-status .btn{flex:0 0 auto}
.quick-grid{margin:0}.quick-card{min-height:82px;padding:16px;border-radius:15px;background:linear-gradient(135deg,rgba(16,29,77,.7),rgba(6,11,43,.5));transition:border-color .2s ease,transform .2s ease,background .2s ease}.quick-card:hover{transform:translateY(-2px);border-color:rgba(0,217,255,.3);background:linear-gradient(135deg,rgba(24,87,255,.16),rgba(16,29,77,.72))}.quick-card .quick-icon{background:rgba(0,217,255,.09);color:var(--cyan)}
.dashboard-page>.section-card{margin:0;border-radius:var(--radius-xl)}.dashboard-page .section-card-head{margin-bottom:16px}.dashboard-page .section-card-head h2{margin-top:4px}.dashboard-page .selection-summary{gap:8px}.dashboard-page .selected-team{min-height:66px;border-radius:13px;background:rgba(6,11,43,.38)}
.league-ranking-first{position:relative;overflow:hidden;border-color:rgba(0,217,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(16,29,77,.82),rgba(7,14,48,.76))}.league-ranking-first:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);opacity:.45}.league-ranking-first>.section-card-head{padding-bottom:18px;border-bottom:1px solid rgba(152,167,199,.11)}.league-ranking-first .league-title{margin-top:6px;letter-spacing:-.035em}.league-ranking-first .section-card-head p{max-width:600px;margin:7px 0 0}.league-head-actions{align-items:center}.league-head-actions .pill{border-color:rgba(0,217,255,.2);background:rgba(0,217,255,.07);color:var(--cyan)}
.league-ranking-tools{margin-top:16px}.league-ranking-search input{transition:border-color .2s ease,box-shadow .2s ease}.league-ranking-search input:focus{border-color:rgba(0,217,255,.55);outline:0;box-shadow:0 0 0 3px rgba(0,217,255,.08)}
.league-rewards-public{border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(16,29,77,.64),rgba(7,14,48,.6))}.league-rewards-public .pot-badge{box-shadow:inset 0 1px rgba(255,255,255,.03)}
@media(max-width:900px){.dashboard-hero{gap:20px}.dashboard-stat-row{width:100%}.dashboard-stat-row article{flex:1}.league-ranking-first>.section-card-head{align-items:flex-start;flex-direction:column}.league-head-actions{width:100%}}
@media(max-width:680px){.dashboard-page{gap:13px;padding-top:16px}.porra-tabs{display:grid;grid-template-columns:repeat(3,1fr);justify-self:stretch;width:100%}.porra-tabs a{padding:9px 7px;text-align:center}.dashboard-hero{min-height:0;padding:18px;border-radius:17px}.dashboard-welcome{font-size:28px}.dashboard-hero>div:first-child>p{font-size:10px}.dashboard-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dashboard-stat-row article{min-width:0;padding:10px}.dashboard-stat-row strong{font-size:19px}.selection-status{gap:11px;padding:12px}.selection-status strong{font-size:11px}.selection-status p{font-size:9px}.quick-card{min-height:70px;padding:12px}.dashboard-page>.section-card{border-radius:17px}.dashboard-page .section-card-head{gap:12px}.dashboard-page .selected-team{min-height:61px}.league-ranking-first{border-radius:18px}.league-ranking-first>.section-card-head{padding-bottom:14px}.league-ranking-tools{margin-top:12px}}

/* V4.2 — panel deportivo y cabecera de competición */
.dashboard-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'identity stats';align-items:stretch;gap:28px;min-height:230px;padding:0;background:linear-gradient(120deg,#101f54 0%,#0a153e 58%,#111145 100%);box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)}.dashboard-scoreboard:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,217,255,.05),transparent 38%),repeating-linear-gradient(115deg,transparent 0 70px,rgba(255,255,255,.012) 70px 71px)}
.dashboard-identity{grid-area:identity;display:grid;grid-template-rows:1fr auto;min-width:0;padding:28px 0 20px 30px}.dashboard-identity-copy{align-self:center}.dashboard-scoreboard .dashboard-welcome{margin:7px 0 12px;font-size:clamp(34px,4vw,52px);line-height:.95}.dashboard-competition{display:flex;align-items:center;gap:8px}.dashboard-competition span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.dashboard-competition strong{color:#fff;font-size:11px}
.dashboard-team-ribbon{display:flex;align-items:center;gap:13px;min-width:0;padding-top:17px;border-top:1px solid rgba(152,167,199,.13);text-decoration:none}.dashboard-team-ribbon-label{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.dashboard-team-crests{display:flex;align-items:center;min-width:0}.dashboard-team-crests>i{color:var(--muted);font-size:9px}.dashboard-team-crest{position:relative;display:grid;place-items:center;width:32px;height:32px;margin-left:-4px;overflow:hidden;border:1px solid rgba(152,167,199,.25);border-radius:50%;background:#101d4d;box-shadow:0 4px 12px rgba(0,0,0,.18)}.dashboard-team-crest:first-child{margin-left:0}.dashboard-team-crest img{width:100%;height:100%;padding:3px;object-fit:contain}.dashboard-team-crest b{font-size:7px}.dashboard-team-crest.out{filter:grayscale(1);opacity:.38}.dashboard-team-ribbon>b{color:var(--cyan);font-size:9px;white-space:nowrap}
.dashboard-scoreboard .dashboard-stat-row{grid-area:stats;display:grid;grid-template-columns:repeat(2,116px);grid-template-rows:1fr 1fr;gap:1px;padding:1px;background:rgba(152,167,199,.12)}.dashboard-scoreboard .dashboard-stat-row article{align-content:center;min-width:0;padding:18px;border:0;border-radius:0;background:rgba(6,11,43,.72)}.dashboard-scoreboard .dashboard-stat-row article.is-primary{grid-row:1/-1;grid-column:1;align-content:center;background:linear-gradient(155deg,rgba(24,87,255,.3),rgba(102,53,255,.16))}.dashboard-scoreboard .dashboard-stat-row article:first-child{grid-column:2;grid-row:1}.dashboard-scoreboard .dashboard-stat-row article:last-child{grid-column:2;grid-row:2}.dashboard-scoreboard .dashboard-stat-row span{font-size:7px}.dashboard-scoreboard .dashboard-stat-row strong{color:#fff;font-size:25px}.dashboard-scoreboard .dashboard-stat-row .is-primary strong{color:var(--cyan);font-size:42px}.dashboard-scoreboard .dashboard-stat-row small{color:var(--muted);font-size:7px}
.league-title-copy{max-width:720px}.league-meta-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.league-meta-line span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid rgba(152,167,199,.14);border-radius:8px;background:rgba(6,11,43,.38);color:var(--muted);font-size:8px}.league-meta-line b{color:#fff;font-size:9px}.league-meta-line span:last-child:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(34,197,94,.7)}
@media(max-width:900px){.dashboard-scoreboard{grid-template-columns:1fr;grid-template-areas:'identity' 'stats';gap:0}.dashboard-identity{padding:24px}.dashboard-scoreboard .dashboard-stat-row{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.dashboard-scoreboard .dashboard-stat-row article,.dashboard-scoreboard .dashboard-stat-row article:first-child,.dashboard-scoreboard .dashboard-stat-row article:last-child,.dashboard-scoreboard .dashboard-stat-row article.is-primary{grid-column:auto;grid-row:auto}.dashboard-scoreboard .dashboard-stat-row article.is-primary{order:2}.dashboard-scoreboard .dashboard-stat-row article:last-child{order:3}}
@media(max-width:680px){.dashboard-scoreboard{min-height:0;border-radius:17px}.dashboard-identity{padding:17px 14px 14px}.dashboard-scoreboard .dashboard-welcome{font-size:30px}.dashboard-competition{align-items:flex-start;flex-direction:column;gap:2px}.dashboard-team-ribbon{gap:7px;padding-top:13px}.dashboard-team-ribbon-label{display:none}.dashboard-team-crest{flex:1 1 27px;width:27px;min-width:20px;max-width:27px;height:27px;margin-left:-3px}.dashboard-team-ribbon>b{font-size:7px}.dashboard-scoreboard .dashboard-stat-row article{padding:11px 9px}.dashboard-scoreboard .dashboard-stat-row span{font-size:6px}.dashboard-scoreboard .dashboard-stat-row strong{font-size:20px}.dashboard-scoreboard .dashboard-stat-row .is-primary strong{font-size:25px}.dashboard-scoreboard .dashboard-stat-row small{font-size:6px}.league-meta-line{margin-top:10px}.league-meta-line span{padding:5px 7px;font-size:7px}}

/* V4.3 — centro de partidos y bonus */
.fixture-ticker{min-height:92px;border-radius:19px;background:linear-gradient(110deg,#0d1c52,#07113a 52%,#171044);box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}.fixture-ticker-label{background:linear-gradient(160deg,rgba(0,217,255,.1),rgba(24,87,255,.05))}.fixture-ticker-label i{width:9px;height:9px}.fixture-ticker-item{min-width:390px;padding-inline:21px;grid-template-columns:72px minmax(100px,1fr) 38px minmax(100px,1fr)}.fixture-ticker-item.is-live{background:linear-gradient(90deg,rgba(34,197,94,.04),transparent)}.fixture-ticker-item time{gap:1px}.fixture-ticker-item time small{padding:2px 5px;border-radius:5px;background:rgba(152,167,199,.1);color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.05em}.fixture-ticker-item time span{margin-top:2px}.ticker-crest{width:36px;height:36px;flex-basis:36px;border-color:rgba(152,167,199,.26);box-shadow:0 5px 14px rgba(0,0,0,.18)}.ticker-team strong{max-width:110px;font-size:10px}.ticker-score{display:grid;place-items:center;min-width:30px;height:25px;border:1px solid rgba(152,167,199,.13);border-radius:8px;background:rgba(6,11,43,.5);font-size:7px}.ticker-score.has-score{color:#fff;font:800 12px "Space Grotesk"}.fixture-ticker-link{font-size:8px;letter-spacing:.03em}
.league-bonus-strip{padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(12,31,82,.97),rgba(30,15,78,.94));box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}.league-bonus-strip>header{margin-bottom:14px}.league-bonus-strip>header>a{padding:7px 9px;border-radius:8px;text-decoration:none}.league-bonus-strip>header>a:hover{background:rgba(0,217,255,.07)}
.league-bonus-quick.bonus-match-card{grid-template-columns:minmax(330px,1.3fr) 150px minmax(300px,1fr);gap:16px;min-height:108px;padding:12px 14px}.bonus-match-card .league-bonus-quick-match{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.bonus-match-meta{grid-column:1/-1;display:flex;align-items:center;gap:7px}.bonus-match-meta small{color:var(--muted);font-size:7px}.bonus-match-meta span{padding:3px 6px;border-radius:5px;background:rgba(102,53,255,.13);color:#cbbdff;font-size:6px;font-weight:900;text-transform:uppercase}.bonus-match-teams{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:7px}.bonus-match-teams>i{color:var(--muted);font-size:6px;font-style:normal;font-weight:900;text-align:center}.bonus-match-team{display:flex;align-items:center;gap:7px;min-width:0}.bonus-match-team.away{flex-direction:row-reverse;text-align:right}.bonus-match-team strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.bonus-match-crest{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:1px solid rgba(152,167,199,.24);border-radius:50%;background:#101d4d}.bonus-match-crest img{width:100%;height:100%;padding:3px;object-fit:contain}.bonus-match-crest b{font-size:7px}.bonus-points-badge{align-self:center;padding:7px 8px;border:1px solid rgba(244,185,66,.24);border-radius:8px;background:rgba(244,185,66,.08);color:var(--gold)!important;font-size:9px!important;font-weight:900;white-space:nowrap}.bonus-match-card .league-bonus-countdown{align-content:center;min-height:62px}.bonus-match-card .league-bonus-countdown strong{font-size:14px}.bonus-match-card .league-bonus-quick-form{justify-content:flex-end}.bonus-match-card.saved:after{display:none}.bonus-match-card.saved .bonus-match-meta span{background:rgba(34,197,94,.1);color:#86efac}
@media(max-width:1050px){.league-bonus-quick.bonus-match-card{grid-template-columns:minmax(280px,1fr) 140px}.bonus-match-card .league-bonus-quick-form{grid-column:1/-1;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(152,167,199,.11)}}
@media(max-width:760px){.fixture-ticker{min-height:76px;border-radius:15px}.fixture-ticker-item{grid-template-columns:60px minmax(72px,1fr) 28px minmax(72px,1fr);padding-inline:11px}.fixture-ticker-item time small{display:none}.ticker-crest{width:29px;height:29px;flex-basis:29px}.ticker-team strong{font-size:8px}.ticker-score{height:23px}.league-bonus-strip{padding:12px;border-radius:16px}.league-bonus-quick.bonus-match-card{grid-template-columns:1fr 96px;gap:9px;min-height:0;padding:10px}.bonus-match-card .league-bonus-quick-form{grid-column:1/-1}.bonus-match-crest{width:29px;height:29px;flex-basis:29px}.bonus-match-team strong{font-size:9px}.bonus-points-badge{padding:5px 6px;font-size:8px!important}.bonus-match-card .league-bonus-countdown{min-height:55px}.bonus-match-card .league-bonus-countdown strong{font-size:10px}.bonus-match-card .league-bonus-quick-form>.btn{min-height:38px;font-size:9px}}
@media(max-width:430px){.league-bonus-strip>header h2{font-size:14px}.league-bonus-quick.bonus-match-card{grid-template-columns:1fr}.bonus-match-card .league-bonus-countdown{grid-row:2}.bonus-match-card .league-bonus-quick-form{grid-row:3}.bonus-match-teams{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.bonus-match-crest{width:27px;height:27px;flex-basis:27px}.bonus-match-card .league-bonus-quick-form{align-items:stretch;flex-wrap:wrap}.bonus-match-card .league-bonus-quick-form>.btn{width:100%}.quick-score,.quick-one-x-two{width:100%;justify-content:center}.quick-one-x-two label{flex:1}.quick-one-x-two span{width:100%}}

/* V4.3.1 — marcador exacto integrado entre los escudos */
.bonus-match-team.away{flex-direction:row}.bonus-match-team.home{justify-content:flex-end;text-align:right}.bonus-match-team.away{justify-content:flex-start;text-align:left}.bonus-inline-score{flex:0 0 45px;width:45px;height:43px;padding:4px;border:1px solid rgba(0,217,255,.24);border-radius:10px;background:#071238;color:#fff;font:800 18px "Space Grotesk";text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.025)}.bonus-inline-score:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px rgba(0,217,255,.09)}.bonus-inline-score::-webkit-inner-spin-button,.bonus-inline-score::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.bonus-inline-score{-moz-appearance:textfield}.bonus-match-card:has(.bonus-inline-score) .bonus-match-teams>i{color:#fff;font-size:13px}.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form{justify-content:flex-end}
@media(max-width:760px){.bonus-inline-score{flex-basis:39px;width:39px;height:39px;font-size:16px}.bonus-match-team{gap:5px}.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form{justify-content:flex-end}}
@media(max-width:430px){.bonus-match-card .league-bonus-quick-match{grid-template-columns:1fr}.bonus-match-card .bonus-points-badge{position:absolute;right:0;top:0}.bonus-match-team strong{max-width:70px}.bonus-inline-score{flex-basis:37px;width:37px;height:37px}.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form>.btn{width:100%}}

/* V4.4 — evolución y perfil de rendimiento */
.evolution-page{display:grid;gap:18px}.evolution-page>.porra-tabs,.evolution-page>.evolution-hero,.evolution-page>.card{margin:0}.evolution-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:26px;border:1px solid rgba(0,217,255,.2);border-radius:22px;background:linear-gradient(130deg,rgba(16,31,82,.95),rgba(8,16,53,.88));box-shadow:0 20px 55px rgba(0,0,0,.2)}.evolution-hero h1{margin:6px 0 7px}.evolution-hero p{margin:0}.evolution-kpis{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px}.evolution-kpis article{display:grid;gap:4px;min-width:100px;padding:12px;border:1px solid rgba(152,167,199,.14);border-radius:12px;background:rgba(6,11,43,.48)}.evolution-kpis small{color:var(--muted);font-size:7px;text-transform:uppercase}.evolution-kpis strong{color:#fff;font:700 20px "Space Grotesk"}.evolution-kpis article:nth-child(3) strong,.evolution-kpis article:nth-child(4) strong{color:var(--cyan)}
.evolution-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.evolution-chart-head h2{margin-top:4px}.evolution-chart-head>span{color:var(--muted);font-size:9px}.evolution-chart{height:260px;padding:16px 12px 0;border:1px solid rgba(152,167,199,.11);border-radius:16px;background:linear-gradient(180deg,rgba(0,217,255,.025),rgba(6,11,43,.28));overflow:hidden}.evolution-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:rgba(152,167,199,.12);stroke-width:1}.chart-area{fill:url(#evolutionFill)}.chart-line{fill:none;stroke:#00d9ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(0,217,255,.35))}.chart-dot{fill:#081139;stroke:#fff;stroke-width:4}.evolution-periods{display:flex;gap:8px;margin-top:13px;padding-bottom:3px;overflow-x:auto;scroll-snap-type:x proximity}.evolution-periods article{display:grid;flex:1 0 126px;gap:3px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.38);scroll-snap-align:start}.evolution-periods small{color:var(--cyan);font-size:7px}.evolution-periods strong{color:#fff;font:700 22px "Space Grotesk"}.evolution-periods span,.evolution-periods b{color:var(--muted);font-size:8px}.evolution-periods em{color:var(--green);font-size:8px;font-style:normal;font-weight:800}
.participant-page{display:grid;gap:18px}.participant-page>.participant-hero,.participant-page>.card,.participant-page>.empty{margin:0}.participant-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(0,217,255,.2);border-radius:22px;background:linear-gradient(125deg,#101f54,#081139 58%,#171044);box-shadow:0 22px 58px rgba(0,0,0,.22)}.participant-identity{display:flex;align-items:center;gap:16px}.participant-monogram{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(0,217,255,.32);border-radius:20px;background:linear-gradient(135deg,rgba(24,87,255,.4),rgba(181,44,255,.28));color:#fff;font:700 30px "Space Grotesk";box-shadow:0 12px 28px rgba(24,87,255,.18)}.participant-identity h1{margin:5px 0 3px}.participant-identity p{margin:0;font-size:9px}.participant-stats{display:flex;gap:7px}.participant-stats article{display:grid;align-content:center;min-width:105px;min-height:72px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(6,11,43,.48)}.participant-stats small{color:var(--muted);font-size:7px;text-transform:uppercase}.participant-stats strong{margin-top:4px;color:#fff;font:700 22px "Space Grotesk"}.participant-stats .primary{border-color:rgba(0,217,255,.24);background:linear-gradient(145deg,rgba(24,87,255,.24),rgba(102,53,255,.12))}.participant-stats .primary strong{color:var(--cyan)}
.participant-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}.participant-section-head h2{margin-top:4px}.participant-section-head>strong{color:var(--cyan);font:700 21px "Space Grotesk"}.participant-team-performance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.participant-team-performance article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(152,167,199,.13);border-radius:13px;background:rgba(6,11,43,.36)}.participant-team-performance article.out{opacity:.48}.participant-team-crest{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border:1px solid var(--border);border-radius:50%;background:#101d4d}.participant-team-crest img{width:100%;height:100%;padding:4px;object-fit:contain}.participant-team-crest b{font-size:8px}.participant-team-performance article>div{display:grid;gap:4px;min-width:0}.participant-team-performance article>div>strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.participant-team-performance article>div>small{color:var(--muted);font-size:7px}.participant-team-performance article>b{color:#fff;font-size:13px;white-space:nowrap}.participant-team-performance article>b small{color:var(--muted);font-size:7px}.participant-team-bar{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.participant-team-bar i{display:block;width:var(--team-share);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.participant-predictions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.participant-predictions article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:13px;border:1px solid rgba(102,53,255,.22);border-radius:12px;background:rgba(102,53,255,.07)}.participant-predictions small{grid-column:1/-1;color:var(--muted);font-size:7px;text-transform:uppercase}.participant-predictions strong{overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.participant-predictions b{color:var(--cyan);font-size:10px}.participant-history{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.participant-history>div:first-child h2{margin:4px 0 11px}.participant-history>div:last-child{display:flex;gap:7px;overflow-x:auto}.participant-history article{display:grid;flex:1 0 92px;gap:3px;padding:10px;border-radius:10px;background:rgba(6,11,43,.45)}.participant-history small,.participant-history span{color:var(--muted);font-size:7px}.participant-history strong{color:#fff;font-size:16px}
@media(max-width:900px){.evolution-hero,.participant-hero{align-items:stretch;flex-direction:column}.evolution-kpis{width:100%}.participant-stats{width:100%}.participant-stats article{flex:1}.participant-team-performance{grid-template-columns:1fr}}
@media(max-width:680px){.evolution-page,.participant-page{gap:12px;padding-top:16px}.evolution-hero,.participant-hero{padding:16px;border-radius:17px}.evolution-kpis{grid-template-columns:repeat(2,1fr)}.evolution-kpis article{min-width:0;padding:10px}.evolution-chart-head{align-items:flex-start;flex-direction:column}.evolution-chart{height:210px;padding-inline:4px}.chart-line{stroke-width:7}.chart-dot{r:8}.participant-identity{gap:11px}.participant-monogram{width:52px;height:52px;border-radius:15px;font-size:23px}.participant-identity h1{font-size:30px}.participant-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.participant-stats article{min-width:0;min-height:60px;padding:9px}.participant-stats strong{font-size:18px}.participant-section-head{align-items:flex-start}.participant-team-performance article{grid-template-columns:36px minmax(0,1fr) auto;padding:9px}.participant-team-crest{width:34px;height:34px}.participant-predictions{grid-template-columns:1fr}}

/* V4.5 — centro de calendario */
.calendar-page{display:grid;gap:16px}.calendar-page>.calendar-hero,.calendar-page>.calendar-index,.calendar-page>.calendar-filters,.calendar-page>.calendar-groups{margin:0}.calendar-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;min-height:190px;padding:28px;border:1px solid rgba(0,217,255,.2);border-radius:23px;background:linear-gradient(125deg,#102057,#09143e 58%,#171044);box-shadow:0 24px 60px rgba(0,0,0,.23)}.calendar-hero:after{content:"";position:absolute;z-index:-1;right:-100px;top:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(102,53,255,.25),transparent 68%)}.calendar-hero h1{margin:7px 0 8px}.calendar-hero p{margin:0}.calendar-hero-summary{display:flex;align-items:flex-end;gap:9px}.calendar-next{display:grid;min-width:245px;padding:12px 14px;border:1px solid rgba(0,217,255,.2);border-radius:13px;background:rgba(6,11,43,.5)}.calendar-next small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.08em}.calendar-next strong{margin:5px 0 2px;color:#fff;font-size:11px}.calendar-next strong i{margin:0 5px;color:var(--muted);font-size:7px;font-style:normal}.calendar-next span{color:var(--muted);font-size:8px}
.calendar-page .calendar-index{top:72px;padding:6px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.calendar-page .calendar-index a{padding:9px 13px}.calendar-page .calendar-index a:hover{color:#fff;background:linear-gradient(135deg,rgba(24,87,255,.22),rgba(102,53,255,.14))}.calendar-filters{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:rgba(6,11,43,.5);overflow-x:auto}.calendar-filters button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 9px Inter;white-space:nowrap;cursor:pointer}.calendar-filters button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:rgba(152,167,199,.1);color:#fff;font-size:7px}.calendar-filters button.active{background:linear-gradient(135deg,rgba(24,87,255,.36),rgba(102,53,255,.28));color:#fff}.calendar-filters button.active b{background:rgba(0,217,255,.14);color:var(--cyan)}
.calendar-page .calendar-groups{gap:14px}.calendar-page .calendar-group{padding:20px;border-radius:19px;background:linear-gradient(145deg,rgba(12,25,69,.72),rgba(6,12,43,.66));box-shadow:inset 0 1px rgba(255,255,255,.025)}.calendar-page .calendar-group>header{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(152,167,199,.11)}.calendar-page .calendar-group h2{font-size:22px}.calendar-page .calendar-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.calendar-page .calendar-match{position:relative;overflow:hidden;padding:0;border-radius:14px;background:rgba(6,11,43,.55);transition:transform .2s ease,border-color .2s ease}.calendar-page .calendar-match:hover{transform:translateY(-2px);border-color:rgba(0,217,255,.25)}.calendar-page .calendar-match.live{box-shadow:inset 3px 0 var(--green)}.calendar-page .calendar-match.finished{opacity:1}.calendar-page .calendar-match-meta{margin:0;padding:10px 12px;border-bottom-color:rgba(152,167,199,.1);background:rgba(16,29,77,.38)}.calendar-page .calendar-match-meta time{align-items:center}.calendar-page .calendar-match-meta time b{font-size:8px}.calendar-page .calendar-match-meta time span{padding:3px 6px;border-radius:6px;background:rgba(0,217,255,.08);font-size:8px}.calendar-page .calendar-match-meta>span{padding:4px 7px;border-radius:7px;background:rgba(152,167,199,.08);font-size:7px;font-weight:900;text-transform:uppercase}.calendar-page .calendar-match.live .calendar-match-meta>span{background:rgba(34,197,94,.1);color:#86efac}.calendar-page .calendar-match.live .calendar-match-meta>span:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:tickerLive 1.2s infinite}.calendar-page .calendar-team{grid-template-columns:40px minmax(0,1fr) 34px;gap:10px;padding:9px 13px}.calendar-page .calendar-team+.calendar-team{border-top:1px solid rgba(152,167,199,.07)}.calendar-page .calendar-crest{width:38px;height:38px;border-color:rgba(152,167,199,.22)}.calendar-page .calendar-crest img{padding:4px}.calendar-page .calendar-team strong{font-size:11px}.calendar-page .calendar-team>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(16,29,77,.62);font:700 17px "Space Grotesk"}.calendar-page .calendar-match.finished .calendar-team>b{color:var(--cyan)}
.calendar-group[hidden],.calendar-match[hidden]{display:none!important}
@media(max-width:900px){.calendar-hero{align-items:stretch;flex-direction:column}.calendar-hero-summary{align-items:stretch}.calendar-next{flex:1}.calendar-page .calendar-match-grid{grid-template-columns:1fr}}
@media(max-width:620px){.calendar-page{gap:11px;padding-top:16px}.calendar-hero{min-height:0;padding:17px;border-radius:17px}.calendar-hero h1{font-size:34px}.calendar-hero-summary{display:grid;grid-template-columns:1fr}.calendar-next{min-width:0}.calendar-hero-summary .btn{width:100%}.calendar-page .calendar-index{top:62px}.calendar-filters{margin-inline:0}.calendar-filters button{flex:0 0 auto}.calendar-page .calendar-group{padding:12px;border-radius:16px}.calendar-page .calendar-group h2{font-size:17px}.calendar-page .calendar-team{grid-template-columns:35px minmax(0,1fr) 31px;padding:8px 10px}.calendar-page .calendar-crest{width:33px;height:33px}.calendar-page .calendar-team strong{font-size:10px}.calendar-page .calendar-team>b{width:29px;height:29px;font-size:15px}}

/* V4.6 — privacidad y publicación de pronósticos bonus */
.bonus-privacy-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;border:1px solid rgba(0,217,255,.13);border-radius:10px;background:rgba(0,217,255,.045)}.bonus-privacy-note>span{font-size:12px}.bonus-privacy-note p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.bonus-privacy-note b{color:var(--cyan)}
.bonus-reveal{margin-top:14px;padding-top:13px;border-top:1px solid rgba(152,167,199,.13)}.bonus-reveal>header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.bonus-reveal>header>div{display:grid;gap:3px}.bonus-reveal>header small{color:var(--cyan)!important;font-size:7px!important;font-weight:900;letter-spacing:.07em}.bonus-reveal>header strong{color:#fff;font-size:11px}.bonus-reveal>header>span{color:var(--muted);font-size:7px}.bonus-reveal-list{display:grid;gap:5px;max-height:260px;padding-right:3px;overflow-y:auto}.bonus-reveal-list>p{margin:0;padding:11px;border-radius:9px;background:rgba(6,11,43,.42);font-size:9px}.bonus-reveal-list article{display:grid;grid-template-columns:minmax(0,1fr) 54px 72px;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(152,167,199,.1);border-radius:9px;background:rgba(6,11,43,.42)}.bonus-reveal-list article strong{overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bonus-reveal-list article>b{color:var(--cyan);font:800 13px "Space Grotesk";text-align:center}.bonus-reveal-list article>span{color:var(--muted);font-size:8px;text-align:right}.bonus-reveal-list article.winner{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.06)}.bonus-reveal-list article.winner>span{color:var(--green);font-weight:900}.bonus-admin-participation{margin-top:3px!important;color:var(--muted)!important}.bonus-admin-participation b{color:var(--cyan)}
@media(max-width:600px){.bonus-reveal>header{align-items:flex-start;flex-direction:column}.bonus-reveal-list article{grid-template-columns:minmax(0,1fr) 48px 62px;padding-inline:8px}.bonus-reveal-list article>span{font-size:7px}}

/* V4.7 — panel de administración de liga */
.league-admin-dashboard{display:grid;gap:15px}.league-admin-dashboard>.league-admin-hero,.league-admin-dashboard>section{margin:0}.league-admin-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:210px;padding:28px;border:1px solid rgba(0,217,255,.2);border-radius:23px;background:linear-gradient(125deg,#102158,#09143f 58%,#181046);box-shadow:0 24px 60px rgba(0,0,0,.24)}.league-admin-hero:after{content:"";position:absolute;z-index:-1;right:-110px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(181,44,255,.24),transparent 68%)}.league-admin-hero>div{max-width:700px}.league-admin-hero h1{margin:7px 0 8px}.league-admin-hero p{margin:0}.league-admin-code{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:7px 10px;border:1px solid rgba(0,217,255,.18);border-radius:9px;background:rgba(0,217,255,.055)}.league-admin-code span{color:var(--muted);font-size:7px;text-transform:uppercase}.league-admin-code strong{color:var(--cyan);font-size:12px;letter-spacing:.06em}
.league-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.league-admin-metrics article{display:grid;gap:4px;min-height:108px;padding:16px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,rgba(16,29,77,.7),rgba(6,11,43,.5))}.league-admin-metrics article.attention{border-color:rgba(244,185,66,.3);box-shadow:inset 3px 0 var(--gold)}.league-admin-metrics span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.league-admin-metrics strong{color:#fff;font:700 27px "Space Grotesk"}.league-admin-metrics article:nth-child(3) strong{color:var(--gold)}.league-admin-metrics small{align-self:end;color:var(--muted);font-size:7px}
.league-admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.league-admin-actions>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:78px;padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(8,17,57,.62);text-decoration:none;transition:transform .2s,border-color .2s}.league-admin-actions>a:hover{transform:translateY(-2px);border-color:rgba(0,217,255,.3)}.league-admin-actions>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(24,87,255,.12);color:var(--cyan);font-size:17px}.league-admin-actions>a>div{display:grid;gap:3px}.league-admin-actions strong{color:#fff;font-size:11px}.league-admin-actions small{color:var(--muted);font-size:8px}.league-admin-actions>a>b{color:var(--cyan)}
.league-admin-attention{padding:17px;border:1px solid rgba(244,185,66,.21);border-radius:17px;background:linear-gradient(145deg,rgba(244,185,66,.055),rgba(8,17,57,.62))}.league-admin-attention>header{margin-bottom:11px}.league-admin-attention h2{margin-top:4px;font-size:19px}.league-admin-attention>div{display:grid;gap:7px}.league-admin-attention a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(152,167,199,.12);border-radius:11px;background:rgba(6,11,43,.4);text-decoration:none}.league-admin-attention a>div{display:grid;gap:2px}.league-admin-attention a strong{color:#fff;font-size:10px}.league-admin-attention a small{color:var(--muted);font-size:8px}.league-admin-attention a>b{color:var(--gold);font-size:8px}.admin-alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(244,185,66,.12);color:var(--gold);font-style:normal;font-weight:900}.admin-alert-icon.bonus{background:rgba(0,217,255,.09);color:var(--cyan)}
.league-admin-members{border-radius:19px}.league-admin-members .section-card-head{margin-bottom:14px}.member-list article{transition:border-color .2s,background .2s}.member-list article:hover{border-color:rgba(0,217,255,.2);background:rgba(16,29,77,.42)}.member-status.pending{border-color:rgba(244,185,66,.24);color:var(--gold)}.member-status.active{border-color:rgba(34,197,94,.2);color:#86efac}.member-status.disabled,.member-status.rejected{color:#fca5a5}
@media(max-width:900px){.league-admin-metrics{grid-template-columns:repeat(2,1fr)}.league-admin-actions{grid-template-columns:1fr}.league-admin-hero{align-items:stretch;flex-direction:column}}
@media(max-width:680px){.league-admin-dashboard{gap:11px;padding-top:16px}.league-admin-hero{min-height:0;padding:17px;border-radius:17px}.league-admin-hero h1{font-size:34px}.league-admin-hero>.btn{width:100%}.league-admin-metrics{gap:6px}.league-admin-metrics article{min-height:92px;padding:11px}.league-admin-metrics strong{font-size:22px}.league-admin-actions>a{min-height:68px;padding:10px}.league-admin-attention{padding:12px}.league-admin-attention a{grid-template-columns:32px minmax(0,1fr)}.league-admin-attention a>b{grid-column:2}.admin-alert-icon{width:30px;height:30px}.league-admin-members{padding:14px!important}.league-admin-members .section-card-head{align-items:flex-start;flex-direction:column}.member-list article{grid-template-columns:minmax(0,1fr) auto}.member-list form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.member-list form .btn{width:100%}}

/* V5.5 — Landing pública de captación */
.landing-page{overflow:hidden}.landing-hero{padding-bottom:34px}.landing-hero .hero-copy>p{max-width:525px}.landing-hero-actions{align-items:center}.landing-reassurance{display:flex;flex-wrap:wrap;gap:7px 14px;color:#b8c5e2;font-size:9px;font-weight:700}.landing-reassurance span{display:flex;align-items:center;gap:5px}.landing-reassurance i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(43,214,123,.12);color:var(--green);font-size:9px;font-style:normal}.landing-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.landing-section-head>div{min-width:0}.landing-section-head h2{margin:6px 0 0;color:#fff;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}.landing-section-head>p{max-width:470px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.landing-section-head.centered{display:block;max-width:780px;margin:0 auto 25px;text-align:center}.landing-section-head.centered>p{max-width:680px;margin:10px auto 0}.landing-intro{padding:62px 0 74px}.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.landing-steps article{position:relative;min-height:205px;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(16,29,77,.86),rgba(7,14,48,.7))}.landing-steps article>b{display:grid;place-items:center;width:39px;height:39px;margin-bottom:27px;border:1px solid rgba(0,217,255,.18);border-radius:11px;background:rgba(0,217,255,.07);color:var(--cyan);font:700 11px "Space Grotesk"}.landing-steps article>span{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.landing-steps h3{margin:6px 0;color:#fff;font-size:15px}.landing-steps p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.landing-product{padding:68px 0;background:linear-gradient(180deg,rgba(6,11,43,0),rgba(16,29,77,.3),rgba(6,11,43,0))}.landing-product-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px}.landing-ranking-demo,.landing-bonus-demo{overflow:hidden;padding:20px;border:1px solid rgba(0,217,255,.16);border-radius:21px;background:linear-gradient(145deg,rgba(16,29,77,.94),rgba(6,11,43,.9));box-shadow:0 25px 70px rgba(0,0,0,.2)}.landing-ranking-demo>header,.landing-bonus-demo>header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:17px}.landing-ranking-demo>header div,.landing-bonus-demo>header div{display:grid;gap:4px}.landing-ranking-demo small,.landing-bonus-demo small{color:var(--muted);font-size:8px;line-height:1.5}.landing-ranking-demo>header strong,.landing-bonus-demo>header strong{color:#fff;font-size:17px}.landing-ranking-demo>header>span{color:var(--muted);font-size:9px}.landing-ranking-head,.landing-ranking-row{display:grid;grid-template-columns:45px minmax(115px,1fr) minmax(190px,1fr) 45px;align-items:center;gap:8px}.landing-ranking-head{padding:0 10px 7px;color:var(--muted);font-size:7px;font-weight:900}.landing-ranking-row{min-height:64px;margin-top:6px;padding:8px 10px;border:1px solid rgba(152,167,199,.13);border-radius:12px;background:rgba(6,11,43,.45)}.landing-ranking-row>b{color:var(--gold)}.landing-ranking-row>strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.landing-ranking-row>div{display:flex;align-items:center;min-width:0}.landing-ranking-row img{width:27px;height:27px;margin-left:-3px;padding:3px;border:1px solid rgba(152,167,199,.2);border-radius:50%;background:#101d4d;object-fit:contain}.landing-ranking-row img:first-child{margin-left:0}.landing-ranking-row div i{display:grid;place-items:center;width:27px;height:27px;margin-left:-3px;border-radius:50%;background:#17265d;color:var(--muted);font-size:8px;font-style:normal}.landing-ranking-row>em{color:var(--gold);font:800 22px "Space Grotesk";font-style:normal;text-align:right}.landing-ranking-demo>footer{padding-top:11px;color:var(--muted);font-size:7px;text-align:right}.landing-bonus-demo>header>span{padding:7px 9px;border:1px solid rgba(244,185,66,.25);border-radius:9px;background:rgba(244,185,66,.08);color:var(--gold);font-weight:900}.landing-bonus-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:23px 10px;border-block:1px solid rgba(152,167,199,.11)}.landing-bonus-match>div{display:grid;justify-items:center;gap:8px;color:#fff;text-align:center}.landing-bonus-match img{width:48px;height:48px;object-fit:contain}.landing-bonus-match>span{display:flex;align-items:center;gap:6px}.landing-bonus-match>span b{display:grid;place-items:center;width:41px;height:45px;border:1px solid var(--border);border-radius:10px;background:#071338;color:#fff;font-size:18px}.landing-bonus-match>span i{color:var(--muted);font-style:normal}.landing-bonus-points{display:grid;gap:7px;padding:16px 4px}.landing-bonus-points p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:10px}.landing-bonus-points p i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(43,214,123,.1);color:var(--green);font-size:9px;font-style:normal}.landing-bonus-points p b{color:#fff}.landing-custom{padding:74px 0}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-features article{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;min-height:112px;padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(10,22,65,.55)}.landing-features article>i{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:linear-gradient(135deg,rgba(24,87,255,.22),rgba(102,53,255,.2));color:var(--cyan);font-size:11px;font-style:normal;font-weight:900}.landing-features h3{margin:1px 0 5px;color:#fff;font-size:13px}.landing-features p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.landing-free{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:35px;padding:34px!important;border:1px solid rgba(43,214,123,.2);border-radius:23px;background:linear-gradient(130deg,rgba(11,46,62,.82),rgba(9,20,61,.9))}.landing-free h2{margin:7px 0 12px;color:#fff;font-size:clamp(26px,3.5vw,40px);letter-spacing:-.035em}.landing-free p{max-width:770px;margin:8px 0;color:#b9c7df;font-size:11px;line-height:1.7}.landing-free-seal{display:grid;justify-items:center;padding:22px;border:1px solid rgba(43,214,123,.2);border-radius:18px;background:rgba(6,11,43,.38);text-align:center}.landing-free-seal i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border-radius:50%;background:rgba(43,214,123,.12);color:var(--green);font-size:22px;font-style:normal}.landing-free-seal strong{color:#fff;font:700 21px "Space Grotesk"}.landing-free-seal span{margin-top:4px;color:var(--muted);font-size:8px}.landing-fixtures{padding:74px 0 20px}.landing-faq{max-width:920px;padding:72px 0}.landing-faq-list{display:grid;gap:7px}.landing-faq details{border:1px solid var(--border);border-radius:13px;background:rgba(10,22,65,.55)}.landing-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;color:#fff;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary i{color:var(--cyan);font-size:17px;font-style:normal;font-weight:400;transition:transform .2s}.landing-faq details[open] summary i{transform:rotate(45deg)}.landing-faq details p{margin:0;padding:0 18px 17px;color:var(--muted);font-size:10px;line-height:1.65}.landing-final{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:72px;padding:38px!important;border:1px solid rgba(0,217,255,.19);border-radius:24px;background:linear-gradient(120deg,rgba(24,87,255,.16),rgba(102,53,255,.2),rgba(6,11,43,.75))}.landing-final h2{max-width:690px;margin:7px 0 9px;color:#fff;font-size:clamp(27px,3.5vw,42px);letter-spacing:-.04em}.landing-final p{margin:0;color:var(--muted)}.landing-final>div:last-child{display:flex;flex:0 0 auto;gap:8px}.landing-mobile-cta{display:none}
@media(max-width:960px){.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-product-grid{grid-template-columns:1fr}.landing-features{grid-template-columns:repeat(2,1fr)}.landing-final{align-items:flex-start;flex-direction:column}.landing-final>div:last-child{width:100%}}
@media(max-width:680px){.landing-page{padding-bottom:68px}.landing-hero{padding-bottom:13px}.landing-hero-actions .ghost{display:flex}.landing-reassurance{display:grid;grid-template-columns:1fr;gap:7px}.landing-intro,.landing-custom,.landing-faq{padding:45px 0}.landing-section-head{display:block;margin-bottom:17px}.landing-section-head>p{margin-top:8px;font-size:10px}.landing-section-head.centered{text-align:left}.landing-section-head.centered>p{margin-left:0}.landing-steps{grid-template-columns:1fr;gap:7px}.landing-steps article{min-height:0;padding:15px}.landing-steps article>b{float:left;width:36px;height:36px;margin:0 12px 25px 0}.landing-product{padding:44px 0}.landing-product-grid{gap:9px}.landing-ranking-demo,.landing-bonus-demo{padding:13px;border-radius:16px}.landing-ranking-head{display:none}.landing-ranking-row{grid-template-columns:33px minmax(80px,1fr) minmax(126px,1.2fr) 32px;gap:5px;min-height:55px;padding:6px}.landing-ranking-row>strong{font-size:11px}.landing-ranking-row img{width:22px;height:22px}.landing-ranking-row div i{width:22px;height:22px}.landing-ranking-row>em{font-size:18px}.landing-bonus-match{gap:5px;padding:18px 0}.landing-bonus-match img{width:39px;height:39px}.landing-bonus-match>div strong{font-size:10px}.landing-bonus-match>span{gap:3px}.landing-bonus-match>span b{width:35px;height:40px}.landing-features{grid-template-columns:1fr;gap:7px}.landing-features article{min-height:0;padding:14px}.landing-free{grid-template-columns:1fr;gap:20px;width:calc(100% - 20px);padding:21px!important}.landing-free-seal{grid-template-columns:48px 1fr;justify-items:start;column-gap:11px;text-align:left}.landing-free-seal i{grid-row:1/3;margin:0}.landing-free-seal span{grid-column:2}.landing-fixtures{padding:48px 0 8px}.landing-faq summary{padding:14px;font-size:11px}.landing-faq details p{padding:0 14px 15px}.landing-final{width:calc(100% - 20px);margin-bottom:25px;padding:22px!important}.landing-final>div:last-child{display:grid}.landing-final .btn{width:100%}.landing-mobile-cta{position:fixed;z-index:25;right:10px;bottom:9px;left:10px;display:grid;grid-template-columns:1.5fr 1fr;gap:5px;padding:5px;border:1px solid rgba(152,167,199,.2);border-radius:14px;background:rgba(6,11,43,.92);box-shadow:0 14px 45px rgba(0,0,0,.42);backdrop-filter:blur(15px)}.landing-mobile-cta a{display:grid;place-items:center;min-height:43px;border-radius:10px;color:#fff;font-size:10px;font-weight:900;text-decoration:none}.landing-mobile-cta a:first-child{background:var(--gradient)}.landing-mobile-cta a:last-child{border:1px solid var(--border)}}

/* V5.6 — claridad de opciones y puesta en marcha de liga */
.landing-bonus-optional{display:flex;align-items:center;gap:7px;margin:-3px 0 13px;padding:8px 10px;border:1px solid rgba(185,149,255,.23);border-radius:10px;background:rgba(181,44,255,.07);color:#c9b5ff;font-size:8px}.landing-bonus-optional b{padding:3px 6px;border-radius:5px;background:rgba(181,44,255,.18);font-size:7px;letter-spacing:.06em}.landing-bonus-demo>header>span{max-width:120px;font-size:8px;text-align:center}.landing-bonus-note{display:block;padding:10px;border:1px solid rgba(0,217,255,.13);border-radius:9px;background:rgba(0,217,255,.045)}.landing-bonus-note b{color:var(--cyan)}
.league-admin-setup{padding:20px;border:1px solid rgba(0,217,255,.2);border-radius:19px;background:linear-gradient(145deg,rgba(16,29,77,.78),rgba(6,11,43,.62))}.league-admin-setup>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.league-admin-setup h2{margin:5px 0 4px;color:#fff;font-size:22px}.league-admin-setup header p{margin:0;color:var(--muted);font-size:9px}.league-setup-progress{display:grid;grid-template-columns:auto auto;align-items:end;gap:1px 6px;min-width:150px}.league-setup-progress strong{color:var(--cyan);font:800 23px "Space Grotesk"}.league-setup-progress span{padding-bottom:3px;color:var(--muted);font-size:8px}.league-setup-progress i{grid-column:1/-1;overflow:hidden;height:5px;border-radius:99px;background:rgba(152,167,199,.16)}.league-setup-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.league-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.league-setup-grid>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:100px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.46);text-decoration:none;transition:transform .2s,border-color .2s}.league-setup-grid>a:hover{transform:translateY(-2px);border-color:rgba(0,217,255,.34)}.league-setup-grid .setup-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(24,87,255,.14);color:var(--cyan);font-weight:900}.league-setup-grid>a>div{display:grid;gap:3px}.league-setup-grid small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.06em}.league-setup-grid strong{color:#fff;font-size:11px}.league-setup-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.league-setup-grid em{color:var(--cyan);font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.league-setup-grid .is-complete{border-color:rgba(43,214,123,.2);background:rgba(43,214,123,.04)}.league-setup-grid .is-complete .setup-number{background:rgba(43,214,123,.12);color:var(--green)}.league-setup-grid .is-complete em{color:var(--green)}.league-setup-grid .is-pending{border-color:rgba(244,185,66,.28);box-shadow:inset 3px 0 var(--gold)}.league-setup-grid .is-pending small,.league-setup-grid .is-pending em{color:var(--gold)}.league-setup-grid .is-optional small{color:#c9b5ff}.league-admin-actions{grid-template-columns:repeat(2,1fr)}.league-admin-actions>a{min-height:92px}.league-admin-actions p{margin:0;color:var(--muted);font-size:8px}.league-admin-actions>a>b{font-size:8px;white-space:nowrap}.league-admin-actions small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.06em}
@media(max-width:900px){.league-setup-grid{grid-template-columns:1fr}}
@media(max-width:680px){.league-admin-setup{padding:14px}.league-admin-setup>header{align-items:stretch;flex-direction:column}.league-setup-progress{min-width:0}.league-setup-grid>a{grid-template-columns:32px minmax(0,1fr);min-height:0;padding:11px}.league-setup-grid>a>em{grid-column:2}.league-admin-actions>a{grid-template-columns:38px minmax(0,1fr);min-height:78px}.league-admin-actions>a>b{grid-column:2}}
@media(max-width:380px){.landing-ranking-row{grid-template-columns:30px minmax(70px,1fr) minmax(110px,1.15fr) 29px}.landing-ranking-row img:nth-child(n+6){display:none}.landing-free h2{font-size:25px}}

/* V5.6 — Invitaciones de liga */
.league-share{position:relative}.league-share>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;white-space:nowrap}.league-share>summary::-webkit-details-marker{display:none}.league-share[open]>summary{border-color:rgba(0,217,255,.38);color:var(--cyan)}.league-share-menu{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;width:min(310px,calc(100vw - 28px));gap:6px;padding:12px;border:1px solid rgba(0,217,255,.2);border-radius:14px;background:rgba(6,11,43,.98);box-shadow:0 22px 60px rgba(0,0,0,.48)}.league-share-menu>div{display:grid;gap:2px;padding:4px 5px 10px;border-bottom:1px solid var(--border)}.league-share-menu>div small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.1em}.league-share-menu>div strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.league-share-menu>div span{color:var(--muted);font-size:8px}.league-share-menu>button,.league-share-menu>a{display:flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid rgba(152,167,199,.15);border-radius:9px;background:rgba(16,29,77,.54);color:#fff;font:800 9px Inter;text-align:left;text-decoration:none;cursor:pointer}.league-share-menu>button:hover,.league-share-menu>a:hover{border-color:rgba(0,217,255,.28);background:rgba(0,217,255,.07)}.league-share-menu>.league-share-native{border-color:rgba(0,217,255,.23);background:linear-gradient(135deg,rgba(24,87,255,.35),rgba(102,53,255,.27))}.league-share-feedback{min-height:12px;padding:2px 4px;color:var(--green);font-size:8px}.league-admin-invite{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px;border:1px solid rgba(0,217,255,.18);border-radius:18px;background:linear-gradient(125deg,rgba(16,38,92,.8),rgba(20,15,70,.72))}.league-admin-invite h2{margin:4px 0;color:#fff;font-size:20px}.league-admin-invite p{margin:0;color:var(--muted);font-size:10px}.league-admin-invite .league-share>summary{min-height:42px;padding-inline:16px;background:var(--gradient);color:#fff}.invite-page{display:grid;place-items:center;min-height:calc(100vh - 190px);padding-block:34px}.invite-card{position:relative;overflow:hidden;width:min(640px,100%);padding:34px;border:1px solid rgba(0,217,255,.22);border-radius:25px;background:linear-gradient(145deg,rgba(16,32,84,.97),rgba(7,14,48,.96));box-shadow:0 30px 90px rgba(0,0,0,.34);text-align:center}.invite-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent)}.invite-brand{display:grid;justify-items:center;gap:6px;margin-bottom:18px}.invite-brand>span,.invite-symbol{display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(0,217,255,.25);border-radius:17px;background:linear-gradient(135deg,rgba(24,87,255,.38),rgba(102,53,255,.3));color:var(--cyan);font-size:22px}.invite-brand small{color:var(--muted);font-size:7px;letter-spacing:.13em}.invite-card h1{margin:8px 0;color:#fff;font-size:clamp(32px,6vw,52px);letter-spacing:-.045em}.invite-description{max-width:500px;margin:0 auto 22px;color:var(--muted);line-height:1.65}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.invite-stats article{display:grid;gap:4px;padding:12px;border:1px solid rgba(152,167,199,.13);border-radius:12px;background:rgba(6,11,43,.43)}.invite-stats small{color:var(--muted);font-size:7px}.invite-stats strong{color:#fff;font:700 17px "Space Grotesk"}.invite-stats article:last-child strong{color:var(--green)}.invite-how{margin:15px 0;padding:15px;border-radius:13px;background:rgba(0,217,255,.055);text-align:left}.invite-how strong{color:#fff;font-size:11px}.invite-how p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.invite-action{display:grid;gap:7px}.invite-action form{margin:0}.invite-action .notice{margin:0 0 3px;text-align:left}.invite-privacy{display:block;margin-top:14px;color:var(--muted);font-size:7px}.invite-invalid{display:grid;justify-items:center}.invite-invalid .invite-symbol{margin-bottom:15px;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#fca5a5}.invite-invalid p{max-width:480px}.invite-invalid .btn{margin-top:10px}
@media(max-width:820px){.league-admin-invite{align-items:flex-start;flex-direction:column}.league-admin-invite .league-share,.league-admin-invite .league-share>summary{width:100%;justify-content:center}.league-head-actions{flex-wrap:wrap}.league-head-actions .league-share{order:2}.league-head-actions .league-share-menu{right:auto;left:0}}
@media(max-width:560px){.invite-page{padding:15px 10px}.invite-card{padding:22px 14px;border-radius:18px}.invite-stats{grid-template-columns:1fr 1fr}.invite-stats article:last-child{grid-column:1/-1}.league-share-menu{position:fixed;right:10px;bottom:76px;top:auto;left:10px;width:auto}.league-head-actions .league-share{width:100%}.league-head-actions .league-share>summary{justify-content:center;width:100%}}

/* Centro personal de notificaciones e instalación */
.notification-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(16,29,77,.54)}.notification-item.unread{border-color:rgba(0,217,255,.3);background:linear-gradient(135deg,rgba(0,217,255,.07),rgba(16,29,77,.74))}.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:rgba(152,167,199,.25)}.notification-item.unread .notification-dot{background:var(--cyan);box-shadow:0 0 12px rgba(0,217,255,.6)}.notification-item header{display:flex;justify-content:space-between;gap:14px}.notification-item header strong{color:#fff}.notification-item time{color:var(--muted);font-size:9px}.notification-item p{margin:5px 0 9px;font-size:11px}.notification-item footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-item footer a,.notification-item footer button{padding:0;border:0;background:none;color:var(--cyan);font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.install-app-button{margin-top:14px}
@media(max-width:680px){.notification-page-head{align-items:flex-start;flex-direction:column}.notification-page-head form,.notification-page-head .btn{width:100%}.notification-item{padding:12px}.notification-item header{display:grid;gap:3px}.notification-item footer{align-items:flex-start;flex-direction:column}}

/* V4.8 — directorio de rivales de la fase liga */
.rivals-page{display:grid;gap:15px}.rivals-page>.rivals-hero,.rivals-page>.rivals-tools,.rivals-page>.rivals-directory{margin:0}.rivals-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:205px;padding:28px;border:1px solid rgba(0,217,255,.2);border-radius:23px;background:linear-gradient(125deg,#102158,#08133d 58%,#171045);box-shadow:0 24px 60px rgba(0,0,0,.23)}.rivals-hero:after{content:"";position:absolute;z-index:-1;right:-110px;top:-170px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(24,87,255,.28),transparent 68%)}.rivals-hero h1{margin:7px 0 8px}.rivals-hero p{margin:0}.rivals-hero-stat{display:grid;min-width:150px;padding:13px;border:1px solid rgba(0,217,255,.19);border-radius:13px;background:rgba(6,11,43,.5)}.rivals-hero-stat span,.rivals-hero-stat small{color:var(--muted);font-size:7px}.rivals-hero-stat strong{margin:4px 0;color:var(--cyan);font:700 25px "Space Grotesk"}
.rivals-tools{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,43,.52)}.rivals-tools label{display:flex;align-items:center;flex:1;gap:8px}.rivals-tools label>span{padding-left:8px;color:var(--cyan);font-size:18px}.rivals-tools input{width:100%;min-height:40px;border:0;background:transparent;color:#fff;outline:0}.rivals-tools button{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:rgba(16,29,77,.48);color:var(--muted);font:800 8px Inter;cursor:pointer}.rivals-tools button b{color:#fff}.rivals-tools button.active{border-color:rgba(0,217,255,.3);background:rgba(0,217,255,.08);color:var(--cyan)}.rivals-tools>span{padding:0 9px;color:var(--muted);font-size:8px;white-space:nowrap}
.rivals-directory{display:grid;gap:7px}.rivals-club{overflow:hidden;border:1px solid rgba(152,167,199,.13);border-radius:14px;background:rgba(8,17,57,.58)}.rivals-club.is-mine{border-color:rgba(0,217,255,.22);box-shadow:inset 3px 0 var(--cyan)}.rivals-club[hidden]{display:none!important}.rivals-club-toggle{display:grid;grid-template-columns:44px minmax(150px,1fr) auto 150px 18px;align-items:center;gap:11px;width:100%;min-height:67px;padding:10px 13px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.rivals-club-toggle:hover{background:rgba(24,87,255,.05)}.rivals-club-crest{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid rgba(152,167,199,.22);border-radius:50%;background:#101d4d}.rivals-club-crest img{width:100%;height:100%;padding:4px;object-fit:contain}.rivals-club-crest b{font-size:8px}.rivals-club-copy{display:grid;gap:3px;min-width:0}.rivals-club-copy strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.rivals-club-copy small{color:var(--muted);font-size:7px}.rivals-mine{padding:4px 6px;border-radius:6px;background:rgba(0,217,255,.09);color:var(--cyan);font-size:6px;font-weight:900;white-space:nowrap}.rivals-venue-summary{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:end;gap:4px 7px}.rivals-venue-summary b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(152,167,199,.08);color:#fff;font-size:9px}.rivals-venue-summary small{color:var(--muted);font-size:7px}.rivals-club-toggle>i{color:var(--muted);font-style:normal;transition:transform .2s}.rivals-club.open .rivals-club-toggle>i{transform:rotate(180deg)}
.rivals-club-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:13px;border-top:1px solid rgba(152,167,199,.11);background:rgba(3,8,31,.38)}.rivals-club-panel[hidden]{display:none}.rivals-club-panel>section{padding:11px;border:1px solid rgba(152,167,199,.1);border-radius:12px;background:rgba(6,11,43,.35)}.rivals-club-panel>section>header{display:flex;align-items:center;gap:7px;margin-bottom:8px}.rivals-club-panel>section>header>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:7px;font-weight:900}.rivals-club-panel>section>header>span.home{background:rgba(34,197,94,.1);color:#86efac}.rivals-club-panel>section>header>span.away{background:rgba(102,53,255,.12);color:#c4b5fd}.rivals-club-panel>section>header strong{color:#fff;font-size:10px}.rivals-club-panel>section>header small{margin-left:auto;color:var(--muted);font-size:7px}.rivals-club-panel>section>div{display:grid;gap:5px}.rivals-club-panel>section article{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border-radius:9px;background:rgba(255,255,255,.025)}.rival-directory-crest{display:grid;place-items:center;width:29px;height:29px;overflow:hidden;border-radius:8px;background:#101d4d}.rival-directory-crest img{width:100%;height:100%;padding:3px;object-fit:contain}.rival-directory-crest b{font-size:6px}.rivals-club-panel article>strong{overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.rivals-club-panel article>i{color:var(--muted);font-size:7px;font-style:normal}.rivals-empty{grid-column:1/-1;margin:0;padding:15px;text-align:center}.rivals-no-results[hidden]{display:none!important}
@media(max-width:760px){.rivals-page{gap:11px;padding-top:16px}.rivals-hero{align-items:stretch;flex-direction:column;min-height:0;padding:17px;border-radius:17px}.rivals-hero h1{font-size:34px}.rivals-hero-stat{min-width:0}.rivals-tools{display:grid;grid-template-columns:1fr auto}.rivals-tools label{grid-column:1/-1}.rivals-tools>span{display:none}.rivals-club-toggle{grid-template-columns:39px minmax(0,1fr) auto 14px;gap:8px;min-height:60px;padding:8px 10px}.rivals-club-crest{width:37px;height:37px}.rivals-mine{display:none}.rivals-venue-summary{grid-template-columns:auto auto}.rivals-venue-summary small{display:none}.rivals-club-panel{grid-template-columns:1fr;padding:9px}.rivals-club-panel>section{padding:9px}}

/* V6.0 · Clasificación en juego */
.live-ranking-bar{position:relative;overflow:hidden;margin:0 0 14px;padding:13px 15px;border:1px solid rgba(255,61,99,.48);border-radius:17px;background:linear-gradient(120deg,rgba(72,12,45,.88),rgba(20,17,70,.94));box-shadow:0 12px 34px rgba(255,28,82,.08)}.live-ranking-bar[hidden]{display:none}.live-ranking-bar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0,rgba(255,61,99,.17),transparent 35%);animation:liveBarGlow 2s ease-in-out infinite}.live-ranking-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.live-ranking-heading span{display:flex;align-items:center;gap:8px;color:#ffb4c2;font-size:9px;font-weight:950;letter-spacing:.12em}.live-ranking-heading i{width:8px;height:8px;border-radius:50%;background:#ff3d63;box-shadow:0 0 0 5px rgba(255,61,99,.1),0 0 16px #ff3d63;animation:liveDot .9s steps(2,end) infinite}.live-ranking-heading strong{color:#fff;font-size:9px}.live-match-strip{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.live-match-strip::-webkit-scrollbar{display:none}.live-match-strip article{flex:1 0 230px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(4,8,35,.38)}.live-match-strip span{overflow:hidden;color:#fff;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.live-match-strip span:nth-of-type(2){text-align:right}.live-match-strip b{color:#fff;font:800 17px "Space Grotesk";white-space:nowrap}.live-match-strip em{padding:3px 5px;border-radius:6px;background:rgba(255,61,99,.13);color:#ff9caf;font-size:6px;font-style:normal;font-weight:950}.live-ranking-bar>p{position:relative;margin:9px 0 0;color:#b9c5e2;font-size:8px}.league-entry.live-scoring{border-color:rgba(0,217,255,.25);box-shadow:inset 2px 0 0 rgba(0,217,255,.55)}.league-total{position:relative}.league-total>i[data-live-delta]{display:block;margin-top:1px;color:#6ef0a3;font-size:7px;font-style:normal;font-weight:900}.live-move{margin-left:4px;font-size:7px;font-style:normal;font-weight:950}.live-move.up{color:#5ee995}.live-move.down{color:#ff8096}.league-entry.live-flash{animation:liveRowFlash 1s ease}.league-entry.live-flash .league-total strong{animation:livePointsPop .55s ease}@keyframes liveDot{50%{opacity:.25}}@keyframes liveBarGlow{50%{opacity:.55}}@keyframes liveRowFlash{50%{border-color:rgba(0,217,255,.75);background:rgba(0,217,255,.08)}}@keyframes livePointsPop{50%{transform:scale(1.18);color:var(--cyan)}}
@media(max-width:640px){.live-ranking-bar{padding:11px;margin-bottom:10px;border-radius:14px}.live-ranking-heading{align-items:flex-start;flex-direction:column;gap:5px}.live-match-strip article{flex-basis:245px}.live-ranking-bar>p{line-height:1.45}.mobile-rank-person .live-move{position:absolute;right:0;top:-7px}.mobile-rank-person{position:relative}.league-total>i[data-live-delta]{display:none}}
@media(prefers-reduced-motion:reduce){.live-ranking-bar:before,.live-ranking-heading i,.league-entry.live-flash,.league-entry.live-flash .league-total strong{animation:none}}

/* V6.0.1 · Bonus móvil en dos niveles */
@media(max-width:760px){.league-bonus-quick.bonus-match-card{grid-template-columns:minmax(102px,.72fr) minmax(0,1.28fr);gap:10px}.bonus-match-card .league-bonus-quick-match{grid-column:1/-1;grid-row:1;width:100%;padding-bottom:11px;border-bottom:1px solid rgba(152,167,199,.11)}.bonus-match-card .league-bonus-countdown{grid-column:1;grid-row:2;min-width:0;min-height:48px}.bonus-match-card .league-bonus-quick-form,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;padding:0;border:0}.bonus-match-card .league-bonus-quick-form>.btn,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form>.btn{flex:1 1 auto;width:auto;min-width:0;min-height:48px;margin:0;padding-inline:8px}.bonus-match-card .quick-one-x-two{flex:0 1 auto;gap:3px}.bonus-match-card .quick-one-x-two span{width:31px;height:38px}.bonus-match-teams{width:100%}.bonus-match-team strong{max-width:none}}
@media(max-width:430px){.league-bonus-quick.bonus-match-card{grid-template-columns:minmax(96px,.68fr) minmax(0,1.32fr)}.bonus-match-card .league-bonus-countdown{grid-column:1;grid-row:2}.bonus-match-card .league-bonus-quick-form,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form{grid-column:2;grid-row:2;align-items:center;flex-wrap:nowrap}.bonus-match-card .league-bonus-quick-form>.btn,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form>.btn{width:auto;font-size:8px}.bonus-match-card .quick-one-x-two{width:auto}.bonus-match-card .quick-one-x-two label{flex:0 1 auto}.bonus-match-card .quick-one-x-two span{width:27px;height:36px}.bonus-match-team strong{max-width:76px}}

/* V6.0.2 · Puntos del bonus en la franja inferior móvil */
.bonus-points-mobile{display:none}
@media(max-width:760px){.league-bonus-quick.bonus-match-card.is-exact{grid-template-columns:minmax(78px,.65fr) minmax(100px,.82fr) minmax(112px,1.2fr);gap:7px}.bonus-match-card .league-bonus-quick-match{grid-column:1/-1;grid-row:1}.bonus-match-card .league-bonus-quick-match>.bonus-points-badge{display:none}.bonus-points-mobile{grid-column:1;grid-row:2;align-self:stretch;display:grid;place-items:center;min-width:0;padding:6px;border:1px solid rgba(244,185,66,.24);border-radius:10px;background:rgba(244,185,66,.08);color:var(--gold);font-size:8px;font-weight:950;text-align:center;white-space:nowrap}.bonus-match-card .league-bonus-countdown{grid-column:2;grid-row:2}.bonus-match-card .league-bonus-quick-form,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form{grid-column:3;grid-row:2}.league-bonus-quick.bonus-match-card.is-one-x-two{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)}.bonus-match-card.is-one-x-two .bonus-points-mobile{grid-column:1;grid-row:2}.bonus-match-card.is-one-x-two .league-bonus-countdown{grid-column:2;grid-row:2}.bonus-match-card.is-one-x-two .league-bonus-quick-form{grid-column:1/-1;grid-row:3;padding-top:8px;border-top:1px solid rgba(152,167,199,.1)}}
@media(max-width:430px){.league-bonus-quick.bonus-match-card.is-exact{grid-template-columns:minmax(70px,.6fr) minmax(93px,.8fr) minmax(105px,1.15fr);gap:6px}.bonus-points-mobile{font-size:7px}.bonus-match-card.is-exact .league-bonus-countdown{grid-column:2;grid-row:2}.bonus-match-card.is-exact .league-bonus-quick-form,.bonus-match-card.is-exact:has(.bonus-inline-score) .league-bonus-quick-form{grid-column:3;grid-row:2}}

/* V6.0.3 · Jerarquía final del bonus móvil */
@media(max-width:760px){.bonus-match-card .league-bonus-quick-match{gap:7px 10px;padding-bottom:8px}.bonus-match-card .bonus-match-teams{min-height:58px}.bonus-match-card .bonus-match-crest{width:33px;height:33px;flex-basis:33px}.bonus-match-card .bonus-inline-score{flex-basis:47px;width:47px;height:47px;border-radius:11px;font-size:21px}.bonus-match-card .bonus-match-team{gap:7px}.bonus-match-card .bonus-match-team strong{font-size:10px}.bonus-match-card:has(.bonus-inline-score) .bonus-match-teams>i{font-size:15px}.bonus-points-mobile{min-height:41px;padding:4px 5px;border-radius:9px;font-size:7px}.bonus-match-card .league-bonus-countdown{min-height:41px;padding:4px 6px;border-radius:9px}.bonus-match-card .league-bonus-countdown small{font-size:6px}.bonus-match-card .league-bonus-countdown strong,.league-bonus-quick.urgent .league-bonus-countdown strong{font-size:10px}.bonus-match-card .league-bonus-quick-form>.btn,.bonus-match-card:has(.bonus-inline-score) .league-bonus-quick-form>.btn{min-height:41px;border-radius:10px;font-size:8px}.league-bonus-quick.bonus-match-card{padding:9px 10px 10px}}
@media(max-width:430px){.bonus-match-card .bonus-match-crest{width:31px;height:31px;flex-basis:31px}.bonus-match-card .bonus-inline-score{flex-basis:44px;width:44px;height:44px;font-size:20px}.bonus-match-card .bonus-match-team strong{font-size:9px}.bonus-points-mobile{font-size:6.5px}.bonus-match-card .league-bonus-countdown strong,.league-bonus-quick.urgent .league-bonus-countdown strong{font-size:9px}}

/* V6.0.4 · Página completa de pronósticos bonus */
.bonus-user-match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;margin:18px 0 12px;padding:16px 8px;border-block:1px solid rgba(152,167,199,.11)}.bonus-user-team{display:flex;align-items:center;gap:8px;min-width:0}.bonus-user-team.home{justify-content:flex-end;text-align:right}.bonus-user-team.away{justify-content:flex-start;text-align:left}.bonus-user-team strong{max-width:125px;overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bonus-user-crest{position:relative;display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:hidden;border:1px solid rgba(152,167,199,.25);border-radius:50%;background:#101d4d;box-shadow:0 7px 18px rgba(0,0,0,.18)}.bonus-user-crest img{width:100%;height:100%;padding:4px;object-fit:contain}.bonus-user-crest b{font-size:8px}.bonus-user-score{flex:0 0 52px;width:52px;height:50px;padding:4px;border:1px solid rgba(0,217,255,.3);border-radius:11px;background:#071238;color:#fff;font:800 21px "Space Grotesk";text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.025)}.bonus-user-score:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px rgba(0,217,255,.09)}.bonus-user-score::-webkit-inner-spin-button,.bonus-user-score::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.bonus-user-score{-moz-appearance:textfield}.bonus-user-match>i{color:#fff;font-size:14px;font-style:normal;font-weight:900}.bonus-user-card.saved{border-color:rgba(34,197,94,.25)!important}.bonus-user-card.saved:before{background:var(--green)}
@media(max-width:600px){.bonus-user-grid{grid-template-columns:1fr}.bonus-user-card{padding:13px!important}.bonus-user-match{gap:5px;margin:14px 0 10px;padding:13px 2px}.bonus-user-team{gap:5px}.bonus-user-team strong{max-width:72px;font-size:9px}.bonus-user-crest{flex-basis:35px;width:35px;height:35px}.bonus-user-score{flex-basis:44px;width:44px;height:44px;font-size:19px}.bonus-user-match>i{font-size:13px}.bonus-user-card>p{font-size:9px}}
@media(max-width:370px){.bonus-user-team strong{max-width:57px;font-size:8px}.bonus-user-crest{flex-basis:32px;width:32px;height:32px}.bonus-user-score{flex-basis:40px;width:40px;height:41px;font-size:18px}}

/* Avatares de usuario */
.user-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;font-family:"Space Grotesk",sans-serif;font-weight:800;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.18)}.user-avatar[data-avatar-full]{cursor:zoom-in}.user-avatar[data-avatar-full]:focus-visible{outline:3px solid rgba(0,217,255,.48);outline-offset:3px}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.user-avatar-xs{width:30px;height:30px;font-size:9px}.user-avatar-sm{width:34px;height:34px;font-size:10px}.user-avatar-lg{width:68px;height:68px;font-size:23px}.user-avatar-xl{width:112px;height:112px;font-size:34px}.user-chip{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px}.drawer-user-identity{display:flex;align-items:center;gap:9px}.league-user>span:last-child{display:flex;align-items:center;gap:6px;min-width:0}.league-user>span:last-child>strong{min-width:0}.mobile-rank-person .user-avatar{width:29px;height:29px}.participant-identity>.user-avatar{border-radius:20px}
.avatar-view-dialog{position:fixed;width:min(88vw,620px);max-width:none;padding:0;border:1px solid rgba(0,217,255,.28);border-radius:24px;background:#060b2b;box-shadow:0 35px 100px rgba(0,0,0,.75);overflow:visible}.avatar-view-dialog::backdrop{background:rgba(1,5,24,.88);backdrop-filter:blur(7px)}.avatar-view-dialog img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:23px}.avatar-view-dialog button{position:absolute;z-index:2;right:-12px;top:-12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#101d4d;color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.avatar-profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.avatar-profile-copy{max-width:520px}.avatar-profile-copy h2{margin:6px 0}.avatar-profile-copy p{margin:0}.avatar-profile-current{display:flex;align-items:center;gap:17px}.avatar-profile-actions{display:grid;gap:8px}.avatar-profile-actions form{margin:0}.avatar-profile-actions .btn{width:100%}
.avatar-crop-dialog{width:min(94vw,510px);padding:0;border:1px solid rgba(0,217,255,.25);border-radius:20px;background:#09133b;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.65)}.avatar-crop-dialog::backdrop{background:rgba(1,5,24,.82);backdrop-filter:blur(5px)}.avatar-crop-shell{padding:20px}.avatar-crop-shell>header,.avatar-crop-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar-crop-shell h2{margin:4px 0 0}.avatar-crop-shell>p{margin:10px 0 15px;color:var(--muted);font-size:10px}.avatar-crop-close{border:0;background:transparent;color:var(--muted);font-size:27px;cursor:pointer}.avatar-crop-stage{width:min(78vw,340px);margin:auto;overflow:hidden;border:3px solid var(--cyan);border-radius:50%;background:#050a25;box-shadow:0 0 0 8px rgba(0,217,255,.07)}.avatar-crop-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.avatar-crop-stage canvas:active{cursor:grabbing}.avatar-zoom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:18px 0 8px}.avatar-zoom span{font-size:9px;font-weight:800}.avatar-zoom input{width:100%;accent-color:var(--cyan)}.avatar-crop-feedback{min-height:20px;color:#ff9caf;font-size:9px}.avatar-crop-shell>footer{justify-content:flex-end;margin-top:8px}
@media(max-width:700px){.avatar-profile-card{align-items:flex-start;flex-direction:column}.avatar-profile-current{width:100%}.avatar-profile-actions{flex:1}.participant-identity>.user-avatar{width:52px;height:52px;border-radius:15px;font-size:18px}}
@media(max-width:680px){.league-ranking .league-mobile-summary{grid-template-columns:minmax(112px,1fr) minmax(72px,.8fr) 35px 13px}.league-ranking.with-prizes .league-mobile-summary{grid-template-columns:minmax(95px,1fr) minmax(65px,.72fr) 30px 53px 11px}}
@media(max-width:420px){.avatar-profile-current{align-items:flex-start;flex-direction:column}.avatar-profile-actions{width:100%}.avatar-crop-shell{padding:15px}.avatar-crop-shell>footer .btn{flex:1;padding-inline:8px}.mobile-rank-person .user-avatar{width:28px;height:28px}.mobile-rank-person{gap:5px}.league-ranking .league-mobile-summary{grid-template-columns:minmax(105px,1fr) minmax(62px,.7fr) 32px 11px}.league-ranking.with-prizes .league-mobile-summary{grid-template-columns:minmax(89px,1fr) minmax(53px,.62fr) 29px 50px 10px}}

/* Identidad compacta y notificaciones del navbar */
.drawer-nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-icon-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){
    .header-inner{gap:12px}
    .brand{min-width:0;gap:7px}
    .brand img{flex:0 0 auto;height:39px}
    .brand-mobile-name{display:flex;min-width:0}
    .header-actions{flex:0 0 auto;gap:7px}
}
@media(max-width:350px){
    .brand img{height:36px}
    .brand-mobile-name{font-size:10px}
    .brand-mobile-name i{display:none}
    .notification-bell{width:37px;height:37px}
}

/* Podio premiado y última posición real */
.league-entry.podium-gold{border-color:rgba(245,196,81,.35);background:linear-gradient(90deg,rgba(245,196,81,.09),rgba(6,11,43,.34) 42%);box-shadow:inset 4px 0 0 #f5c451}
.league-entry.podium-silver{border-color:rgba(184,196,217,.3);background:linear-gradient(90deg,rgba(184,196,217,.075),rgba(6,11,43,.34) 42%);box-shadow:inset 4px 0 0 #b8c4d9}
.league-entry.podium-bronze{border-color:rgba(201,130,82,.32);background:linear-gradient(90deg,rgba(201,130,82,.08),rgba(6,11,43,.34) 42%);box-shadow:inset 4px 0 0 #c98252}
.league-entry.last-place{border-color:rgba(239,68,68,.25);background:linear-gradient(90deg,rgba(239,68,68,.065),rgba(6,11,43,.34) 42%);box-shadow:inset 4px 0 0 rgba(239,68,68,.82)}
.league-entry.podium-gold .league-pos strong,.league-entry.podium-gold .mobile-rank-person>b{color:#f5c451}
.league-entry.podium-silver .league-pos strong,.league-entry.podium-silver .mobile-rank-person>b{color:#b8c4d9}
.league-entry.podium-bronze .league-pos strong,.league-entry.podium-bronze .mobile-rank-person>b{color:#c98252}
.league-entry.last-place .league-pos strong,.league-entry.last-place .mobile-rank-person>b{color:#ff8995}

/* Navegación de jornadas de la fase liga */
.calendar-matchdays{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:rgba(6,11,43,.5);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,217,255,.35) transparent}
.calendar-matchdays a{display:grid;place-items:center;flex:1 0 48px;min-height:38px;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.calendar-matchdays a:hover{color:#fff;background:rgba(24,87,255,.12)}
.calendar-matchdays a.active{border-color:rgba(0,217,255,.32);background:linear-gradient(135deg,rgba(24,87,255,.38),rgba(102,53,255,.28));color:var(--cyan)}
.calendar-matchday-controls{display:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.calendar-matchday-controls a,.calendar-matchday-controls span{padding:8px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:9px;font-weight:800;text-align:center;text-decoration:none}
.calendar-matchday-controls a:last-child,.calendar-matchday-controls span:last-child{text-align:right}.calendar-matchday-controls a:first-child,.calendar-matchday-controls span:first-child{text-align:left}
.calendar-matchday-controls span[aria-disabled=true]{opacity:.4}.calendar-matchday-controls strong{color:#fff;font-size:10px;white-space:nowrap}
@media(max-width:620px){
    .calendar-matchdays{margin-inline:0;scroll-snap-type:x proximity}
    .calendar-matchdays a{flex-basis:52px;scroll-snap-align:center}
    .calendar-matchday-controls{display:grid}
    .calendar-page .calendar-match{max-width:100%}
    .calendar-page .calendar-team{min-width:0}
}

/* Noticias y stories */
.landing-news-slot{padding-top:24px}.news-stories{margin:0 0 22px;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(120deg,rgba(16,29,77,.92),rgba(11,22,69,.76));box-shadow:0 18px 48px rgba(0,0,0,.16);overflow:hidden}.news-stories-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.news-stories-head h2{margin-top:3px;font-size:20px}.news-stories-head>a{color:var(--cyan);font-size:11px;font-weight:800;text-decoration:none}.news-stories-track{display:flex;gap:17px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.news-story{flex:0 0 88px;width:88px;padding:0;border:0;background:none;color:#fff;text-align:center;cursor:pointer;scroll-snap-align:start}.news-story-ring{width:76px;height:76px;display:grid;margin:0 auto 8px;padding:3px;border-radius:50%;background:var(--electric);box-shadow:0 0 18px rgba(0,217,255,.19)}.news-story-media{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:3px solid var(--bg2);border-radius:50%;background:linear-gradient(145deg,#17285f,#0b1645)}.news-story-media img{width:100%;height:100%;object-fit:cover}.news-story-media i{font-style:normal;font-weight:900;color:var(--cyan)}.news-story strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:10px;line-height:1.28;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-story.is-viewed .news-story-ring{background:rgba(152,167,199,.4);box-shadow:none}.news-story:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:8px}
.news-modal[hidden]{display:none}.news-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}.news-modal-backdrop{position:absolute;inset:0;background:rgba(2,5,22,.87);backdrop-filter:blur(12px)}.news-modal-dialog{position:relative;width:min(1020px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(0,217,255,.2);border-radius:24px;background:#091238;box-shadow:0 30px 100px rgba(0,0,0,.55)}.news-modal-close{position:absolute;right:14px;top:13px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(6,11,43,.78);color:#fff;font-size:26px;cursor:pointer}.news-modal-progress{position:absolute;z-index:2;left:18px;right:66px;top:20px;display:flex;gap:5px}.news-modal-progress span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25)}.news-modal-progress span.active{background:var(--cyan)}.news-modal-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);min-height:560px}.news-modal-visual{display:grid;place-items:center;min-height:420px;overflow:hidden;border-radius:24px 0 0 24px;background:#030718}.news-modal-visual img,.news-modal-visual video{display:block;width:100%;height:100%;max-height:78vh;object-fit:contain;background:#030718}.news-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:64px 42px 44px}.news-modal-copy h2{margin:12px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.02}.news-modal-copy time{color:var(--gold);font-size:10px;font-weight:800}.news-modal-copy p{margin-top:22px;color:#c7d2ef;font-size:15px;line-height:1.7}.news-modal-nav{position:absolute;z-index:4;top:50%;width:42px;height:54px;border:1px solid rgba(255,255,255,.16);background:rgba(6,11,43,.76);color:#fff;font-size:32px;cursor:pointer}.news-modal-nav.prev{left:10px;border-radius:12px}.news-modal-nav.next{right:10px;border-radius:12px}.news-media-fallback{display:grid;place-items:center;gap:12px;text-align:center}.news-media-fallback b{display:grid;place-items:center;width:130px;height:130px;border-radius:36px;background:var(--gradient);font:800 42px "Space Grotesk"}.news-media-fallback span{color:var(--muted);font-size:11px}.news-modal-open{overflow:hidden}
.news-archive{min-height:70vh}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(16,29,77,.86),rgba(11,22,69,.72))}.news-card-media{display:grid;place-items:center;width:100%;height:210px;padding:0;border:0;background:#081139;cursor:pointer}.news-card-media img{width:100%;height:100%;object-fit:cover}.news-card-media span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--gradient);color:#fff;font-weight:900}.news-card>div{padding:17px}.news-card time{color:var(--gold);font-size:9px;font-weight:800}.news-card h2{margin:8px 0;font-size:20px}.news-card p{display:-webkit-box;overflow:hidden;margin:0;font-size:11px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-read{margin-top:14px;padding:0;border:0;background:none;color:var(--cyan);font-size:10px;font-weight:800;cursor:pointer}.news-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.news-pagination span{color:var(--muted);font-size:10px}
.admin-news-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.news-admin-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);gap:18px;align-items:start}.news-editor{position:sticky;top:92px}.field small{color:var(--muted);font-size:9px;line-height:1.5}.news-admin-list{display:grid;gap:10px}.news-admin-list>.section-head{margin-bottom:2px}.news-admin-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border:1px solid var(--border);border-radius:15px;background:rgba(16,29,77,.58)}.news-admin-thumb{display:grid;place-items:center;width:76px;height:64px;overflow:hidden;border-radius:11px;background:#081139;color:var(--cyan);font-weight:900}.news-admin-thumb img{width:100%;height:100%;object-fit:cover}.news-admin-row>div:nth-child(2){display:grid;gap:5px}.news-admin-row>div:nth-child(2)>strong{color:#fff}.news-admin-row small{color:var(--muted);font-size:8px}.news-admin-badges{display:flex;flex-wrap:wrap;gap:5px}.pill.muted{color:var(--muted);border-color:var(--border);background:rgba(152,167,199,.06)}.news-admin-actions,.news-admin-actions form{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-modal-layout{grid-template-columns:1fr;min-height:0}.news-modal-visual{min-height:300px;height:min(52vh,500px);border-radius:24px 24px 0 0}.news-modal-copy{padding:28px 28px 36px}.news-admin-layout{grid-template-columns:1fr}.news-editor{position:static}.news-admin-row{grid-template-columns:70px minmax(0,1fr)}.news-admin-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.landing-news-slot{width:100%;padding-top:13px}.content>.news-stories{margin-left:-2px;margin-right:-2px}.news-stories{padding:14px 13px;border-radius:16px}.news-stories-track{margin-right:-13px;padding-right:13px}.news-story{flex-basis:76px;width:76px}.news-story-ring{width:66px;height:66px}.news-grid{grid-template-columns:1fr}.news-card{display:grid;grid-template-columns:118px minmax(0,1fr)}.news-card-media{height:100%;min-height:170px}.news-card>div{padding:14px}.news-card h2{font-size:17px}.news-modal{padding:0}.news-modal-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0}.news-modal-layout{min-height:100%}.news-modal-visual{height:46vh;min-height:260px;border-radius:0}.news-modal-copy{justify-content:flex-start;padding:26px 22px 42px}.news-modal-copy h2{font-size:31px}.news-modal-copy p{margin-top:15px;font-size:13px}.news-modal-nav{top:42vh}.news-modal-progress{top:14px}.admin-news-head{align-items:stretch;flex-direction:column}.news-admin-row{grid-template-columns:58px minmax(0,1fr)}.news-admin-thumb{width:58px;height:56px}.news-admin-actions form{display:grid;grid-template-columns:1fr 1fr;width:100%}.news-admin-actions form .btn{width:100%}}