/* ==========================================================================
   Mención de Honor Maestro Mario Pérez 2026 — landing (outline 19)

   IMPORTANTE: todas las reglas van prefijadas con #g-fullwidth a propósito.
   La hoja compilada del template declara:

       #g-fullwidth h1, ... , #g-fullwidth h6, #g-fullwidth strong
           { color:#f3f9ff }
       #g-fullwidth { background-color:#0583f2; color:#fff }

   Con selectores de clase pelados (0,1,1) esas reglas (1,0,1) ganan y dejan
   los títulos y los montos de premio invisibles sobre los fondos claros.
   El prefijo lleva cada regla propia a (1,1,1) y devuelve el control local.

   SUPERFICIES: cinco, agrupadas por función, no por variedad.
     navy    hero y contacto        — apertura y cierre
     blanco  presentación y fechas  — información de la convocatoria
     celeste categorías y requisitos— qué se presenta (un solo bloque)
     azul    bases y ley            — documentos que rigen
     crema   memoria                — ediciones anteriores y Mario Pérez
   ========================================================================== */

/* --- Contenedor Gantry ---------------------------------------------------- */

body.mhmmp2026 {
  --mh-blue:#0c4fa2;
  --mh-deep:#233254;
  --mh-sky:#b6ddfc;
  --mh-orange:#f28d52;
  --mh-pale:#f3f9ff;
  --mh-cream:#f8e6d5;
  --mh-ink:#023859;
  --mh-muted:#35576b;
  --mh-dark:#1c1c1c;
  --mh-rule:#8fb5d0;
  background:#fff;
  color:var(--mh-ink);
}
body.mhmmp2026 #g-fullwidth,
body.mhmmp2026 #g-mainbottom { padding:0; background:#fff; color:var(--mh-ink); }
body.mhmmp2026 #g-breadcrumb { display:none; }
body.mhmmp2026 #g-fullwidth::after { display:none; }
body.mhmmp2026 #g-fullwidth > .g-container,
body.mhmmp2026 #g-fullwidth .g-content { width:100%; max-width:none; margin:0; padding:0; }

/* Neutraliza el color heredado del template. Debe ir ANTES de las reglas de
   sección: todo lo que necesite un color propio lo declara más abajo. */
#g-fullwidth .mhmp26 :is(h1,h2,h3,h4,h5,h6,strong) { color:inherit; }

/* --- Base ----------------------------------------------------------------- */

#g-fullwidth .mhmp26,
#g-fullwidth .mhmp26 * { box-sizing:border-box; }
#g-fullwidth .mhmp26 {
  overflow:hidden;
  color:var(--mh-ink);
  font-family:"Merriweather Sans",Arial,sans-serif;
}
#g-fullwidth .mhmp26 :is(h1,h2,h3,p) { text-wrap:pretty; }
#g-fullwidth .mhmp26 :is(h1,h2,h3) { letter-spacing:-.02em; text-wrap:balance; }
/* Escala contenida a propósito: los títulos son etiquetas honestas («Fechas»,
   «Consultas»), no titulares. A 72px gritaban más de lo que decían. */
#g-fullwidth .mhmp26 h2 { margin:0 0 clamp(2rem,4vw,3rem); font-size:clamp(1.9rem,3.4vw,3rem); line-height:1.08; }
#g-fullwidth .mhmp26 h3 { margin:0; font-size:1.25rem; line-height:1.25; }
#g-fullwidth .mhmp26 a { text-decoration:none; }

/* 75rem = mismo ancho que .g-container del template, para que la landing
   quede alineada con el logo, el menú y el pie del sitio. */
#g-fullwidth .mhmp26-shell { width:min(75rem,calc(100% - 2.5rem)); margin-inline:auto; }

/* --- Botones y enlaces ---------------------------------------------------- */

#g-fullwidth .mhmp26-button {
  display:inline-flex; min-height:52px; align-items:center; justify-content:center;
  padding:.9rem 1.6rem; border-radius:6px; font-weight:800;
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
#g-fullwidth .mhmp26-button:hover { transform:translateY(-2px); }
#g-fullwidth .mhmp26-button:focus-visible,
#g-fullwidth .mhmp26 a:focus-visible { outline:3px solid #fff; outline-offset:2px; box-shadow:0 0 0 5px var(--mh-blue); }
#g-fullwidth .mhmp26-button--primary { background:var(--mh-orange); color:var(--mh-dark); }
#g-fullwidth .mhmp26-button--primary:hover { background:var(--mh-cream); color:var(--mh-dark); }
#g-fullwidth .mhmp26-button--dark { background:var(--mh-deep); color:#fff; }
#g-fullwidth .mhmp26-button--dark:hover { background:var(--mh-blue); color:#fff; }

