/* ============================================================
   05 · DISCIPLINAS ("Otros deportes disponibles")
   Anatomy unlike siblings: MURO de papelitos pegados a mano.
   Tarjetas en masonry desparejo, torcidas a distintos ángulos,
   con borde grueso "tosco", sombra dura tipo sticker y subrayado
   de marcador. Nada alineado: a propósito tosco y poco prolijo.
   Texto del PDF y encabezados de tabla, intactos.
   ============================================================ */

.disciplinas {
  padding: var(--tramo) var(--calle);
  background: var(--cal-honda);
}
.disciplinas__cabe { width: var(--cancha); max-width: 1300px; margin-inline: auto; margin-bottom: clamp(2rem, 4vw, 3rem); }
.disciplinas__volante { margin-bottom: 1.2rem; }
.disciplinas__titulo { font-size: var(--t-titular); margin-bottom: 1.1rem; max-width: 16ch; }
.disciplinas__intro { font-size: var(--t-lead); color: var(--tinta-media); max-width: 64ch; }

/* tira de fotos — también torcidas a mano */
.disciplinas__tira {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(0.9rem, 2vw, 1.6rem);
  margin-bottom: clamp(2.6rem, 4vw, 3.8rem);
}
.disciplinas__tira .pizarra-plano { aspect-ratio: 4 / 3; }
.disciplinas__tira > *:nth-child(1) { transform: rotate(-1.4deg); }
.disciplinas__tira > *:nth-child(2) { transform: rotate(1deg) translateY(0.6rem); }
.disciplinas__tira > *:nth-child(3) { transform: rotate(-0.6deg); }

/* leyenda de encabezados: oculta (cada papelito lleva su micro-etiqueta) */
.disciplinas__leyenda { display: none; }

/* el muro: columnas masonry desparejas */
.disciplinas__registro {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  column-count: 3; column-gap: clamp(0.8rem, 2vw, 1.4rem);
}

/* papelito */
.disciplinas__fila {
  break-inside: avoid;
  display: block;
  background: var(--cal-claro);
  border: 2.5px solid var(--tinta);
  border-radius: 16px 5px 14px 7px;        /* esquinas dispares, dibujadas a mano */
  padding: 1.1rem 1.2rem 1.2rem;
  margin-bottom: clamp(0.9rem, 2vw, 1.5rem);
  box-shadow: 5px 5px 0 var(--cesped);     /* sombra dura tipo sticker */
}
/* ángulos torcidos cíclicos — nada paralelo */
.disciplinas__fila:nth-child(6n+1) { transform: rotate(-2.2deg); }
.disciplinas__fila:nth-child(6n+2) { transform: rotate(1.6deg); }
.disciplinas__fila:nth-child(6n+3) { transform: rotate(-0.8deg); margin-left: 0.6rem; }
.disciplinas__fila:nth-child(6n+4) { transform: rotate(2.4deg); }
.disciplinas__fila:nth-child(6n+5) { transform: rotate(-1.4deg); margin-right: 0.5rem; }
.disciplinas__fila:nth-child(6n)   { transform: rotate(0.9deg); }
/* algunos papelitos con cinta verde y sombra al otro lado */
.disciplinas__fila:nth-child(3n) { box-shadow: -5px 5px 0 var(--brillo); background: #fff; }
.disciplinas__fila:nth-child(4n) { border-radius: 6px 15px 5px 16px; }

.disciplinas__dep {
  font-family: "Gabarito", sans-serif; font-weight: 800; font-size: 1.45rem;
  color: var(--tinta); line-height: 1; margin-bottom: 0.8rem;
  display: inline; /* para el resaltado de marcador */
  background: linear-gradient(transparent 58%, rgba(22,196,109,0.55) 58%);
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
  padding: 0 0.1em;
}
.disciplinas__lig, .disciplinas__mer { color: var(--tinta-media); font-size: var(--t-menor); margin-top: 0.7rem; }
.disciplinas__ml {
  display: block;
  font-family: "Mulish", sans-serif; font-size: 0.62rem; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--cesped-hondo);
  margin-bottom: 0.1rem;
}

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

@media (max-width: 1024px) {
  .disciplinas__titulo, .disciplinas__intro { max-width: none; }
  .disciplinas__tira { grid-template-columns: 1fr; }
  .disciplinas__tira > * { transform: none !important; }
  .disciplinas__registro { column-count: 1; }
  .disciplinas__fila { transform: none !important; margin-left: 0 !important; margin-right: 0 !important; }
  .disciplinas__dep { font-size: var(--t-sub); }
}