/* ═══════════════════════════════════════════════════════════════════════
   BLK BEARZ · Resultados (sitio público)
   Usa los mismos tokens del sitio (--wc-*, --current-cat), así que sigue el
   tema claro/oscuro y el color de la categoría sin hacer nada más.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Barra de filtro ── */
.res-barra{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-1.4rem 0 1.6rem}
.res-filtro{display:flex;flex-direction:column;gap:6px;min-width:min(100%,260px)}
.res-filtro span{font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wc-text-secondary)}
.res-filtro select{appearance:none;-webkit-appearance:none;width:100%;padding:.7rem 2.4rem .7rem .9rem;border:1px solid var(--wc-border);border-radius:0;
  background:var(--wc-gray) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239CA0AB' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right .9rem center;
  color:var(--wc-text);font-family:'Archivo',sans-serif;font-size:.92rem;cursor:pointer}
.res-filtro select:focus{outline:2px solid var(--current-cat,var(--wc-gold));outline-offset:1px}
.res-total{font-family:'Spline Sans Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-text-secondary)}

/* ── Un día ── */
.res-dia{margin-bottom:2rem}
.res-dia__cab{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin:0 0 .8rem;padding:.6rem .9rem;
  border-left:5px solid var(--current-cat,var(--wc-gold));
  background:color-mix(in srgb,var(--current-cat,var(--wc-gold)) 10%,transparent)}
.res-dia__nombre{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.35rem;line-height:1;text-transform:uppercase;letter-spacing:.01em;color:var(--current-cat,var(--wc-gold))}
.res-dia__fecha{font-family:'Spline Sans Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wc-text-secondary)}
.res-dia__n{margin-left:auto;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;
  padding:.12rem .6rem;background:var(--current-cat,var(--wc-gold));color:#fff}

.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}

/* ── Tarjeta de un partido: un renglón por equipo, como un marcador ── */
.res-card{position:relative;background:var(--wc-gray);border:1px solid var(--wc-border);padding:.75rem .9rem .8rem 1.1rem;
  box-shadow:var(--shadow)}
.res-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--current-cat,var(--wc-gold))}
.res-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem;font-family:'Spline Sans Mono',monospace;font-size:.64rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--wc-text-secondary)}
.res-meta span:first-child{color:var(--wc-text);font-weight:700}
.res-fin{margin-left:auto;padding:.1rem .45rem;border:1px solid currentColor;color:var(--current-cat,var(--wc-gold));font-weight:700}
.res-empate{color:var(--wc-text-secondary)}
.res-empate + .res-fin{margin-left:0}
.res-meta .res-empate{margin-left:auto}

.res-fila{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.3rem 0}
.res-esc{width:30px;height:30px;display:grid;place-items:center;overflow:hidden;flex:none;
  background:color-mix(in srgb,var(--current-cat,var(--wc-gold)) 16%,transparent);color:var(--current-cat,var(--wc-gold));
  font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:.8rem}