/* --- Hero ----------------------------------------------------------------- */

#g-fullwidth .mhmp26-hero {
  position:relative; display:flex; align-items:center;
  min-height:min(700px,calc(100svh - 160px));
  color:#fff;
  background:var(--mh-deep) center/cover no-repeat;
  isolation:isolate;
}
/* El original es de 2007 px: en un viewport de 1512 con DPR 2 el navegador
   necesita 3024 y lo estira 1.5×, de ahí el pixelado. No hay más resolución
   disponible, así que se sirve un 2× reescalado con Lanczos y realce previo
   (se lee más nítido que el upscale del navegador) y se corta el peso: el PNG
   original pesaba 4,06 MB. Primera línea = respaldo sin image-set/WebP. */
#g-fullwidth .mhmp26-hero {
  background-image:url("../../../../images/mhmp/2026/oficiales/portada-hero.jpg");
  background-image:image-set(
    url("../../../../images/mhmp/2026/oficiales/portada-hero.webp") 1x,
    url("../../../../images/mhmp/2026/oficiales/portada-hero@2x.webp") 2x);
}
#g-fullwidth .mhmp26-hero::before {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,rgba(2,30,48,.97) 0%,rgba(2,39,63,.86) 44%,rgba(2,39,63,.25) 76%,rgba(2,39,63,.08) 100%);
}
#g-fullwidth .mhmp26-hero__inner { padding-block:clamp(4.5rem,9vw,7rem); }
#g-fullwidth .mhmp26-hero__copy { width:min(64%,760px); }
#g-fullwidth .mhmp26-edition { margin:0 0 1rem; color:var(--mh-cream); font-size:1.05rem; font-weight:800; }
#g-fullwidth .mhmp26-hero h1 { margin:0; color:#fff; font-size:clamp(2.8rem,5.6vw,5.2rem); line-height:.98; letter-spacing:-.035em; }
#g-fullwidth .mhmp26-hero h1 span { color:var(--mh-pale); }
#g-fullwidth .mhmp26-hero__lead { max-width:56ch; margin:1.75rem 0 2.25rem; font-size:clamp(1.05rem,1.7vw,1.25rem); line-height:1.65; }
#g-fullwidth .mhmp26-actions { display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:center; }
#g-fullwidth .mhmp26-hero__link { color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:.3em; }
#g-fullwidth .mhmp26-hero__link:hover { color:var(--mh-cream); }

/* --- Ritmo de secciones --------------------------------------------------- */

#g-fullwidth .mhmp26 > section:not(.mhmp26-hero) { padding-block:clamp(3.5rem,7vw,6rem); }

/* --- Presentación --------------------------------------------------------- */

#g-fullwidth .mhmp26-intro { background:#fff; color:var(--mh-ink); }
#g-fullwidth .mhmp26-intro__grid {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2rem,5vw,4rem); align-items:start;
}
#g-fullwidth .mhmp26-intro__head h2 { margin:0; }
/* Lockup oficial de la edición. Va acá y no en el hero por dos razones: el
   texto de la marca es negro y necesita fondo claro, y el hero ya tiene un
   barco pintado de fondo — dos barcos compiten. Decorativo (alt=""): el nombre
   ya lo dan el h1 del hero y el título de la página. */
#g-fullwidth .mhmp26-mark { display:block; width:min(22rem,80%); height:auto; margin:0 0 clamp(.9rem,1.8vw,1.35rem); }
/* Dentro de la cabecera de dos columnas ya no necesita margen propio: la regla
   de la cabecera le da el aire de abajo. */
