
:root{
  --negro:#0d2a1a;
  --negro-2:#113220;
  --panel:#16402a;
  --borde:#2f6446;
  --verde:#3a8a5e;
  --dorado:#C9A227;
  --blanco:#FBFBF8;
  --crema:#F5F1E8;
  --muted:#b4c4b6;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--negro);
  color:var(--crema);
  font-family:'DM Sans',sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin:0 0 .4em;
  color:var(--blanco);
}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dorado);margin-bottom:10px;
}
.eyebrow svg{width:11px;height:11px;flex-shrink:0;}

/* ---------- header ---------- */
header{
  position:sticky;top:0;z-index:20;
  background:rgba(13,42,26,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--borde);
}
.nav{
  max-width:1080px;margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-brand img{height:34px;width:auto;}
.nav-brand span{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;}
.nav-back{
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;border:1px solid var(--borde);
  padding:9px 16px;border-radius:999px;transition:.15s;
}
.nav-back:hover{border-color:var(--dorado);color:var(--dorado);}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:72px 0 60px;text-align:center;
  background:radial-gradient(circle at 50% 0%, rgba(90,170,120,.28), transparent 60%),radial-gradient(circle at 85% 90%, rgba(201,162,39,.12), transparent 55%),var(--negro);
  border-bottom:1px solid var(--borde);}
.hero .dates{font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.14em;color:var(--dorado);text-transform:uppercase;margin-bottom:10px;}
.hero h1{font-size:2.8rem;margin-bottom:14px;}
.hero .lead{max-width:600px;margin:0 auto 30px;color:var(--muted);font-size:1.02rem;line-height:1.6;}
.hero-stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:0 auto 32px;}
.stat{background:var(--panel);border:1px solid var(--borde);padding:14px 22px;min-width:120px;}
.stat b{display:block;font-family:'Oswald',sans-serif;font-size:1.8rem;color:var(--dorado);line-height:1.1;}
.stat span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:14px 28px;border-radius:2px;font-weight:600;transition:.15s;border:1px solid transparent;}
.btn-primary{background:var(--verde);color:var(--blanco);}
.btn-primary:hover{background:#4aa070;}
.btn-outline{border-color:var(--dorado);color:var(--dorado);}
.btn-outline:hover{background:var(--dorado);color:var(--negro);}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
section{padding:64px 0;border-bottom:1px solid var(--borde);}
.section-head{max-width:660px;margin:0 auto 38px;text-align:center;}
.section-head p{color:var(--muted);line-height:1.6;}
.tbl-wrap{overflow-x:auto;margin:0 auto;}
table.t{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--borde);}
table.t th,table.t td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--borde);font-size:.9rem;white-space:nowrap;}
table.t th{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dorado);background:rgba(201,162,39,.06);}
table.t tr:last-child td{border-bottom:none;}
table.t td.n{text-align:center;font-family:'Oswald',sans-serif;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:0 auto;}
@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr;}.hero h1{font-size:2.1rem;}}
.card{background:var(--panel);border:1px solid var(--borde);padding:24px;border-radius:2px;}
.card h4{font-size:.88rem;color:var(--dorado);margin-bottom:8px;}
.card p{font-size:.88rem;color:var(--muted);line-height:1.6;margin:0;}
.card .big{font-family:'Oswald',sans-serif;font-size:1.5rem;color:var(--blanco);margin-bottom:6px;}
/* timeline */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:980px;margin:0 auto;}
.step{background:var(--panel);border:1px solid var(--borde);padding:16px 14px;border-radius:4px;}
.step.hl{border-color:var(--dorado);background:#1a4a30;}
.step .h{font-family:'Oswald',sans-serif;font-size:.78rem;color:var(--dorado);letter-spacing:.08em;margin-bottom:6px;}
.step b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;color:var(--blanco);}
.step p{margin:0;font-size:.8rem;color:var(--muted);line-height:1.45;}
@media(max-width:900px){.steps{grid-template-columns:1fr;}}
/* demo */
.demo-tag{display:inline-block;font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;background:rgba(201,162,39,.14);color:var(--dorado);border:1px solid rgba(201,162,39,.4);padding:4px 10px;border-radius:999px;margin-bottom:14px;}
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px;}
.tab{font-family:'Oswald',sans-serif;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--borde);background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;}
.tab.on{border-color:var(--dorado);color:var(--dorado);background:rgba(201,162,39,.08);}
.score{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--panel);border:1px solid var(--borde);padding:18px;margin-bottom:16px;}
.score .tm{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;}
.score .pt{font-family:'Oswald',sans-serif;font-size:2.2rem;color:var(--dorado);}
.live{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:#7fd6a0;}
.live i{width:8px;height:8px;border-radius:50%;background:#4fd37f;display:inline-block;animation:p 1.4s infinite;}
@keyframes p{50%{opacity:.35}}
.st{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--borde);color:var(--muted);}
.st.fin{color:#7fd6a0;border-color:#2e6e4e;}
.st.jue{color:var(--dorado);border-color:var(--dorado);}
td.pro{color:var(--dorado);}
.cov{font-size:.7rem;color:var(--muted);}
.note{max-width:720px;margin:18px auto 0;text-align:center;font-size:.82rem;color:var(--muted);line-height:1.55;}
.alert{max-width:760px;margin:26px auto 0;border-left:3px solid var(--dorado);background:var(--panel);padding:16px 20px;font-size:.9rem;line-height:1.6;color:var(--crema);}
.rules{max-width:760px;margin:0 auto;list-style:none;padding:0;}
.rules li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--borde);font-size:.92rem;line-height:1.55;}
.rules li:last-child{border-bottom:none;}
.rules svg{width:14px;height:14px;flex-shrink:0;margin-top:5px;}
.sponsors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:0 auto;}
.sponsors .sl{border:1px dashed var(--borde);height:92px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px;background:var(--panel);}
.sponsors .sl.main{grid-column:span 4;height:110px;border-color:var(--dorado);color:var(--dorado);}
@media(max-width:700px){.sponsors{grid-template-columns:repeat(2,1fr);}.sponsors .sl.main{grid-column:span 2;}}
.inscribir{text-align:center;background:linear-gradient(160deg, var(--negro-2), var(--negro));border:1px solid var(--borde);padding:52px 30px;border-radius:4px;max-width:760px;margin:0 auto;}
.pill{display:inline-block;font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--negro);background:var(--dorado);padding:6px 14px;border-radius:999px;margin-bottom:16px;}
.inscribir p{color:var(--muted);max-width:540px;margin:0 auto 26px;line-height:1.6;}
footer{padding:36px 0;text-align:center;color:var(--muted);font-size:.8rem;}

