/* ════════════════════════════════════════════════════════════════════
   cop-elegir-partido.css — la cabecera y la lista de «elegí un partido»
   21/10/2026 · MUDADO del <style> de `carrera-partidos.html` (sin cambiar
   un valor) para que el Simulador de Partidos (`simulador.html`) sea la
   MISMA pantalla y no una copia. Los comentarios de cada decisión
   quedaron en carrera-partidos.html, al lado de donde vivían.
   ════════════════════════════════════════════════════════════════════ */
.volver{display:inline-flex;align-items:center;gap:var(--gap-sm, .5rem);color:#fff;
  text-decoration:none;font-weight:700;font-size:var(--fs-md, .88rem);
  padding:var(--gap-md, .7rem) 1rem .1rem;text-shadow:0 2px 6px rgba(0,0,0,.55)}
.volver:hover{color:#fff;opacity:.85}

.hero{
  /* ⚠ HASTA ARRIBA DE TODO: el `body` tiene 1rem de padding, así que el
     banner se lo come con un margen negativo también arriba. Sin esto
     quedaba una franja del fondo de la página entre la barra del
     teléfono y el color de la competencia. */
  position:relative;margin:-1rem -1rem 1rem;padding:0;
}

.obj-titulo{
  font-size:clamp(.78rem, 3.6vw, 1rem);font-weight:800;line-height:1.25;
  text-align:center;margin:0 auto .25rem;white-space:nowrap;
}
/* ⚠ EL <span> DE ADENTRO ES LO QUE SE ACHICA. `nowrap` evita que el
   título se parta en dos, pero NO evita que se desborde: a 390 px de
   pantalla y 14 px de letra, "Formá un equipo que alcance 300 puntos o
   más" sigue midiendo más que la fila y se sale por los costados. El
   arnés lo marcó (`tituloDesborda:true`) con el título ya "en una sola
   línea" — o sea que la condición que pidió Franco se cumplía y el
   resultado igual estaba mal. */
.obj-titulo > span{display:inline-block;transform-origin:50% 50%}
.obj-titulo b{color:var(--gold, #ffc233)}
.obj-sub{color:var(--text-dim);font-size:var(--fs-sm, .8rem);font-weight:600;text-align:center;margin-bottom:var(--gap-xl, 1.2rem)}

.hist-vacio{padding:2.4rem 1rem;text-align:center;color:var(--text-dim,#8b93a7)}
.hist-vacio .big{font-size:2.4rem;margin-bottom:.5rem}
.hist-vacio h3{color:#fff;font-size:var(--fs-base, 1rem);margin:.2rem 0 var(--gap-xs, .3rem)}
.hist-vacio p{font-size:var(--fs-md, .88rem);line-height:1.5;margin:0}

.lista-partidos{display:flex;flex-direction:column;gap:1rem}

.cargando{color:var(--text-dim);text-align:center;padding:2rem 0}
.lista-partidos[hidden]{display:none}