#g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-mark { width:min(100%,30rem); margin:0; align-self:end; }
#g-fullwidth .mhmp26-intro__text {
  border-top:3px solid var(--mh-blue); padding-top:1.75rem;
  color:var(--mh-muted); font-size:1.1rem; line-height:1.75;
}
#g-fullwidth .mhmp26-intro__text p:first-child { margin-top:0; }
/* Señalización hacia categorías. No es un botón, para no competir con los CTA
   reales, y no es un «ver más» pelado: aporta un dato que no está en ningún
   lado antes. Ahí es donde sigue el recorrido — todavía no se puede completar
   el formulario sin haber elegido categoría. */
#g-fullwidth .mhmp26-jump {
  display:block; margin-top:clamp(1.75rem,3vw,2.5rem); padding-top:1.1rem;
  border-top:1px solid var(--mh-rule);
}
#g-fullwidth .mhmp26-jump span {
  display:block; color:var(--mh-muted);
  font-size:.85rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
}
#g-fullwidth .mhmp26-jump strong {
  display:block; margin-top:.3rem; color:var(--mh-blue);
  font-size:1.3rem; line-height:1.25; letter-spacing:-.02em;
  text-decoration:underline; text-decoration-color:transparent;
  text-underline-offset:.25em; transition:text-decoration-color .2s ease;
}
#g-fullwidth .mhmp26-jump:hover strong { text-decoration-color:currentColor; }
/* El ancla no queda pegada al borde superior de la ventana al saltar. */
#g-fullwidth .mhmp26 > section { scroll-margin-top:1.5rem; }

/* Video de la convocatoria, junto al texto de presentación — el lugar que ya
   ocupaba en 2025. Con video el título pasa a todo el ancho y la fila de abajo
   queda video + texto; sin video vuelve a título | texto. Va montado sobre un
   panel azul profundo porque el reproductor es negro y sobre el blanco de la
   sección se leería como un agujero. Solo se renderiza si el particle tiene
   cargada la URL (campo «Video · URL de inserción» en Gantry). */
/* Con video, la sección se compone como un solo bloque en vez de cuatro piezas
   sueltas: marca y título forman una cabecera a todo el ancho, una regla azul
   la cierra, y video y texto arrancan juntos de esa misma línea. El texto ya no
   lleva su propia regla superior — duplicarla desarmaba la lectura. */
#g-fullwidth .mhmp26-intro__grid.has-video {
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1.75rem,3vw,2.5rem) clamp(2rem,5vw,4rem);
}
/* La cabecera repite por dentro las mismas columnas que la fila de abajo: la
   marca encabeza la columna del video (las dos piezas visuales) y el título
   encabeza la del texto. Así el logo deja de flotar — tiene una columna que
   encabezar — y todo entra en una sola fila bajo una única regla. */
#g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-intro__head {
  grid-column:1/-1; margin-bottom:0;
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1rem,5vw,4rem); align-items:end;
  padding-bottom:clamp(1.25rem,2.5vw,1.75rem);
  border-bottom:3px solid var(--mh-blue);
}
#g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-intro__head h2 { align-self:end; }
/* Alineado arriba, no centrado: pega el texto al título que lo introduce y
   arranca a la misma altura que el video. El aire sobrante queda abajo, donde
   no interrumpe la lectura. */
#g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-intro__text { border-top:0; padding-top:0; align-self:start; }
#g-fullwidth .mhmp26-video {
  margin:0; padding:clamp(.85rem,1.6vw,1.35rem);
  background:var(--mh-deep); border-radius:14px;
}
#g-fullwidth .mhmp26-video__frame {
  position:relative; aspect-ratio:16/9; background:#000;
  border-radius:8px; overflow:hidden;
}
#g-fullwidth .mhmp26-video__frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
#g-fullwidth .mhmp26-video figcaption {
  margin:.85rem .25rem .1rem; color:var(--mh-sky);
  font-size:.85rem; font-weight:800;
}

/* --- Categorías y requisitos (una sola superficie) ------------------------ */

#g-fullwidth :is(.mhmp26-categories,.mhmp26-reqs) { background:var(--mh-pale); color:var(--mh-ink); }
/* Requisitos continúa a categorías sin corte: son el mismo bloque temático. */
#g-fullwidth .mhmp26 > section.mhmp26-reqs { padding-top:0; }