.zone{padding:34px 0 80px;}
.banner{background:#1a4a30;border:1px solid var(--dorado);padding:12px 16px;font-size:.82rem;color:var(--dorado);text-align:center;letter-spacing:.04em;}
.who{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.who .nm{font-family:'Oswald',sans-serif;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;color:var(--blanco);}
.who .sub{color:var(--muted);font-size:.85rem;}
.tabs{justify-content:flex-start;}
input,select,textarea{background:#0f3220;border:1px solid var(--borde);color:var(--crema);padding:9px 10px;font-family:'DM Sans',sans-serif;font-size:.88rem;border-radius:2px;max-width:100%;}
input[type=checkbox]{padding:0;width:16px;height:16px;accent-color:#C9A227;vertical-align:middle;}
select{min-width:150px;}
label.f{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-family:'Oswald',sans-serif;}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.row>div{flex:1;min-width:180px;}
.btn.sm{padding:9px 16px;font-size:.7rem;cursor:pointer;background:transparent;}
.btn.btn-primary.sm{background:var(--verde);}
.btn[disabled]{opacity:.4;cursor:not-allowed;}
.box{background:var(--panel);border:1px solid var(--borde);padding:20px;margin-bottom:18px;}
.box h3{font-size:1rem;margin-bottom:10px;color:var(--dorado);}
.err{color:#ff8b7a;font-size:.8rem;margin-top:4px;}
.info{color:var(--dorado);font-size:.8rem;margin-top:4px;}
.ok{color:#7fd6a0;}
.warnbox{border-left:3px solid var(--dorado);background:#164229;padding:14px 18px;font-size:.9rem;line-height:1.6;margin-bottom:18px;}
.pill2{display:inline-block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--borde);color:var(--muted);}
.pill2.g{color:#7fd6a0;border-color:#2e6e4e;}.pill2.y{color:var(--dorado);border-color:var(--dorado);}.pill2.r{color:#ff8b7a;border-color:#7a3a30;}
.slots{display:grid;grid-template-columns:150px 1fr 1fr;gap:10px 12px;align-items:start;}
.slots .c{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;padding-top:10px;color:var(--blanco);}
@media(max-width:720px){.slots{grid-template-columns:1fr;}.slots .c{padding-top:8px;border-top:1px solid var(--borde);margin-top:6px;}select{width:100%;}}
tr.grp td{background:rgba(201,162,39,.08);color:var(--dorado);font-family:'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;}
.tg{display:grid;gap:0;min-width:760px;border:1px solid var(--borde);background:#0f3220;}
.tg .gh{font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding:6px 2px;border-bottom:1px solid var(--borde);background:var(--panel);position:sticky;top:0;}
.tg .hr{font-family:'Oswald',sans-serif;font-size:.7rem;color:var(--muted);padding:2px 6px;border-top:1px solid #245a3c;}
.tg .cl{border-top:1px solid #245a3c;border-left:1px solid #245a3c;min-height:26px;}
.tg .cl.drop{background:rgba(201,162,39,.16);}
.mb{margin:1px;padding:4px 6px;border:1px solid var(--dorado);background:#1b4a2f;font-size:.68rem;line-height:1.25;cursor:grab;overflow:hidden;z-index:2;border-radius:2px;}
.mb b{display:block;font-family:'Oswald',sans-serif;letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;color:var(--dorado);}
.mb.pro{border-color:#f0d77a;background:#3a3a1c;}
.mb.sel{outline:2px solid #fff;}
.mb.warn{border-color:#ff8b7a;background:#3d2a22;}
.mb.fin{opacity:.55;}
.sets input{width:44px;text-align:center;padding:6px 2px;}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--dorado);color:#111;padding:10px 20px;font-size:.85rem;border-radius:2px;display:none;z-index:50;}

/* ---- extras versión real ---- */
.hide{display:none!important;}
.muted{color:var(--muted);}
.small{font-size:.8rem;}
.logo-sm{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--borde);background:var(--panel);}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;max-width:1000px;margin:0 auto;}
.team-card{background:var(--panel);border:1px solid var(--borde);padding:18px;border-radius:2px;}
.team-card h4{color:var(--blanco);font-size:1rem;margin:10px 0 6px;}
.team-card .shirt{width:100%;height:150px;object-fit:cover;border:1px solid var(--borde);margin-bottom:10px;background:#0f3220;}
.team-card ul{margin:0;padding-left:18px;font-size:.82rem;color:var(--muted);line-height:1.55;}
.livebar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
.empty{border:1px dashed var(--borde);padding:26px;text-align:center;color:var(--muted);font-size:.92rem;line-height:1.6;}
.mine td{background:rgba(201,162,39,.10);}
.gate{max-width:420px;margin:60px auto;text-align:center;}
.gate input{width:100%;margin:12px 0;padding:12px;}
.fin-res{color:var(--blanco);font-weight:700;}
.pill2.b{color:#9ad0ff;border-color:#2f5d86;}
.right{text-align:right;}
.sticky-actions{position:sticky;bottom:0;background:var(--negro);padding:12px 0;border-top:1px solid var(--borde);display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.stat-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.stat-line .stat{min-width:0;padding:10px 16px;}
.logbox{max-height:260px;overflow:auto;font-size:.78rem;color:var(--muted);line-height:1.6;}
img.tpv{max-width:160px;max-height:100px;border:1px solid var(--borde);display:block;margin-top:6px;}