.res-esc img{width:100%;height:100%;object-fit:cover}
.res-eq{min-width:0;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:var(--wc-text);
  font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.18rem;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-eq:hover{color:var(--current-cat,var(--wc-gold));text-decoration:underline;text-underline-offset:3px}
.res-eq:focus-visible{outline:2px solid var(--current-cat,var(--wc-gold));outline-offset:2px}
.res-n{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.7rem;line-height:1;min-width:1.4ch;text-align:right;
  font-variant-numeric:tabular-nums;color:var(--wc-text)}
.res-fila.gana .res-n{color:var(--current-cat,var(--wc-gold))}
.res-fila.pierde .res-eq,.res-fila.pierde .res-n{opacity:.55}

.res-goles{margin:-.05rem 0 .25rem calc(30px + .65rem);font-size:.78rem;line-height:1.45;color:var(--wc-text-secondary)}
.res-goles::before{content:'⚽ ';font-size:.72rem}
.res-goles b{color:var(--wc-text);font-weight:700}
.res-goles em{font-style:normal;opacity:.8}
.res-sep{opacity:.5}

.res-mas-caja{display:flex;justify-content:center;margin-top:.5rem}
.res-vacio{display:flex;flex-direction:column;gap:.35rem;align-items:center;text-align:center;padding:2.6rem 1rem;
  border:1px dashed var(--wc-border);color:var(--wc-text-secondary)}
.res-vacio b{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.25rem;text-transform:uppercase;color:var(--wc-text)}

/* ═══════════ Ventana del equipo ═══════════ */
.res-eyebrow{display:block;font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--wc-text-secondary);margin-bottom:.2rem}
.res-tabs{display:flex;gap:6px;padding:.6rem 1.5rem;border-bottom:1px solid var(--wc-border);background:var(--wc-gray);flex:none}
.res-tabs button{font-family:'Spline Sans Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  color:var(--wc-text-secondary);background:transparent;border:1px solid var(--wc-border);padding:.5rem .9rem;transition:.2s}
.res-tabs button:hover{color:var(--wc-text)}
.res-tabs button.active{color:#fff;background:var(--current-cat,var(--wc-gold));border-color:transparent;font-weight:700}
#modal-equipo-partidos[hidden],#modal-jugadores-contenido[hidden]{display:none !important}

.res-registro{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--wc-border);background:var(--wc-gray);margin-bottom:1.2rem}
.res-registro div{padding:.6rem .3rem;text-align:center;border-left:1px solid var(--wc-border)}
.res-registro div:first-child{border-left:0}
.res-registro b{display:block;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.6rem;line-height:1;color:var(--wc-text);font-variant-numeric:tabular-nums}
.res-registro span{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.12em;color:var(--wc-text-secondary)}
.res-registro .pts b{color:var(--current-cat,var(--wc-gold))}

.res-proximos{margin-bottom:1.2rem;border:1px solid var(--wc-border);background:var(--wc-gray)}
.res-proximos h4,.res-sub{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-text)}
.res-proximos h4{padding:.55rem .9rem;border-bottom:1px solid var(--wc-border);color:var(--current-cat,var(--wc-gold))}
.res-proximo{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;padding:.55rem .9rem;border-top:1px solid var(--wc-border)}
.res-proximo:first-of-type{border-top:0}
.res-proximo span{font-family:'Spline Sans Mono',monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-text-secondary)}
.res-proximo b{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;color:var(--wc-text)}
.res-proximo i,.res-hist__rival i{font-style:normal;font-family:'Spline Sans Mono',monospace;font-size:.62rem;text-transform:lowercase;color:var(--wc-text-secondary);margin-right:.25rem}
.res-proximo em{font-style:normal;font-size:.75rem;color:var(--wc-text-secondary)}
.res-sub{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.res-sub span{font-family:'Spline Sans Mono',monospace;font-size:.68rem;padding:.05rem .45rem;background:var(--wc-border);color:var(--wc-text)}

.res-hist-lista{border:1px solid var(--wc-border);background:var(--wc-gray)}
.res-hist{display:grid;grid-template-columns:92px minmax(0,1fr) auto 32px;align-items:center;gap:.8rem;padding:.7rem .9rem;border-top:1px solid var(--wc-border)}
.res-hist:first-child{border-top:0}
.res-hist__fecha{font-family:'Spline Sans Mono',monospace;font-size:.74rem;font-weight:700;text-transform:uppercase;color:var(--wc-text);line-height:1.35}
.res-hist__fecha small{display:block;font-weight:500;font-size:.64rem;color:var(--wc-text-secondary)}
.res-hist__rival{min-width:0}
.res-hist__rival > b{display:block;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:1.12rem;line-height:1.1;text-transform:uppercase;color:var(--wc-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-hist__rival > em{font-style:normal;font-size:.72rem;color:var(--wc-text-secondary)}
.res-hist__rival .res-goles{margin:.2rem 0 0}
.res-hist__marcador{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.45rem;line-height:1;color:var(--wc-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.res-hist__marcador i{font-style:normal;color:var(--wc-text-secondary);font-weight:600;margin:0 .15rem}
.res-pill{width:30px;height:30px;display:grid;place-items:center;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:.95rem;color:#fff}
.res-pill.g{background:var(--md-win)}
.res-pill.e{background:var(--wc-text-secondary)}
.res-pill.p{background:var(--md-live)}

@media(max-width:640px){
  .res-barra{margin-top:-1rem}
  .res-filtro{flex:1}
  .res-grid{grid-template-columns:minmax(0,1fr)}
  .res-dia__nombre{font-size:1.2rem}
  .res-tabs{padding:.5rem 1rem}
  .res-tabs button{flex:1}
  .res-registro{grid-template-columns:repeat(4,minmax(0,1fr))}
  .res-registro div:nth-child(5){border-left:0}
  .res-registro div:nth-child(n+5){border-top:1px solid var(--wc-border)}
  .res-hist{grid-template-columns:minmax(0,1fr) auto 30px;grid-template-areas:"fecha marcador pill" "rival rival rival";row-gap:.3rem}
  .res-hist__fecha{grid-area:fecha}
  .res-hist__fecha small{display:inline;margin-left:.4rem}
  .res-hist__rival{grid-area:rival}
  .res-hist__marcador{grid-area:marcador}
  .res-pill{grid-area:pill}
}