#g-fullwidth .mhmp26-category-list { border-top:1px solid var(--mh-rule); }
#g-fullwidth .mhmp26-category {
  display:grid; grid-template-columns:auto minmax(0,1fr) 280px;
  gap:clamp(1.5rem,4vw,3.5rem); align-items:center;
  padding-block:2.6rem; border-bottom:1px solid var(--mh-rule);
}
/* Numeral oficial de cada categoría, recortado de la gráfica del concurso y
   recoloreado al azul institucional: el trazo original es blanco y sobre el
   celeste de la sección no se vería. Decorativo (alt="") porque el número ya
   está como texto en .mhmp26-category__number. */
#g-fullwidth .mhmp26-category__mark {
  display:block; width:auto; height:clamp(4rem,6vw,5.5rem); max-width:100%;
  align-self:start;
}
#g-fullwidth .mhmp26-category__number { display:flex; align-items:center; gap:.6rem; margin:0 0 .35rem; color:var(--mh-blue); font-size:.85rem; font-weight:800; }
#g-fullwidth .mhmp26-badge {
  padding:.2rem .5rem; border-radius:3px;
  background:var(--mh-orange); color:var(--mh-dark);
  font-size:.72rem; text-transform:uppercase; letter-spacing:.04em;
}
#g-fullwidth .mhmp26-category__copy h3 { font-size:clamp(1.6rem,2.6vw,2.25rem); letter-spacing:-.025em; }
#g-fullwidth .mhmp26-category__audience { margin:.35rem 0 1rem; color:var(--mh-ink); font-weight:800; }
#g-fullwidth .mhmp26-category ul { margin:0; padding-left:1.2rem; color:var(--mh-muted); line-height:1.7; }
#g-fullwidth .mhmp26-prize { display:flex; flex-direction:column; padding:1.3rem 0; border-top:3px solid var(--mh-blue); }
#g-fullwidth .mhmp26-prize span { color:var(--mh-ink); font-size:.8rem; font-weight:800; text-transform:uppercase; }
#g-fullwidth .mhmp26-prize strong { margin:.35rem 0; color:var(--mh-blue); font-size:1.55rem; line-height:1.15; }
#g-fullwidth .mhmp26-prize small { color:var(--mh-muted); line-height:1.5; }
#g-fullwidth .mhmp26-category--young .mhmp26-prize { border-color:var(--mh-orange); }

/* Dos bloques desde que se quitó «Dos cosas que dejan afuera». Con repeat(3)
   quedaba una columna vacía a la derecha. El tope de medida evita que el texto
   se estire a 80 caracteres al repartirse el mismo ancho entre dos. */
#g-fullwidth .mhmp26-reqs__grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(2rem,4vw,3rem);
  padding-top:clamp(2.5rem,5vw,4rem);
}
#g-fullwidth .mhmp26-reqs__grid > div > p { max-width:52ch; }
#g-fullwidth .mhmp26-reqs h3 { margin-bottom:.9rem; color:var(--mh-ink); }
#g-fullwidth .mhmp26-reqs :is(p,li) { color:var(--mh-muted); line-height:1.7; }
#g-fullwidth .mhmp26-reqs ul { margin:0; padding-left:1.2rem; }
#g-fullwidth .mhmp26-reqs__flag { border-left:3px solid var(--mh-orange); padding-left:1rem; color:var(--mh-ink); font-weight:700; }

/* --- Fechas --------------------------------------------------------------- */

#g-fullwidth .mhmp26-dates { background:#fff; color:var(--mh-ink); }
#g-fullwidth .mhmp26-dates__list {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.5rem); margin:0; padding:0; list-style:none;
  border-top:1px solid var(--mh-rule); border-bottom:1px solid var(--mh-rule);
}
#g-fullwidth .mhmp26-dates__list li { padding-block:1.5rem 1.75rem; }
#g-fullwidth .mhmp26-dates time {
  display:block; color:var(--mh-blue);
  font-size:clamp(1.4rem,2.4vw,2rem); font-weight:800;
  line-height:1.15; letter-spacing:-.025em;
}
#g-fullwidth .mhmp26-dates p { margin:.5rem 0 0; color:var(--mh-muted); line-height:1.6; }
#g-fullwidth .mhmp26-note { max-width:62ch; margin:2.25rem 0 0; color:var(--mh-muted); font-size:.95rem; line-height:1.65; }
#g-fullwidth .mhmp26-dates .mhmp26-button { margin-top:2.25rem; }

/* --- Bases y marco legal -------------------------------------------------- */

