/* Página 5 — layout de tiles (mismo criterio que P4/P6/P7) */

[data-page-id="5"] .ds-stack {
  gap: 22px;
}

[data-page-id="5"] .section-head h2,
[data-page-id="5"] .interior-section-intro,
[data-page-id="5"] .tile-label {
  font-style: normal;
}

[data-page-id="5"] .p5-materiales-grid,
[data-page-id="5"] .p5-videoteca-grid,
[data-page-id="5"] .p5-atencion-canales {
  gap: 11px;
}

[data-page-id="5"] .p5-materiales-grid.tile-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

[data-page-id="5"] .p5-videoteca-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 900px) {
  [data-page-id="5"] .p5-videoteca-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  [data-page-id="5"] .p5-materiales-grid.tile-grid-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-page-id="5"] .p5-videoteca-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-page-id="5"] .p5-videoteca-grid > .tile:last-child {
    grid-column: 1 / -1;
  }

  [data-page-id="5"] .tile-label {
    font-size: 11px;
  }
}

@media (max-width: 520px) {
  [data-page-id="5"] .site {
    overflow-x: hidden;
  }
}