/* ==========================================================================
   Cor-E Dark — bloques específicos de /about (public/css/about-dark.css)
   Namespace .ab-* — solo carga en paginaActual === 'about' (cabecera.ejs).
   Tokens y componentes genéricos .hm-* viven en dark-base.css, cargado antes
   (incluidos .hm-page-hero, .hm-line/.hm-line-head, .hm-prose y .hm-rows/
   .hm-row, reutilizados sin cambios — ver prompt/aboutNew.md §5).
   ========================================================================== */

/* Mission / Vision lado a lado en desktop, cada uno un .hm-line-head */
.ab-mission-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(40px, 5vw, 72px);
}
.ab-mission-grid .hm-line-head { margin: 0; max-width: none; }

@media (max-width: 767.98px) {
  .ab-mission-grid { grid-template-columns: 1fr; gap: clamp(32px, 5vw, 48px); }
}