#g-fullwidth .mhmp26-downloads { background:var(--mh-blue); color:#fff; }
#g-fullwidth .mhmp26-downloads__grid {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2rem,5vw,5rem); align-items:start;
}
#g-fullwidth .mhmp26-downloads h2 { margin:0 0 1.25rem; }
#g-fullwidth .mhmp26-downloads p { max-width:46ch; margin:0; line-height:1.7; }
#g-fullwidth .mhmp26-downloads p + p { margin-top:1rem; }
#g-fullwidth .mhmp26-download-list { border-top:1px solid rgba(255,255,255,.55); }
#g-fullwidth .mhmp26-download-list a {
  display:grid; grid-template-columns:52px 1fr; gap:1.15rem; align-items:center;
  padding:1.4rem 0; color:#fff; border-bottom:1px solid rgba(255,255,255,.55);
}
#g-fullwidth .mhmp26-download-list a:hover strong { text-decoration:underline; }
#g-fullwidth .mhmp26-download-list :is(strong,small) { display:block; }
#g-fullwidth .mhmp26-download-list small { margin-top:.25rem; color:#fff; line-height:1.45; }
#g-fullwidth .mhmp26-file-icon {
  display:grid; place-items:center; width:48px; height:48px;
  background:var(--mh-orange); color:var(--mh-dark);
  border-radius:4px; font-size:.72rem; font-weight:900;
}

/* --- Memoria: ediciones anteriores + Maestro Mario Pérez ------------------ */

#g-fullwidth .mhmp26-memory { background:var(--mh-cream); color:var(--mh-ink); }
/* El retrato es un recorte transparente ya cortado al ras abajo, así que se
   apoya a sangre contra el borde de la sección y entrega el paso a contacto.
   La sección renuncia a su padding inferior; el texto se lo queda para sí. */
#g-fullwidth .mhmp26 > section.mhmp26-memory { padding-bottom:0; }
#g-fullwidth .mhmp26-history__links { display:grid; grid-template-columns:1fr 1fr; border-top:2px solid var(--mh-deep); }
#g-fullwidth .mhmp26-history__links a {
  display:grid; grid-template-columns:1fr auto; padding:1.75rem 0;
  color:var(--mh-deep); border-bottom:2px solid var(--mh-deep);
}
#g-fullwidth .mhmp26-history__links a:nth-child(odd) { padding-right:2rem; }
#g-fullwidth .mhmp26-history__links a:nth-child(even) { padding-left:2rem; border-left:2px solid var(--mh-deep); }
#g-fullwidth .mhmp26-history__links :is(span,em) { align-self:center; }
#g-fullwidth .mhmp26-history__links strong {
  grid-row:1/3; grid-column:2; color:var(--mh-deep);
  font-size:clamp(2.5rem,6vw,5rem); line-height:.8;
}
#g-fullwidth .mhmp26-history__links em { font-style:normal; font-weight:800; }
#g-fullwidth .mhmp26-history__links a:hover em { text-decoration:underline; }

#g-fullwidth .mhmp26-about__grid {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(2rem,4vw,4rem); align-items:end;
  margin-top:clamp(3.5rem,7vw,6rem);
}
#g-fullwidth .mhmp26-about__grid > div { align-self:start; padding-bottom:clamp(3.5rem,7vw,6rem); }
#g-fullwidth .mhmp26-memory figure { margin:0; align-self:end; }
#g-fullwidth .mhmp26-memory figure img { display:block; width:100%; max-width:36rem; height:auto; }
#g-fullwidth .mhmp26-memory p { color:var(--mh-muted); line-height:1.75; }

/* --- Contacto ------------------------------------------------------------- */

#g-fullwidth .mhmp26-contact { background:var(--mh-deep); color:#fff; }
#g-fullwidth .mhmp26-contact__grid {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2rem,5vw,5rem); align-items:start;
}
#g-fullwidth .mhmp26-contact h2 { margin:0 0 1.25rem; }
/* El tope de medida es para la bajada de la izquierda. Sin acotarlo a esa
   columna también alcanzaba al <p> del address y lo dejaba 95 px más angosto
   que los <a> de arriba, rompiendo la alineación del bloque. */
