/* ============================================================
   13 · TIPOS ("Tipos de apuesta más habituales")
   Anatomy unlike siblings: registro reglado 3-col limpio (Tipo /
   Cómo funciona / Riesgo y premio) — contraste prolijo frente al
   muro torcido de disciplinas. Encabezados textuales del PDF.
   ============================================================ */

.tipos {
  padding: var(--tramo) var(--calle);
  background: var(--cal-honda);
}
.tipos__cabe { width: var(--cancha); max-width: 1300px; margin-inline: auto; margin-bottom: clamp(2rem, 4vw, 3rem); }
.tipos__volante { margin-bottom: 1.2rem; }
.tipos__titulo { font-size: var(--t-titular); margin-bottom: 1rem; max-width: 16ch; }
.tipos__intro { font-size: var(--t-lead); color: var(--tinta-media); max-width: 60ch; }

.tipos__registro { width: var(--cancha); max-width: 1300px; margin-inline: auto; }
.tipos__leyenda, .tipos__fila {
  display: grid; grid-template-columns: 0.7fr 1.3fr 1.2fr; gap: 1.4rem;
  padding: 1.1rem 0; align-items: start;
}
.tipos__leyenda {
  border-bottom: 2px solid var(--tinta);
  font-family: "Mulish", sans-serif; font-size: 0.72rem; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinta-tenue);
}
.tipos__fila { border-bottom: 1px solid var(--linea); }
.tipos__tipo { font-family: "Gabarito", sans-serif; font-weight: 800; font-size: 1.15rem; color: var(--tinta); }
.tipos__como { color: var(--tinta-media); }
.tipos__riesgo { color: var(--tinta-media); }
.tipos__ml { display: none; }

.tipos__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(2rem, 4vw, 3rem);
}
.tipos__cierre p { color: var(--tinta-media); max-width: 64ch; }

@media (max-width: 1024px) {
  .tipos__titulo, .tipos__intro { max-width: none; }
  .tipos__leyenda { display: none; }
  .tipos__fila { grid-template-columns: 1fr; gap: 0.4rem; padding: 1.2rem 0; }
  .tipos__tipo { font-size: var(--t-sub); margin-bottom: 0.3rem; }
  .tipos__ml {
    display: block; font-family: "Mulish", sans-serif; font-size: 0.64rem; font-weight: 800;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--cesped); margin-bottom: 0.15rem;
  }
}