/* ============================================================
   04 · FÚTBOL ("Fútbol argentino: el eje de la oferta")
   Anatomy unlike siblings: dos tratamientos de tabla distintos.
   (a) Competiciones -> registro reglado 2-col junto a una foto alta.
   (b) Mercados -> glosario en rejilla con filete de césped (sin
   bordes de caja). Encabezados de tabla textuales del PDF.
   ============================================================ */

.futbol {
  padding: var(--tramo) var(--calle);
  background: var(--cal);
  border-top: 1px solid var(--linea);
}
.futbol__cabe { width: var(--cancha); max-width: 1300px; margin-inline: auto; margin-bottom: clamp(2.2rem, 4vw, 3.4rem); }
.futbol__volante { margin-bottom: 1.2rem; }
.futbol__titulo { font-size: var(--t-titular); margin-bottom: 1.1rem; max-width: 18ch; }
.futbol__intro { font-size: var(--t-lead); color: var(--tinta-media); max-width: 62ch; }

/* (a) fixtures: registro + foto */
.futbol__fixtures {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: grid; grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(2rem, 4vw, 4rem); align-items: start;
  margin-bottom: clamp(2.6rem, 5vw, 4.5rem);
}
.futbol__reg-cabe, .futbol__fila {
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 1.2rem;
  padding: 0.95rem 0;
}
.futbol__reg-cabe {
  border-bottom: 2px solid var(--tinta);
  font-family: "Mulish", sans-serif; font-size: 0.74rem; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--tinta-tenue);
}
.futbol__fila { border-bottom: 1px solid var(--linea); }
.futbol__comp { font-family: "Gabarito", sans-serif; font-weight: 700; color: var(--tinta); }
.futbol__cob { color: var(--tinta-media); }
.futbol__foto .pizarra-plano { aspect-ratio: 3 / 3.5; }

/* (b) mercados: glosario */
.futbol__mid {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  font-size: var(--t-lead); color: var(--tinta); max-width: 62ch;
  margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.futbol__mercados {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.1rem, 2.5vw, 2rem) clamp(2rem, 4vw, 3.5rem);
}
.futbol__mercado { padding-left: 1.1rem; border-left: 3px solid var(--cesped); }
.futbol__mercado b { display: block; font-family: "Gabarito", sans-serif; font-weight: 700; color: var(--tinta); margin-bottom: 0.2rem; }
.futbol__mercado span { color: var(--tinta-media); font-size: var(--t-menor); }

.futbol__cierre {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; align-items: center;
  margin-top: clamp(2.2rem, 4vw, 3.4rem);
}
.futbol__cierre p { color: var(--tinta-media); max-width: 60ch; }

@media (max-width: 1024px) {
  .futbol__titulo, .futbol__intro, .futbol__mid { max-width: none; }
  .futbol__fixtures { grid-template-columns: 1fr; gap: 2rem; }
  .futbol__foto { order: -1; }
  .futbol__foto .pizarra-plano { aspect-ratio: 3 / 2; }
  .futbol__mercados { grid-template-columns: 1fr; gap: 1.1rem; }
}