.page-hero { padding: 28px 0 8px; }
.page-title { margin: 0 0 6px; font-size: clamp(22px, 3vw, 32px); color: #ff7a00; }
.page-subtitle { color: var(--color-text); }
.section-title { font-size: 20px; margin: 0 0 10px; }
.muted { color: var(--color-muted); }

.open-classes, .courses, .school { padding: 8px 0 20px; }
.content--academia { gap: 16px; }
.open-classes { padding-top: 0; }

.page-hero__layout {
  display: grid;
  grid-template-columns: 2fr 1.5fr; /* aumenta ~30% el ancho del video */
  align-items: center;
  gap: 16px;
}
.page-hero__media { transform: translateY(24px); will-change: transform; } /* baja ~2 renglones solo el bloque del video */
.page-hero__video {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  background: #000;
  /* Mantener proporción de video y recortar si es necesario */
  aspect-ratio: 20 / 9; /* ~20% menos alto que 16/9 */
  object-fit: cover;
  /* Recorta un 20% del borde inferior */
  clip-path: inset(0 0 20% 0);
}
@media (max-width: 960px) {
  .page-hero__layout { grid-template-columns: 1fr; }
}

/* Tira multimedia Escuela Off-Road */
.media-strip{
  display: grid;
  grid-template-columns: 0.42fr 0.38fr 1fr 1fr; /* las dos primeras columnas a la mitad de ancho */
  gap: 10px;
  margin-top: 10px;
}
.media-strip__item{
  width: 100%;
  height: 160px;           /* misma altura vertical para imágenes (y GIFs) - igual a videos */
  border: 1px solid var(--color-border);
  border-radius: 10px;
  box-shadow: var(--shadow);
  background: #000;
  object-fit: cover;       /* recorta para igualar altura */
  display: block;
}
@media (max-width: 900px){
  .media-strip{ grid-template-columns: repeat(2, 1fr); }
  .media-strip__item{ height: 140px; }
}

/* Reducción específica para Max_sombrero.jpg a la mitad de altura */
.media-strip__item--small{ height: 80px; }
@media (max-width: 900px){
  .media-strip__item--small{ height: 70px; }
}