#g-fullwidth .mhmp26-contact__grid > div > p { max-width:46ch; }
#g-fullwidth .mhmp26-contact p { line-height:1.7; }
#g-fullwidth .mhmp26-contact address { font-style:normal; border-top:1px solid rgba(255,255,255,.5); }
#g-fullwidth .mhmp26-contact address :is(a,p) {
  display:flex; justify-content:space-between; gap:1.5rem;
  margin:0; padding:1.1rem 0; color:#fff; border-bottom:1px solid rgba(255,255,255,.5);
}
#g-fullwidth .mhmp26-contact address a:hover strong { text-decoration:underline; }
#g-fullwidth .mhmp26-contact address span { color:var(--mh-sky); }
#g-fullwidth .mhmp26-contact address strong { max-width:62%; text-align:right; overflow-wrap:anywhere; }

/* --- Responsive ----------------------------------------------------------- */

@media (max-width:850px) {
  #g-fullwidth .mhmp26-hero__copy { width:min(80%,680px); }
  #g-fullwidth :is(.mhmp26-intro__grid,.mhmp26-intro__grid.has-video,.mhmp26-downloads__grid,.mhmp26-about__grid,.mhmp26-contact__grid,.mhmp26-reqs__grid) { grid-template-columns:1fr; gap:2.25rem; }
  #g-fullwidth .mhmp26-category { grid-template-columns:auto minmax(0,1fr) 220px; }
  #g-fullwidth .mhmp26-dates__list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #g-fullwidth .mhmp26-history__links { grid-template-columns:1fr; }
  #g-fullwidth .mhmp26-history__links a:nth-child(odd),
  #g-fullwidth .mhmp26-history__links a:nth-child(even) { padding:1.5rem 0; border-left:0; }
  /* En una columna el texto encabeza y el retrato cierra la sección. */
  #g-fullwidth .mhmp26-about__grid > div { order:-1; padding-bottom:0; }
  #g-fullwidth .mhmp26-memory figure img { max-width:26rem; margin-inline:auto; }
}

@media (max-width:560px) {
  #g-fullwidth .mhmp26-shell { width:min(100% - 1.5rem,75rem); }
  #g-fullwidth .mhmp26-hero { min-height:620px; background-position:68% center; }
  #g-fullwidth .mhmp26-hero {
    background-image:url("../../../../images/mhmp/2026/oficiales/portada-hero-mobile.webp");
    background-image:image-set(
      url("../../../../images/mhmp/2026/oficiales/portada-hero-mobile.webp") 1x,
      url("../../../../images/mhmp/2026/oficiales/portada-hero.webp") 2x);
  }
  #g-fullwidth .mhmp26-hero::before { background:linear-gradient(90deg,rgba(2,30,48,.96),rgba(2,39,63,.78)); }
  #g-fullwidth .mhmp26-hero__inner { padding-block:3.5rem 4.5rem; }
  #g-fullwidth .mhmp26-hero__copy { width:100%; }
  #g-fullwidth .mhmp26-hero h1 { font-size:clamp(2.5rem,13vw,4rem); }
  #g-fullwidth .mhmp26-actions { align-items:flex-start; flex-direction:column; gap:1.25rem; }
  #g-fullwidth .mhmp26-button { width:100%; }
  /* A este ancho la cabecera de dos columnas apretaba el título: se apila. */
  #g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-intro__head { grid-template-columns:1fr; gap:1rem; align-items:start; }
  #g-fullwidth .mhmp26-intro__grid.has-video .mhmp26-mark { width:min(100%,15rem); }
  #g-fullwidth .mhmp26-category { grid-template-columns:1fr; gap:1rem; }
  #g-fullwidth .mhmp26-category__mark { height:3.5rem; margin-bottom:.25rem; }
  /* En dos columnas sólo la segunda fila lleva separador. */
  #g-fullwidth .mhmp26-dates__list li:nth-child(n+3) { border-top:1px solid var(--mh-rule); }
  #g-fullwidth .mhmp26-dates__list li { padding-block:1.25rem; }
  #g-fullwidth .mhmp26-contact address :is(a,p) { display:block; }
  #g-fullwidth .mhmp26-contact address strong { display:block; max-width:none; margin-top:.35rem; text-align:left; }
}

@media (prefers-reduced-motion:reduce) {
  #g-fullwidth .mhmp26 * { scroll-behavior:auto!important; transition:none!important; }
}