:root{
  --bg:#0b0f17; --panel:#121826; --panel2:#182033; --line:#243049; --txt:#e8edf7; --mut:#8b97b0;
  --acento:#39ff9f; --malo:#ff5a6e; --bueno:#39ff9f; --sombra:0 10px 30px rgba(0,0,0,.35);
  --titular:Oswald,"Bebas Neue","Arial Narrow","Roboto Condensed","Helvetica Neue",Impact,sans-serif;
}
:root[data-theme="light"]{
  --bg:#f3f5fa; --panel:#ffffff; --panel2:#eef1f8; --line:#d9deea; --txt:#121826; --mut:#5d6883;
  --acento:#0a9d5b; --malo:#d6334a; --bueno:#0a9d5b; --sombra:0 10px 30px rgba(20,30,60,.10);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 500px at 80% -10%,color-mix(in srgb,var(--acento) 9%,transparent),transparent 60%),var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;line-height:1.45;min-height:100vh}
a{color:inherit}
.envoltura{max-width:1180px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px)}
.barra{display:flex;align-items:center;gap:14px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.logo{font-family:var(--titular);font-size:28px;letter-spacing:1px;text-transform:uppercase}
.logo b{color:var(--acento)}
.lema{color:var(--mut);font-size:13px}
.espacio{flex:1}
.boton{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:8px 12px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.boton:hover{border-color:var(--acento)}
select.boton{appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px;background-repeat:no-repeat}

/* Duelo destacado */
.duelo{margin:26px 0;border-radius:22px;overflow:hidden;position:relative;box-shadow:var(--sombra);border:1px solid var(--line)}
.duelo .fondo{position:absolute;inset:0;opacity:.95}
.duelo .contenido{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:34px 28px;color:#fff}
.lado{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.escudo{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font:700 30px var(--titular);border:4px solid rgba(255,255,255,.85);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.lado .nombre{font:700 22px var(--titular);text-transform:uppercase;letter-spacing:.5px}
.lado .rolito{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:2px}
.lado .marcador{font:700 64px var(--titular);line-height:1}
.centro{text-align:center;min-width:170px}
.centro .vs{font:700 18px var(--titular);opacity:.8;letter-spacing:3px}
.centro .fechita{font-size:13px;opacity:.9;margin-top:4px}
.etiqueta{display:inline-block;margin-top:10px;background:rgba(0,0,0,.35);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.probbar{position:relative;display:flex;height:34px;border-radius:12px;overflow:hidden;margin:0 28px 10px;border:2px solid rgba(255,255,255,.6)}
.probbar div{display:flex;align-items:center;font:700 15px var(--titular);padding:0 12px;color:#fff;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.probbar div:last-child{justify-content:flex-end}
.pie-duelo{position:relative;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 28px 24px;color:#fff;font-size:13px}
.pie-duelo span{opacity:.9}

/* Resumen */
.tarjetas-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.dato{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.dato .num{font:700 30px var(--titular)}
.dato .txt{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.titulo-seccion{display:flex;align-items:center;gap:10px;margin:8px 0 14px;flex-wrap:wrap}
.titulo-seccion h2{font:700 22px var(--titular);text-transform:uppercase;margin:0;letter-spacing:.5px}

/* Rejilla de partidos */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-bottom:40px}
.partido{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}
.partido:hover{transform:translateY(-3px);border-color:var(--acento)}
.partido .fila{display:flex;align-items:center;gap:10px;margin:6px 0}
.chip{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;font:700 14px var(--titular);color:#fff;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.partido .eq{flex:1;font-weight:600;font-size:14px}
.partido .pts{font:700 22px var(--titular);min-width:34px;text-align:right}
.partido .real{font-size:12px;color:var(--mut);min-width:30px;text-align:right}
.mini{height:6px;border-radius:6px;background:var(--panel2);overflow:hidden;display:flex;margin:10px 0 6px}
.mini i{display:block;height:100%}
.partido .meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;color:var(--mut);font-size:12px}
.sello{position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}
.sello.ok{background:color-mix(in srgb,var(--bueno) 20%,transparent);color:var(--bueno)}
.sello.mal{background:color-mix(in srgb,var(--malo) 20%,transparent);color:var(--malo)}
.sello.pend{background:var(--panel2);color:var(--mut)}

/* Zona de carga */
.carga{border:2px dashed var(--line);border-radius:18px;padding:22px;text-align:center;color:var(--mut);margin-bottom:26px;transition:border-color .15s,background .15s}
.carga.encima{border-color:var(--acento);background:var(--panel)}
.carga strong{color:var(--txt)}
.aviso{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--acento);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--mut);margin:14px 0}

/* Detalle */
dialog{border:none;border-radius:22px;padding:0;max-width:640px;width:calc(100% - 32px);background:var(--panel);color:var(--txt);box-shadow:var(--sombra)}
dialog::backdrop{background:rgba(5,8,14,.7);backdrop-filter:blur(3px)}
.det-cab{padding:18px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}
.det-cab h3{margin:0;font:700 24px var(--titular);text-transform:uppercase}
.det-cuerpo{padding:18px 20px}
.det-cuerpo svg{width:100%;height:auto;display:block}
.tabla{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}
.tabla td{padding:7px 4px;border-bottom:1px solid var(--line)}
.tabla td:last-child{text-align:right;font-weight:600}
.panel-racha{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 18px 10px;margin-bottom:22px}
.panel-racha svg{width:100%;height:auto;display:block}
.panel-racha .barra-sem{transition:opacity .15s;cursor:pointer}
.panel-racha .barra-sem:hover{opacity:.75}
footer{color:var(--mut);font-size:12px;text-align:center;padding:26px 0 40px}

@media (max-width:720px){
  .duelo .contenido{grid-template-columns:1fr 1fr;padding:24px 16px}
  .centro{grid-column:1/-1;order:-1;min-width:0}
  .escudo{width:70px;height:70px;font-size:22px}
  .lado .marcador{font-size:46px}
  .probbar{margin:0 16px 10px}
  .pie-duelo{padding:6px 16px 20px}
  .tarjetas-resumen{grid-template-columns:repeat(2,1fr)}
}

/* ---------- navegación ---------- */
.marca{display:flex;flex-direction:column;text-decoration:none}
.pestanas{display:flex;gap:4px;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px}
.pestanas a{text-decoration:none;font:600 13px Inter,system-ui,sans-serif;padding:8px 14px;border-radius:9px;color:var(--mut);transition:background .15s,color .15s}
.pestanas a:hover{color:var(--txt)}
.pestanas a.activo{background:var(--acento);color:#06130c}
.boton.icono{padding:9px}
.boton.transparente{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.35);color:#fff}
.boton[disabled]{opacity:.4;cursor:default}
.controles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.segmentado{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;flex-wrap:wrap}
.segmentado button{border:0;background:transparent;color:var(--mut);font:600 13px Inter,system-ui,sans-serif;padding:7px 12px;border-radius:9px;cursor:pointer}
.segmentado button.activo{background:var(--panel2);color:var(--txt);box-shadow:inset 0 0 0 1px var(--acento)}
.vista{animation:entra .35s ease both}
@keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- duelo ---------- */
.duelo{cursor:pointer}
.duelo .brillo{position:absolute;inset:0;background:radial-gradient(600px 220px at 50% 0%,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.duelo:hover .probbar{border-color:#fff}
.etiqueta.grande{font-size:14px;padding:7px 16px;background:rgba(0,0,0,.45)}
.real-grande{font:600 13px Inter,system-ui,sans-serif;opacity:.9;background:rgba(0,0,0,.3);padding:2px 10px;border-radius:999px}
.dato .num small{font:600 14px Inter,system-ui,sans-serif;color:var(--mut)}
.partido .fila.favorito .eq{font-weight:800}
.partido .meta.vegas{margin-top:4px;padding-top:6px;border-top:1px dashed var(--line)}
.ejes{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-bottom:6px}
.det-cuerpo .boton{display:inline-block;margin-top:14px;text-decoration:none}

/* ---------- paneles y gráficas ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:18px}
.panel svg{width:100%;height:auto;display:block}
.panel h3,.titulo-seccion h3{font:700 17px var(--titular);text-transform:uppercase;letter-spacing:.5px;margin:0}
.leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-top:6px}
.leyenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.barra-sem{cursor:pointer;transition:opacity .15s}.barra-sem:hover{opacity:.75}
.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dos-columnas .panel{margin-bottom:18px}

/* ---------- la máquina ---------- */
.portada{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;margin:28px 0 22px}
.portada.chica{grid-template-columns:1fr}
.portada>*,.dos-columnas>*{min-width:0}
#ranking{overflow-x:auto}
.tabla-rank .num-neto{font-weight:800;text-align:right;width:44px}
.portada h1{font:700 44px/1.05 var(--titular);text-transform:uppercase;margin:6px 0 12px;letter-spacing:.5px;background:linear-gradient(90deg,var(--txt),var(--acento));-webkit-background-clip:text;background-clip:text;color:transparent}
.portada p{color:var(--mut);font-size:15px;max-width:640px;margin:0}
.sobretitulo{color:var(--acento);font:700 12px Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:3px}
.ecuacion{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sombra)}
.ecuacion code{font:14px/1.5 ui-monospace,Consolas,monospace;background:var(--panel2);padding:6px 10px;border-radius:8px;overflow-x:auto;white-space:nowrap}
.params{font-size:13px}
.versus{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.vs-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.vs-card .txt{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.vs-fila{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:9px;font-size:14px}
.vs-fila b{font:700 22px var(--titular)}
.vs-fila.gana{background:color-mix(in srgb,var(--acento) 14%,transparent)}
.vs-grande{font:700 40px var(--titular);color:var(--acento)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.chip-btn{border:1px solid var(--line);background:var(--panel2);color:var(--mut);font:700 12px var(--titular);letter-spacing:.5px;padding:5px 9px;border-radius:8px;cursor:pointer}
.chip-btn.activo{background:var(--c);border-color:var(--c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.tabla-rank{width:100%;border-collapse:collapse;font-size:13px}
.tabla-rank th{text-align:left;color:var(--mut);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:6px 4px;border-bottom:1px solid var(--line)}
.tabla-rank td{padding:5px 4px;border-bottom:1px solid var(--line);white-space:nowrap}
.tabla-rank td small{color:var(--mut)}
.tabla-rank .pos{color:var(--mut);font-weight:700;width:24px}
.barra-col{width:34%}
.divergente{position:relative;height:20px;background:linear-gradient(90deg,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}
.divergente i{position:absolute;top:4px;height:12px;border-radius:4px;opacity:.85}
.mini-chip{width:30px;height:22px;border-radius:6px;font-size:11px;vertical-align:middle}

/* ---------- explorador ---------- */
.filtros{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}
.filtros label{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.filtros .ancho{grid-column:span 2}
.filtros input,.filtros select{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:8px 10px;font:500 13px Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;min-width:0;width:100%}
.filtros input:focus,.filtros select:focus{outline:2px solid var(--acento);outline-offset:1px}
#kpisBase{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#kpisBase .num{font-size:26px}
.tabla-envoltura{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.tabla-datos{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}
.tabla-datos th{position:sticky;top:0;background:var(--panel2);text-align:left;padding:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--mut);cursor:pointer;user-select:none;white-space:nowrap}
.tabla-datos th.asc::after{content:" ▲"}.tabla-datos th.desc::after{content:" ▼"}
.tabla-datos td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:middle}
.tabla-datos td small{display:block;color:var(--mut);font-size:11px}
.tabla-datos tr:hover td{background:color-mix(in srgb,var(--acento) 5%,transparent)}
.marc{font:700 16px var(--titular);white-space:nowrap}.marc .gana{color:var(--acento)}.marc small{display:inline!important}
.paginas{display:flex;justify-content:center;align-items:center;gap:14px;margin:14px 0 40px;color:var(--mut);font-size:13px}

@media (max-width:900px){
  .portada{grid-template-columns:1fr}
  .dos-columnas{grid-template-columns:1fr}
  .versus{grid-template-columns:repeat(2,1fr)}
  .filtros{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .pestanas{order:3;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}   /* se desliza, no se corta */
  .pestanas::-webkit-scrollbar{display:none}
  .pestanas a{flex:1 0 auto;text-align:center;padding:8px 10px;white-space:nowrap}
  .logo{font-size:22px}
  .tabla-rank{display:block;overflow-x:auto}
  .portada h1{font-size:32px}
  .barra-col{width:28%}
  .tabla-rank td:nth-child(5),.tabla-rank th:nth-child(5){display:none}
}
@media (max-width:520px){.versus{grid-template-columns:1fr}.vs-fila span{white-space:nowrap}.vs-fila span small{white-space:normal}.vs-card{min-width:0}}
.sin-borde{border:0;background:transparent}
.tabla-rank.sim{min-width:640px}
.prob-barra{position:relative;height:22px;background:var(--panel2);border-radius:6px;overflow:hidden;min-width:120px}
.prob-barra i{position:absolute;inset:0 auto 0 0;opacity:.8}
.prob-barra span{position:relative;display:block;padding:2px 8px;font-size:12px;font-weight:700}

/* ---------- laboratorio de duelos ---------- */
.lab-controles{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:16px}
.lab-controles label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.lab-check{flex-direction:row;align-items:center;font-size:13px;text-transform:none;letter-spacing:0;padding-bottom:9px;cursor:pointer}
.lab-resultado{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start}
.lab-eqs{display:flex;flex-direction:column;gap:8px}
.lab-eq{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:12px;padding:8px 12px}
.lab-eq-txt{flex:1;min-width:0}
.lab-eq-txt b{display:block;font-size:14px}
.lab-eq-txt small{color:var(--mut)}
.lab-pts{font:700 24px var(--titular)}
.lab-pts.fuerte{color:var(--acento)}
.lab-prob{display:flex;height:32px;border-radius:10px;overflow:hidden;gap:2px;margin:12px 0 4px}
.lab-prob div{display:flex;align-items:center;padding:0 12px;font:700 14px var(--titular)}
.lab-h2h{font-size:13px;color:var(--mut);margin-top:10px}
.lab-resultado .tabla td:last-child{text-align:right;font-weight:600}
@media (max-width:900px){.lab-resultado{grid-template-columns:1fr}}

/* ---------- tabla de simulación ordenable ---------- */
.tabla-rank.sim th{cursor:pointer;user-select:none}
.tabla-rank.sim th.asc::after{content:" ▲"}
.tabla-rank.sim th.desc::after{content:" ▼"}
.tabla-rank tr.ganadora td{background:color-mix(in srgb,var(--bueno) 8%,transparent)}
.fila-atr{display:grid;grid-template-columns:150px 1fr 110px;align-items:center;gap:10px;padding:6px 0;font-size:13px}
.fila-atr .nombre{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prop-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start}
.prop-grid .tabla td:last-child{text-align:right}
@media (max-width:900px){.prop-grid{grid-template-columns:1fr}}

/* ---------- patrones (rachas y datos curiosos) ---------- */
.metodo{background:var(--panel2);border-left:4px solid var(--acento);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--mut);margin-top:14px}
.metodo b{color:var(--txt)}
.veredicto{display:inline-block;border-radius:999px;padding:4px 12px;font-weight:800;font-size:12px}
.veredicto.fuerte{background:color-mix(in srgb,var(--bueno) 18%,transparent);color:var(--bueno)}
.veredicto.azul{background:color-mix(in srgb,#ffd166 18%,transparent);color:#ffd166}
.veredicto.dudoso{background:var(--panel2);color:var(--mut)}
.resumen{margin:2px 0 12px;font-size:14px;color:var(--txt)}
.resumen b{color:var(--acento)}
.pat-chips-lbl{flex-direction:row;align-items:baseline;gap:8px}

/* ---------- líderes del partido ---------- */
.lid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 14px}
.lid-card{background:var(--panel2);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;min-width:0}
.lid-info{min-width:0;flex:1}
.lid-info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lid-etq{display:block;font:700 9.5px var(--titular);letter-spacing:2px;color:var(--acento)}
.lid-dato{font-size:12.5px;color:var(--mut)}
@media (max-width:680px){.lid-row{grid-template-columns:1fr}}
.pat-fila{cursor:pointer}
.pat-fila:hover td{background:color-mix(in srgb,var(--acento) 5%,transparent)}
.tabla-escaner td{white-space:nowrap}

/* ---------- box score por partido ---------- */
dialog{max-height:88vh;overflow:auto}
dialog.box{max-width:none;width:min(96vw,1240px)}
dialog.box .box-tabla{font-size:14px}
dialog.box .box-nom{max-width:280px}
#tablaBase tbody tr[data-id]{cursor:pointer}
.box-marca{display:flex;align-items:center;gap:10px;font:700 34px var(--titular);margin:2px 0 6px;flex-wrap:wrap}
.box-marca .lema{font:400 12.5px Inter,system-ui,sans-serif;flex:100%;margin-top:2px}
.box-teams{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
.box-eq-cab{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px 14px;margin-bottom:12px;font:700 16px var(--titular);text-transform:uppercase;letter-spacing:.5px}
.box-eq-cab .box-eq-pts{margin-left:auto;font:700 22px var(--titular)}
.box-mesa{margin-bottom:14px}
.box-mesa-titulo{font:700 11px var(--titular);letter-spacing:2.5px;text-transform:uppercase;color:var(--mut);margin:0 0 3px}
.box-tabla{width:100%;border-collapse:collapse;font-size:13.5px}
.box-tabla th{font:600 10.5px Inter,system-ui,sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.8px;padding:4px 7px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.box-tabla th:first-child{text-align:left}
.box-tabla td{padding:5.5px 7px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--txt)}
.box-tabla td:first-child{text-align:left}
.box-tabla tr:hover td{background:color-mix(in srgb,var(--acento) 5%,transparent)}
.box-nom{max-width:210px;overflow:hidden;text-overflow:ellipsis}
.box-nom .pos{display:inline-block;background:var(--panel2);border-radius:5px;padding:1px 5px;font:700 10px var(--titular);color:var(--mut);margin-right:6px;text-align:center;min-width:26px}
.lider{color:#ffd166;margin-right:2px}
.box-tabla td.destacar{font-weight:800}
.box-sin{margin-top:8px;font-size:12px}
.box-sin summary{cursor:pointer;color:var(--mut)}
#btnBox{margin-left:8px}
@media (max-width:680px){.box-teams{grid-template-columns:1fr}}
/* reporte de lesiones */
.tarjeta-lesion{position:relative}
.lista-bajas{list-style:none;margin:6px 0 10px;padding:0;font-size:13px}
.lista-bajas li{padding:4px 0;border-bottom:1px solid var(--line)}
.lista-bajas li:last-child{border-bottom:0}
.lista-bajas.duda li b{color:var(--mut)}
.meta.lesion{color:var(--acento);font-size:12px}
/* humano vs máquina */
.sello-mini{display:inline-block;min-width:22px;text-align:center;font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;background:var(--panel2);color:var(--mut)}
.sello-mini.ok{background:color-mix(in srgb,var(--bueno) 20%,transparent);color:var(--bueno)}
.sello-mini.mal{background:color-mix(in srgb,var(--malo) 20%,transparent);color:var(--malo)}

