/* ═══════════════════════════════════════════════════════════
   HISPANO · páginas interiores
   Nuestro colegio.pdf · Comunidad.pdf · Blog.pdf (23 sep 2026)
   y el directorio de contactos.

   Se carga DESPUÉS de hispano.css. Mismas reglas que aquel:
   · tamaños medidos sobre el PDF a 1440 px (PyMuPDF: cuerpo,
     peso y color de cada línea), no estimados;
   · clamp() que llega exacto al valor del PDF a 1440 y no baja
     de un mínimo legible a 390;
   · donde el color del PDF no pasa AA sobre su fondo se usa la
     variante legible del mismo tono (bitacora.md §4);
   · TODAS las @media al final de este archivo.
   ═══════════════════════════════════════════════════════════ */

:root{
  --h-ambar-claro:#F8B133;
  --h-naranja:#EE7A19;
  --h-ciruela-pdf:#522058;
  --h-magenta-pdf:#EA4C72;
  --h-teal-pdf:#19B0A4; /* aguamarina oficial del cliente (26 sep) */
  --h-texto-card:#382D54;
  --h-texto-serv:#23266A;
  --h-gris-lista:#F5F8F9;
  --h-crema-boton:#F4EEE9;
  /* Botones con texto blanco: el tono del PDF no llega a 3:1. */
  --h-naranja-boton:#BC5717;
  --h-teal-boton:#127E76; /* aguamarina del cliente (#19B0A4) oscurecida hasta AA con texto blanco */
}

/* ── 1 · MENÚ · cinco ítems, la página activa en magenta ─────
   hispano.css pinta el primer ítem en magenta por posición
   (nth-child). Ahora manda la página activa. */
.hispano-nav .wp-block-navigation-item:nth-child(n) a{color:var(--wp--preset--color--teal-texto)}
.hispano-nav .wp-block-navigation-item.current-menu-item:nth-child(n) a{color:var(--wp--preset--color--magenta-texto)}
.hispano-nav__contacto a,.hispano-nav .hispano-nav__contacto .wp-block-navigation-item__content{
  line-height:1.02;text-align:center}
.hispano-header__sellos img{height:78px}

/* ── 1b · ENCABEZADO Y PIE · medidos en los cinco PDF ────────
   La tarjeta mide 1162 px en TODOS los archivos (Preescolar1,
   Propuesta web-last, Nuestro colegio, Comunidad, Blog), no 1383:
   el comparador tenía anotada una medida vieja y nunca lo marcó.
   Índigo 59 px arriba y 29 abajo; tarjeta de 174 px de alto.
   Pie: tira de logos de 564 px, Leoncio de 116 pegado a ella y el
   bloque «Síguenos» centrado entre x=866 y 1352. */
.hispano-header{padding-top:59px !important;padding-bottom:29px !important}
.hispano-header__card.alignwide{max-width:1162px}
.hispano-header__card{padding:14px 26px 12px !important}
.hispano-footer .wp-block-columns.alignwide{gap:32px}
.hispano-footer .wp-block-columns > .wp-block-column:first-child{flex-basis:56% !important}
.hispano-footer__logos{gap:28px;flex-wrap:nowrap;justify-content:flex-start}
.hispano-footer__sellos{flex:0 1 564px}
.hispano-footer__sellos img{width:564px;height:auto;max-width:100%}
.hispano-footer__leoncio img{width:116px !important} /* el bloque trae width:78px en línea */
.hispano-footer__contacto .has-text-align-right{text-align:center}
.hispano-footer__contacto .wp-block-social-links{justify-content:center}

/* ── 2 · CURVAS · la sección de arriba define el color ────── */
/* Sin hueco entre secciones. WordPress separa los hijos del contenido de la
   página con el blockGap del tema (24 px); en ese hueco se veía el fondo
   blanco y, bajo una sección crema, la curva quedaba cortada por una franja
   blanca («Nuestra historia», la portada). Se nota más en pantallas grandes.
   Sólo en las páginas (contenido alignfull): en un artículo el cuerpo sí
   necesita el espacio entre párrafos. */
main > .wp-block-post-content.alignfull > *{margin-block-start:0 !important;margin-block-end:0 !important}

.hispano-curva--desde-blanco.hispano-curva::before{background:#fff}
.hispano-curva--desde-crema.hispano-curva::before{background:var(--wp--preset--color--crema)}

/* ── 3 · TITULAR DOBLE · antetítulo + titular + texto ────────
   PDF: antetítulo 32,8 Bold · titular 33,5 Bold · texto 18,8
   Medium. Los dos primeros casi del mismo cuerpo: el color hace
   la jerarquía. */
.hispano-dupla{margin-inline:auto}
.hispano-dupla .hispano-dupla__ante{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(22px, 17.99px + 1.029vw, 32.8px);line-height:1.12;letter-spacing:0;margin:0}
.wp-site-blocks .hispano-dupla .hispano-dupla__h{
  font-size:clamp(23px, 19.10px + 1.000vw, 33.5px);line-height:1.13;margin:.1em 0 0;letter-spacing:0}
.hispano-dupla .hispano-dupla__txt{
  font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.25;color:var(--wp--preset--color--texto);
  margin:.75em auto 0;max-width:48em}

/* ── 4 · CABECERA · foto, carrete o video a todo el ancho ────
   Nuestro colegio: 1440 × 806. Comunidad: 1440 × 628. */
.hispano-cabecera{margin:0;padding:0;background:var(--wp--preset--color--gris)}
.hispano-cabecera .wp-block-image,.hispano-cabecera figure{margin:0}
.hispano-cabecera img,.hispano-cabecera video,.hispano-cabecera iframe{
  display:block;width:100%;height:auto;border-radius:0 !important;object-fit:cover;aspect-ratio:1440/806}
.hispano-cabecera__carrete img{aspect-ratio:1440/628}
/* Nuestro colegio (la cabecera seguida de las cifras) mide 1440 × 806. */
.hispano-cabecera:has(+ .hispano-cifras-wrap) img{aspect-ratio:1440/806}
.hispano-cabecera img[src$=".svg"]{object-fit:contain}
.hispano-cabecera .wp-block-embed__wrapper{aspect-ratio:1440/806}
.hispano-cabecera .wp-block-embed__wrapper iframe{height:100%}
.wp-block-gallery.hispano-cabecera__carrete{gap:0 !important;padding:0;margin:0}
.wp-block-gallery.hispano-cabecera__carrete > figure.wp-block-image{flex:0 0 100% !important;width:100% !important}

/* ── 5 · CARRUSEL CON FLECHAS A LOS COSTADOS ─────────────────
   carrusel.js envuelve la pista en .hispano-carrusel-marco. Las
   flechas son chevrones grises fuera de las tarjetas, como en el
   PDF; el contador «1 / 4» no se muestra en esta variante. */
.hispano-carrusel-marco{position:relative}
.hispano-carrusel--flechas{scrollbar-width:none;padding-bottom:0;gap:15px}
.hispano-carrusel--flechas::-webkit-scrollbar{display:none}
ul.hispano-carrusel{list-style:none;padding-left:0;margin-top:0}
.hispano-carrusel-marco > .hispano-carrusel-ctrl{
  position:absolute;inset:0 -54px;margin:0;pointer-events:none;justify-content:space-between}
.hispano-carrusel-marco > .hispano-carrusel-ctrl .hispano-carrusel-pos{display:none}
.hispano-carrusel-marco > .hispano-carrusel-ctrl button{
  pointer-events:auto;background:transparent;border:0;box-shadow:none;
  color:#C5C5C5;font-size:3.2rem;line-height:1;width:48px;height:64px;border-radius:8px}
.hispano-carrusel-marco > .hispano-carrusel-ctrl button:hover{
  background:transparent;color:var(--wp--preset--color--indigo);transform:none}
.hispano-carrusel-marco > .hispano-carrusel-ctrl button[disabled]{opacity:.35}

/* ── 6 · NUESTRO COLEGIO · cifras ────────────────────────────
   Tarjeta índigo 958 × 148, 12 px bajo la cabecera. Cifras 53,4
   Bold, sufijo 26,3, pie 14 Medium crema. Punteado ámbar. */
.hispano-cifras-wrap{padding:12px var(--wp--preset--spacing--50) 0 !important}
.hispano-cifras.alignwide{
  max-width:958px;margin-inline:auto;border-radius:18px;padding:22px 18px 20px;gap:0;align-items:stretch}
.hispano-cifras__item{flex:1 1 auto;min-width:0;padding-inline:10px}
.hispano-cifras__item + .hispano-cifras__item{border-left:1.5px dashed var(--h-ambar-claro)}
.hispano-cifras .hispano-cifras__n{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;
  font-size:clamp(34px, 26.79px + 1.848vw, 53.4px);line-height:1;margin:0;min-height:1em;
  display:flex;align-items:flex-end;justify-content:center}
.hispano-cifras__n span{font-size:clamp(18px, 14.92px + 0.790vw, 26.3px);line-height:1.2;margin-left:.04em}
.hispano-cifras .hispano-cifras__n--texto{font-size:clamp(18px, 14.92px + 0.790vw, 26.3px);line-height:.95;display:block;padding-top:.1em}
.hispano-cifras .hispano-cifras__pie{
  color:var(--wp--preset--color--crema);font-size:clamp(12.5px, 11.94px + 0.143vw, 14px);
  line-height:1.2;margin:.45em 0 0;letter-spacing:0;white-space:nowrap}
.hispano-cifras__item--ambar-claro .hispano-cifras__n{color:var(--h-ambar-claro)}
.hispano-cifras__item--magenta .hispano-cifras__n{color:#E62959}
.hispano-cifras__item--ambar .hispano-cifras__n{color:var(--wp--preset--color--ambar)}
.hispano-cifras__item--teal .hispano-cifras__n{color:var(--h-teal-pdf)}
.hispano-cifras__item--naranja .hispano-cifras__n{color:var(--h-naranja)}

/* ── 7 · NUESTRO COLEGIO · historia ──────────────────────────
   Cuatro tarjetas de 302 con 15 de separación. Foto enmarcada,
   año en cinta ciruela (29,5 Bold), título 22,2 magenta y texto
   15,9 Medium. */
.hispano-historia{padding:74px var(--wp--preset--spacing--50) 44px !important}
.hispano-historia__consulta{margin-top:58px}
.hispano-historia__pista.hispano-carrusel > *{flex:0 0 calc((100% - 45px) / 4);scroll-snap-align:start}
.hispano-hito{
  background:#fff;border-radius:20px;padding:14px 14px 20px;height:100%;
  box-shadow:0 6px 18px rgba(39,33,88,.06)}
.hispano-hito > *{max-width:none !important}
.hispano-hito .hispano-hito__foto{margin:0}
.hispano-hito__foto img{width:100%;height:auto;aspect-ratio:463/362;object-fit:cover;border-radius:16px}
.hispano-hito .hispano-hito__anio{
  position:relative;z-index:2;width:fit-content;margin:-26px auto 0;
  padding:1px 32px 0;background:var(--h-ciruela-pdf);color:var(--wp--preset--color--crema);
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;letter-spacing:0;
  font-size:clamp(22px, 19.21px + 0.714vw, 29.5px);line-height:1.18;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%)}
.wp-site-blocks .hispano-hito .hispano-hito__titulo{
  color:var(--h-magenta-pdf);font-size:clamp(18px, 16.44px + 0.400vw, 22.2px);line-height:1.04;
  text-transform:none;max-width:11ch !important;margin:10px auto 6px}
.hispano-hito__txt p,.hispano-hito .hispano-hito__txt{
  color:var(--h-texto-card);font-size:clamp(14px, 13.29px + 0.181vw, 15.9px);line-height:1.12;margin:0}
.hispano-we-are{margin:34px auto 0 !important}
.hispano-we-are img{width:116px;height:auto;border-radius:0}

/* ── 8 · NUESTRO COLEGIO · modelo ────────────────────────────
   Texto a la izquierda (441 px), rueda de 490 a la derecha. */
.hispano-modelo{padding:88px var(--wp--preset--spacing--50) 64px !important}
.hispano-modelo__grid{gap:24px}
.hispano-modelo .hispano-dupla__txt{max-width:22em}
.hispano-modelo__rueda{margin:0 auto}
.hispano-modelo__rueda img{width:min(490px,100%);height:auto;border-radius:0}

/* ── 9 · NUESTRO COLEGIO · lo que nos hace Hispano ───────────
   Tres videos verticales de 353 × 629 con 32 de separación.
   Título 23,1 magenta · bajada 16,7 índigo · texto 16,6 ·
   «Conoce más» 19 SemiBold. */
.hispano-lohace{padding:96px var(--wp--preset--spacing--50) 64px !important}
.hispano-lohace__pista{margin-top:62px !important}
.hispano-lohace__pista.hispano-carrusel{gap:32px}
.hispano-lohace__pista.hispano-carrusel > *{flex:0 0 calc((100% - 64px) / 3);scroll-snap-align:start}
.hispano-video > *{max-width:none !important}
.hispano-video .hispano-video__media{margin:0}
.hispano-video__media img,.hispano-video__media video,.hispano-video__media iframe{
  display:block;width:100%;height:auto;aspect-ratio:353/629;object-fit:cover;border-radius:0 !important}
.hispano-video__media .wp-block-embed__wrapper{aspect-ratio:353/629}
.hispano-video__media .wp-block-embed__wrapper iframe{height:100%}
.wp-site-blocks .hispano-video .hispano-video__titulo{
  color:var(--h-magenta-pdf);font-size:clamp(19px, 17.48px + 0.390vw, 23.1px);line-height:1.1;margin:14px 0 2px}
.hispano-video .hispano-video__bajada{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;text-transform:uppercase;
  color:#32336B;font-size:clamp(14px, 13.00px + 0.257vw, 16.7px);line-height:1.08;margin:0 0 12px;max-width:19em}
.hispano-video .hispano-video__txt{
  color:#1D1D1B;font-size:clamp(14.5px, 13.72px + 0.200vw, 16.6px);line-height:1.13;margin:0 auto;max-width:17em}
.hispano-flecha-link{margin:12px 0 0;font-weight:600;font-size:clamp(16px, 14.89px + 0.286vw, 19px)}
.hispano-flecha-link a{color:var(--wp--preset--color--ambar-texto);text-decoration:none}
.hispano-flecha-link a::after{content:"➜";color:var(--wp--preset--color--ambar);margin-left:.3em;font-size:.8em}
.hispano-flecha-link a:hover{color:var(--wp--preset--color--magenta-texto)}

/* ── 10 · NUESTRO COLEGIO · información institucional ────────
   Columna derecha de 341: antetítulo 20,1 · titular 20,5 ·
   renglones grises de 44 px con texto 20,5 Bold. */
.hispano-docs{padding:44px var(--wp--preset--spacing--50) 56px !important}
.hispano-docs__grid{gap:48px}
.hispano-docs__ilustracion img{width:min(380px,100%);height:auto;border-radius:22px}
.hispano-docs .hispano-docs__ante{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(16.5px, 15.16px + 0.343vw, 20.1px);line-height:1.1;margin:0}
.wp-site-blocks .hispano-docs .hispano-docs__h{
  font-size:clamp(17px, 15.70px + 0.333vw, 20.5px);line-height:1.12;margin:.2em 0 12px}
.hispano-docs__consulta,.hispano-docs__items{margin:0;padding:0;list-style:none}
.hispano-docs__items > li{margin:0 0 4px}
.hispano-docs__item{margin:0;display:block}
.hispano-docs__item .wp-block-button{width:100%}
.hispano-docs__item .wp-block-button__link{
  width:100%;justify-content:flex-start;text-align:left;min-height:44px !important;
  padding:6px 12px !important;border-radius:0 !important;
  background:var(--h-gris-lista);color:var(--wp--preset--color--indigo);
  font-size:clamp(17px, 15.70px + 0.333vw, 20.5px);letter-spacing:0;font-weight:700}
.hispano-docs__item .wp-block-button__link:hover{background:var(--wp--preset--color--lteal);transform:none}
.hispano-docs__item .wp-block-button__link.is-sin-enlace{cursor:default}
.hispano-docs__item .wp-block-button__link.is-sin-enlace:hover{background:var(--h-gris-lista)}

/* Buscador · píldora blanca con sombra y lupa ciruela a la izquierda. */
.hispano-buscador{margin:12px 0 0}
.hispano-buscador .wp-block-search__inside-wrapper{
  flex-direction:row-reverse;background:#fff;border:0 !important;border-radius:10px;padding:4px 10px;
  box-shadow:0 3px 8px rgba(39,33,88,.18)}
.hispano-buscador .wp-block-search__input{
  border:0;background:transparent;font-size:14px;padding:6px 4px;min-height:36px;color:var(--wp--preset--color--texto)}
.hispano-buscador .wp-block-search__button{
  background:transparent !important;color:var(--h-ciruela-pdf) !important;padding:4px !important;
  min-height:36px !important;margin:0;border-radius:6px !important}
.hispano-buscador .wp-block-search__button svg{width:26px;height:26px;fill:currentColor}

/* ── 11 · PIE CON INVITACIÓN (Nuestro colegio) ───────────────
   «¿Quieres conocer más…?» 19,6 Black + Medium; dos botones
   de 19,1 ExtraBold, naranja y teal. */
.hispano-footer-cta{gap:14px 34px;margin:0 auto 34px !important}
.hispano-footer .hispano-footer-cta__txt{
  margin:0;color:#fff;font-size:clamp(16px, 14.66px + 0.343vw, 19.6px);line-height:1.25;font-weight:500}
.hispano-footer-cta__txt strong{font-weight:800}
.hispano-footer-cta__botones{gap:26px}
.hispano-footer-cta .wp-block-button__link{
  min-height:0 !important;padding:5px 22px !important;min-width:175px;white-space:nowrap;
  font-size:clamp(15px, 13.48px + 0.390vw, 19.1px);font-weight:800;letter-spacing:0}
.is-style-hispano-naranja .wp-block-button__link{background:var(--h-naranja-boton);color:#fff}
.is-style-hispano-naranja .wp-block-button__link:hover{background:var(--wp--preset--color--ciruela)}
.is-style-hispano-teal .wp-block-button__link{background:var(--h-teal-boton);color:#fff}
.is-style-hispano-teal .wp-block-button__link:hover{background:var(--wp--preset--color--indigo)}

/* ── 12 · COMUNIDAD · cada voz es escuchada ──────────────────
   Tarjetas blancas de 305 con 13 de separación. Título 22,2
   Bold · bajada 15,9 SemiBold · foto 281 × 185 · cifra 35 Bold
   teal + unidad 21,9 · etiqueta 11,7 · botón 20,2 Bold. */
.hispano-voces{padding:74px var(--wp--preset--spacing--50) 64px !important}
.hispano-voces__grid.alignwide{max-width:941px;margin:38px auto 0;gap:13px !important}
.hispano-voz{background:#fff;border-radius:18px;padding:18px 12px 16px;display:flex;flex-direction:column}
.hispano-voz > *{max-width:none !important;margin-block:0}
.wp-site-blocks .hispano-voz .hispano-voz__titulo{
  font-size:clamp(18px, 16.44px + 0.400vw, 22.2px);line-height:1.1;margin:0}
.hispano-voz__titulo--magenta{color:var(--h-magenta-pdf)}
.hispano-voz__titulo--ciruela{color:var(--h-ciruela-pdf)}
.hispano-voz .hispano-voz__bajada{
  font-weight:600;text-transform:uppercase;color:var(--h-texto-card);
  font-size:clamp(14px, 13.29px + 0.181vw, 15.9px);line-height:1.1;margin:4px 0 10px;letter-spacing:0}
.hispano-voz .hispano-voz__foto{margin:0}
.hispano-voz__foto img{width:100%;height:auto;aspect-ratio:281/185;object-fit:cover;border-radius:0}
.hispano-voz__cifras{gap:0;margin:10px 0 8px !important;flex-wrap:nowrap}
.hispano-voz__cifra{padding:0 16px;max-width:none}
.hispano-voz__cifra + .hispano-voz__cifra{border-left:1.5px solid var(--wp--preset--color--indigo)}
.hispano-voz .hispano-voz__n{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;color:var(--wp--preset--color--teal-titular);
  font-size:clamp(26px, 22.66px + 0.857vw, 35px);line-height:1;margin:0;letter-spacing:0;white-space:nowrap}
.hispano-voz__n span{font-size:clamp(16px, 13.81px + 0.562vw, 21.9px)}
.hispano-voz .hispano-voz__etiqueta{
  font-weight:600;text-transform:uppercase;color:#1A1C42;
  font-size:clamp(10.5px, 10.05px + 0.114vw, 11.7px);line-height:1.2;margin:3px 0 0;letter-spacing:0}
.hispano-voz .wp-block-buttons{margin-top:auto;padding-top:6px}

/* Botón compacto con flecha ámbar (tarjetas de Comunidad). */
.hispano-boton-flecha .wp-block-button__link::after{
  content:"➜";color:var(--wp--preset--color--ambar);margin-left:.4em;font-size:.72em}
.hispano-voz .wp-block-button__link{
  min-height:0 !important;padding:3px 16px !important;text-transform:none;letter-spacing:0;white-space:nowrap;
  font-size:clamp(15px, 13.07px + 0.495vw, 20.2px);font-weight:700;border-radius:8px !important}
.is-style-hispano-magenta .wp-block-button__link{background:var(--wp--preset--color--magenta-boton);color:#fff}

/* ── 13 · COMUNIDAD · bienestar y experiencias ───────────────
   Nueve tarjetas crema de 335 × 185 con 17 de separación.
   Ilustración a la izquierda, título 21,2 Bold, texto 15,9
   SemiBold y la píldora blanca con el enlace abajo. */
.hispano-bienestar{padding:76px var(--wp--preset--spacing--50) 60px !important}
.hispano-servicios.alignwide{max-width:1039px;margin:32px auto 0;gap:12px 17px !important}
.hispano-servicio{
  background:var(--wp--preset--color--crema);border-radius:18px;padding:12px 16px 12px 12px;min-height:185px;
  display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr auto;column-gap:14px}
.hispano-servicio > *{margin:0 !important;max-width:none !important}
.hispano-servicio .hispano-servicio__img{grid-row:1 / 3;align-self:start;display:flex;justify-content:center}
.hispano-servicio__img img{max-width:112px;max-height:118px;width:auto;height:auto;border-radius:0;object-fit:contain}
.wp-site-blocks .hispano-servicio .hispano-servicio__titulo{
  font-size:clamp(17px, 15.44px + 0.400vw, 21.2px);line-height:1.06;margin-top:6px !important;letter-spacing:0}
.hispano-servicio .hispano-servicio__txt{
  color:var(--h-texto-serv);font-weight:600;font-size:clamp(14px, 13.29px + 0.181vw, 15.9px);
  line-height:1.1;margin-top:6px !important;letter-spacing:0}
.hispano-servicio__cta{grid-column:1 / -1;margin-top:10px !important}
.hispano-servicio__titulo--morado{color:var(--wp--preset--color--morado)}
.hispano-servicio__titulo--ciruela{color:var(--h-ciruela-pdf)}
.hispano-servicio__titulo--ambar{color:var(--wp--preset--color--ambar-titular)}
.hispano-servicio__titulo--verde{color:#028134}
.hispano-servicio__titulo--rojo{color:#DC1A27}
.hispano-servicio__titulo--indigo{color:#1A1C42}
.hispano-servicio__titulo--verde-claro{color:#377F2A}
.hispano-servicio__titulo--naranja{color:#A75C0A}
.hispano-servicio__titulo--carmesi{color:#CC1143}

/* Píldora blanca (servicios) y crema (tu voz cuenta). */
.is-style-hispano-pastilla .wp-block-button__link,
.is-style-hispano-pastilla-crema .wp-block-button__link{
  min-height:0 !important;padding:3px 14px !important;border-radius:6px !important;
  color:var(--wp--preset--color--indigo);font-weight:700;letter-spacing:0;
  font-size:clamp(12.5px, 11.83px + 0.171vw, 14.3px)}
.is-style-hispano-pastilla .wp-block-button__link{background:#fff;min-width:198px;box-shadow:0 2px 6px rgba(39,33,88,.08)}
.is-style-hispano-pastilla-crema .wp-block-button__link{background:var(--h-crema-boton)}
.is-style-hispano-pastilla-crema .wp-block-button__link::after{color:var(--wp--preset--color--magenta-texto)}
.is-style-hispano-pastilla .wp-block-button__link:hover,
.is-style-hispano-pastilla-crema .wp-block-button__link:hover{background:var(--wp--preset--color--lambar);color:var(--wp--preset--color--indigo)}

/* ── 14 · COMUNIDAD · tu voz cuenta ──────────────────────────
   Cuatro tarjetas blancas de 305. Título 18,8 Bold, texto 15,9. */
.hispano-tuvoz{padding:74px var(--wp--preset--spacing--50) 60px !important}
.hispano-canales.alignwide{max-width:1250px;margin:36px auto 0;gap:10px !important}
.hispano-canal{background:#fff;border-radius:18px;padding:12px 14px 16px;display:flex;flex-direction:column}
.hispano-canal > *{max-width:none !important;margin-block:0}
.hispano-canal__icono img{height:96px;width:auto;border-radius:0}
.wp-site-blocks .hispano-canal .hispano-canal__titulo{
  color:var(--h-texto-serv);font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.1;margin:10px 0 2px}
.hispano-canal .hispano-canal__txt{
  color:var(--h-texto-card);font-weight:600;font-size:clamp(14px, 13.29px + 0.181vw, 15.9px);line-height:1.1;margin:0 auto 8px;max-width:16em}
.hispano-canal .wp-block-buttons{margin-top:auto}
.hispano-ciclo{
  margin:36px 0 0;font-weight:700;color:var(--h-ciruela-pdf);letter-spacing:0;
  font-size:clamp(20px, 16.84px + 0.810vw, 28.5px);line-height:1.2}
.hispano-ciclo__flecha{color:var(--wp--preset--color--ambar);margin:0 .25em;font-size:.8em}

/* ── 15 · DIRECTORIO · ¿con quién quieres hablar? ──────────── */
.hispano-directorio{padding:84px var(--wp--preset--spacing--50) 72px !important}
.hispano-directorio__consulta{max-width:1039px;margin:36px auto 0}
.hispano-directorio .hispano-directorio__grid{gap:17px !important;list-style:none;padding:0}
.hispano-contacto{
  background:#fff;border-radius:18px;padding:22px 16px 18px;height:100%;scroll-margin-top:170px;
  box-shadow:0 6px 18px rgba(39,33,88,.06);transition:box-shadow .3s}
.hispano-contacto:target{box-shadow:0 0 0 3px var(--wp--preset--color--ambar),0 6px 18px rgba(39,33,88,.12)}
.hispano-contacto > *{max-width:none !important}
.wp-site-blocks .hispano-contacto .hispano-contacto__area{
  color:var(--h-magenta-pdf);font-size:clamp(18px, 16.44px + 0.400vw, 22.2px);margin:0 0 14px}
.hispano-contacto__botones{gap:8px;align-items:center}
.is-style-hispano-whatsapp .wp-block-button__link{
  min-height:44px !important;padding:8px 20px 8px 16px !important;background:#118376;color:#fff;
  text-transform:none;letter-spacing:.01em;font-size:15px;gap:8px}
.is-style-hispano-whatsapp .wp-block-button__link::before{
  content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.2 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-3.9-4.7-4.1-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 1.9c.1.1.1.3 0 .5l-.3.5-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l1.8.9c.3.1.5.2.5.3.1.2.1.6-.1 1.1Z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.2 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-3.9-4.7-4.1-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 1.9c.1.1.1.3 0 .5l-.3.5-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l1.8.9c.3.1.5.2.5.3.1.2.1.6-.1 1.1Z'/%3E%3C/svg%3E") no-repeat center/contain}
.is-style-hispano-whatsapp .wp-block-button__link:hover{background:var(--wp--preset--color--indigo)}
.is-style-hispano-correo .wp-block-button__link{
  min-height:44px !important;padding:6px 8px !important;background:transparent;color:var(--wp--preset--color--morado);
  text-transform:none;letter-spacing:0;font-weight:600;font-size:14.5px;text-decoration:underline;
  text-underline-offset:3px;white-space:nowrap;text-wrap:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block}
.is-style-hispano-correo .wp-block-button__link:hover{background:transparent;color:var(--wp--preset--color--magenta-texto);transform:none}

/* En las plantillas del blog las secciones son hijas directas de <main>,
   que separa sus hijos con el blockGap del tema: entre franjas no hay hueco. */
main.wp-block-group > .hispano-blog-cab,main.wp-block-group > .hispano-blog-filtros,
main.wp-block-group > .hispano-blog-rejilla,main.wp-block-group > .hispano-revista,
main.wp-block-group > .hispano-nota{margin-block:0 !important}

/* ── 16 · BLOG · cabecera Forming Parents ────────────────────
   Logo con Leoncio ~412 px · titular 33,5 ciruela · texto 18,8. */
.hispano-blog-cab{padding:36px var(--wp--preset--spacing--50) 30px !important}
.hispano-blog-cab__logo{margin:0 auto 8px !important}
.hispano-blog-cab__logo img{width:min(412px,86vw);height:auto;border-radius:0}
.wp-site-blocks .hispano-blog-cab .hispano-blog-cab__h{
  font-size:clamp(23px, 19.10px + 1.000vw, 33.5px);line-height:1.12;margin:0}
.hispano-blog-cab .hispano-blog-cab__txt{
  font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.25;margin:.5em auto 0;max-width:800px;
  color:var(--wp--preset--color--texto)}
.hispano-blog-cab__txt strong{font-weight:700}

/* Buscador + temas. Chips blancos de 46 px con sombra; el tema
   activo en magenta (el núcleo le pone current-cat). */
.hispano-blog-filtros{
  gap:10px !important;padding:74px var(--wp--preset--spacing--50) 26px !important;margin-block:0 !important}
.hispano-blog-filtros > *{position:relative;z-index:1}
.hispano-buscador--blog{margin:0;width:162px}
.hispano-buscador--blog .wp-block-search__inside-wrapper{min-height:46px}
.hispano-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;justify-content:center}
.hispano-chips li{margin:0}
.hispano-chips a{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-width:98px;max-width:130px;min-height:46px;padding:4px 12px;border-radius:10px;
  background:#fff;box-shadow:0 3px 7px rgba(39,33,88,.16);
  color:var(--wp--preset--color--indigo);text-decoration:none;
  font-weight:600;font-size:clamp(13px, 12.22px + 0.200vw, 15.1px);line-height:1.02}
.hispano-chips a:hover{background:var(--wp--preset--color--lred)}
.hispano-chips .current-cat a{color:#E52959;font-weight:700}

/* ── 17 · BLOG · rejilla ─────────────────────────────────────
   El PDF trae seis columnas de 194 × 290. Decidido el 4 nov (Trello #391 y
   revisión del sitio): un solo tamaño para cualquier cantidad de artículos,
   4 columnas en 4:5. La última fila incompleta queda centrada, como el título
   y los temas. Foto con franja ciruela abajo y título ExtraBold en blanco. */
.hispano-blog-rejilla{padding:14px var(--wp--preset--spacing--50) 72px !important;margin-block:0 !important}
.hispano-blog-rejilla > .wp-block-query{max-width:1219px;margin-inline:auto}
.wp-site-blocks .hispano-blog-rejilla__h{font-size:clamp(20px,1.1rem + .6vw,26px);margin:10px 0 22px;color:var(--h-ciruela-pdf)}
.hispano-blog-rejilla .hispano-articulos{--articulos:4;display:flex !important;flex-wrap:wrap;justify-content:center;gap:11px !important;list-style:none;padding:0;margin:0}
.hispano-blog-rejilla .hispano-articulos > li{flex:0 0 calc((100% - (var(--articulos) - 1) * 11px) / var(--articulos));min-width:0;margin:0}
.hispano-blog-rejilla .hispano-articulo__foto{aspect-ratio:4 / 5}
.hispano-articulo{position:relative;border-radius:16px;overflow:hidden;isolation:isolate;background:var(--h-ciruela-pdf)}
.hispano-articulo .hispano-articulo__foto{margin:0}
.hispano-articulo__foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0 !important;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.hispano-articulo:hover .hispano-articulo__foto img{transform:scale(1.04)}
.wp-site-blocks .hispano-articulo .hispano-articulo__titulo{
  position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:34px 14px 14px;
  background:linear-gradient(180deg,rgba(74,29,80,0) 0,rgba(74,29,80,.86) 36%,#280D26 100%);
  font-size:clamp(13px, 12.2px + 0.2vw, 15px);font-weight:800;line-height:1.12;letter-spacing:0;text-transform:uppercase}
.hispano-articulo__titulo a{color:#fff;text-decoration:none}
.hispano-articulo__titulo a::after{content:"";position:absolute;inset:-400px 0 0}
.hispano-paginacion{margin-top:30px;gap:8px;font-weight:700}
.hispano-paginacion a,.hispano-paginacion .current{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;
  border-radius:8px;text-decoration:none;color:var(--wp--preset--color--indigo);background:#fff}
.hispano-paginacion .current{background:var(--wp--preset--color--indigo);color:#fff}

/* ── 18 · BLOG · revista Tinta Hispana ───────────────────────
   «REVISTA» 33,5 sobre el logo · cuatro portadas de 247 × 322
   con 13 de separación · diez ediciones por fila, píldoras de
   82 px con 10,2 SemiBold. */
.hispano-revista{padding:84px var(--wp--preset--spacing--50) 64px !important}
.hispano-revista__cab{flex-direction:column;gap:0 !important}
.wp-site-blocks .hispano-revista .hispano-revista__h{font-size:clamp(23px, 19.10px + 1.000vw, 33.5px);margin:0;line-height:1}
.hispano-revista__logo{margin:-4px 0 0 !important}
.hispano-revista__logo img{width:min(490px,82vw);height:auto;border-radius:0}
.hispano-revista .wp-block-query{max-width:1027px;margin-inline:auto}
.hispano-revista .hispano-portadas{gap:13px !important;list-style:none;padding:0;margin:22px 0 0}
.hispano-portada{margin:0}
.hispano-portada img{border-radius:0 !important;box-shadow:0 8px 20px rgba(39,33,88,.14);transition:transform .3s}
.hispano-portada a:hover img{transform:translateY(-4px)}
.hispano-revista .hispano-ediciones{gap:10px 23px !important;list-style:none;padding:0;margin:22px 0 0}
.wp-site-blocks .hispano-revista .hispano-edicion{
  margin:0;font-size:clamp(10px, 9.8px + .05vw, 10.2px);font-weight:600;letter-spacing:0;text-transform:none;line-height:1}
.hispano-edicion a{
  display:flex;align-items:center;justify-content:center;min-height:26px;padding:4px 6px;border-radius:8px;
  background:#fff;box-shadow:0 2px 6px rgba(39,33,88,.2);color:var(--wp--preset--color--indigo);
  text-decoration:none;white-space:nowrap}
.hispano-edicion a:hover{background:var(--wp--preset--color--lambar)}

/* ── 19 · BLOG · artículo ────────────────────────────────────
   Foto 1015 px · línea 14,9 · titular 42,4 magenta · bajada
   23,5 SemiBold índigo · cuerpo 18,8 Medium a 975 px. */
.hispano-nota{padding:10px var(--wp--preset--spacing--50) 72px !important;margin-block:0 !important}
.hispano-nota .hispano-nota__foto{margin:0 auto}
.hispano-nota__foto img{border-radius:0 !important}
.hispano-nota .hispano-nota__linea{
  color:var(--wp--preset--color--indigo);font-size:clamp(12.5px, 11.61px + 0.229vw, 14.9px);
  margin:8px auto 0;letter-spacing:0}
.wp-site-blocks .hispano-nota .hispano-nota__titulo{
  color:var(--h-magenta-pdf);font-size:clamp(27px, 21.28px + 1.467vw, 42.4px);line-height:1.13;
  max-width:19em;margin:22px auto 0;letter-spacing:0}
.hispano-nota .hispano-nota__bajada{max-width:840px;margin-inline:auto}
.hispano-nota__bajada p,.hispano-nota .hispano-nota__bajada{
  color:var(--wp--preset--color--indigo);font-weight:600;font-size:clamp(18px, 15.96px + 0.524vw, 23.5px);
  line-height:1.32;margin:10px auto 0;letter-spacing:0}
.hispano-nota__cuerpo{margin-top:22px !important}
.hispano-nota__cuerpo p,.hispano-nota__cuerpo li{
  font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.25;color:var(--wp--preset--color--texto)}
.hispano-nota__cuerpo .wp-block-media-text{gap:22px;grid-template-columns:1fr 44% !important}
.hispano-nota__cuerpo .wp-block-media-text__content{padding:0 !important}
.hispano-nota__cuerpo img{border-radius:0}
.hispano-nota .hispano-nota__claves{color:var(--wp--preset--color--indigo);font-size:clamp(12.5px, 11.61px + 0.229vw, 14.9px);margin-top:14px}
.hispano-nota .hispano-nota__boletin{font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);margin-top:22px}
.hispano-nota__boletin a{color:var(--h-ciruela-pdf);font-weight:700;text-decoration:none}
.hispano-nota__boletin a:hover{text-decoration:underline}
.hispano-nota__cta{margin-top:56px !important}
.hispano-nota__cta .wp-block-button__link{
  min-height:0 !important;padding:8px 16px !important;border-radius:9px;line-height:1.1;
  font-size:clamp(15px, 13.48px + 0.390vw, 19.1px);font-weight:800;letter-spacing:0}
.hispano-nota__cta .wp-block-buttons{position:relative}
.hispano-nota__cta .wp-block-buttons::before{
  content:"";position:absolute;left:50%;top:-26px;width:52px;height:38px;transform:translateX(-50%);
  background:url("../img/iguana.png") no-repeat center/contain;pointer-events:none;z-index:3}

/* ── 20 · HISPANO STORIES · colección con «Leer más» ─────────
   Tres por vista y flechas a los lados. La foto es un círculo;
   al abrir «Leer más» el testimonio completo reemplaza a la
   frase de apertura. */
.hispano-stories .hispano-stories__consulta.alignwide{max-width:1037px;margin-inline:auto !important;margin-top:22px !important}
/* En el PDF «Hispano Stories» queda a ~30 px de las tarjetas de beneficio;
   el sitio arrastraba 44 + 44 de relleno más el botón del BID colgando. */
.hispano-stories{padding-top:14px !important}
.hispano-stories__grid.hispano-carrusel{align-items:flex-start}
.hispano-stories__grid.hispano-carrusel{gap:16px;align-items:stretch}
.hispano-stories__grid.hispano-carrusel > *{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;display:flex}
.hispano-story{flex:1 1 auto}
.hispano-story .hispano-story__foto{margin:0;flex:0 0 64px}
.hispano-story__foto img{width:64px !important;height:64px !important;border-radius:50% !important;object-fit:cover}
.hispano-story__txt > *{max-width:none !important}
.hispano-story__txt .wp-block-post-excerpt,.hispano-story__txt .wp-block-post-excerpt p{margin:0}
.hispano-story__txt .wp-block-post-excerpt__excerpt{
  font-size:clamp(11.5px, 11.3px + 0.07vw, 12.5px);line-height:1.35;letter-spacing:-.02em}
.hispano-story__mas{margin:4px 0 6px}
.hispano-story__mas summary{
  cursor:pointer;list-style:none;font-weight:700;font-size:12px;color:var(--wp--preset--color--magenta-texto)}
.hispano-story__mas summary::-webkit-details-marker{display:none}
.hispano-story__mas summary::after{content:" ›"}
.hispano-story__mas[open] summary{font-size:0;margin:0}
.hispano-story__mas[open] summary::after{content:"Cerrar ‹";font-size:12px}
.hispano-story__txt:has(.hispano-story__mas[open]) .wp-block-post-excerpt{display:none}
.hispano-story__completo p{font-size:clamp(11.5px, 11.3px + 0.07vw, 12.5px);line-height:1.35;margin:0 0 .5em;letter-spacing:-.02em}
.hispano-story .hispano-story__nombre{margin:0}
.hispano-story .hispano-story__rol{
  margin:2px 0 0;font-size:11.5px;line-height:1.25;color:var(--wp--preset--color--texto-2);letter-spacing:0}
.hispano-story__rol:empty{display:none}

/* ══════════════════════════════════════════════════════════
   21 · AUDITORÍA DEL 23 SEP · 26 marcas en la Artifact
   «Auditoría Hispano». Cada regla dice qué marca atiende.

   La causa de casi todos los «tamaño de letra»: los párrafos
   llevan las clases de preset de WordPress (has-small-font-size,
   con !important) y hispano.css fija --…--small en 14 px para
   todo el sitio. Una regla de 18,8 px nunca llegaba. Aquí se
   redefine la VARIABLE dentro de cada sección.
   ══════════════════════════════════════════════════════════ */

/* 21.1 · Encabezado: 4 ítems y el botón «¿Con quién quieres hablar?»
   Ítems 18,8 ExtraBold separados 64 px (PDF); el botón a la derecha. */
.hispano-header__fila2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;margin-top:10px;width:100%}
.hispano-header__fila2 > .hispano-nav{grid-column:2;width:auto;margin:0 !important}
.hispano-nav ul{gap:0 64px}
.hispano-nav a{font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px)}
.hispano-contacto-btn{
  grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px 6px 10px;border:2px solid var(--wp--preset--color--teal-texto);border-radius:10px;
  color:var(--wp--preset--color--teal-texto);text-decoration:none;text-align:left;
  font:800 15px/1.02 "Montserrat",system-ui,sans-serif;transition:background-color .2s,color .2s}
.hispano-contacto-btn:hover,.hispano-contacto-btn:focus-visible{background:var(--wp--preset--color--teal-texto);color:#fff}
.hispano-contacto-btn__icono{width:24px;height:24px;flex:0 0 24px}
.hispano-contacto-btn__l2{display:block}

/* La ventana del directorio. */
html.hispano-sin-scroll{overflow:hidden}
.hispano-contactos{
  width:min(1040px, calc(100vw - 32px));max-width:none;max-height:calc(100vh - 48px);padding:0;border:0;border-radius:22px;
  background:#fff;color:var(--wp--preset--color--texto);box-shadow:0 30px 80px rgba(39,33,88,.35);overflow:hidden}
.hispano-contactos[open]{display:flex;flex-direction:column}
.hispano-contactos::backdrop{background:rgba(39,33,88,.62);backdrop-filter:blur(2px)}
.hispano-contactos__cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 16px;border-bottom:1px solid var(--wp--preset--color--borde)}
.hispano-contactos__ante{margin:0;font:700 13px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--teal-titular)}
.hispano-contactos .hispano-contactos__titulo{margin:.15em 0 0;font-size:clamp(21px, 18.5px + 0.6vw, 28px);line-height:1.1;color:var(--wp--preset--color--indigo);text-transform:uppercase}
.hispano-contactos__intro{margin:.4em 0 0;font-size:15px;color:var(--wp--preset--color--texto-2)}
.hispano-contactos__cerrar{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--wp--preset--color--gris);color:var(--wp--preset--color--indigo);cursor:pointer;display:grid;place-items:center}
.hispano-contactos__cerrar svg{width:20px;height:20px}
.hispano-contactos__cerrar:hover{background:var(--wp--preset--color--lred);color:var(--wp--preset--color--magenta-texto)}
.hispano-contactos__lista{list-style:none;margin:0;padding:18px 28px 28px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hispano-contactos__area{background:var(--wp--preset--color--crema);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hispano-contactos .hispano-contactos__area h3{margin:0;font-size:15px;line-height:1.15;color:var(--h-magenta-pdf);letter-spacing:.02em}
.hispano-contactos__wa{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:#118376;color:#fff;text-decoration:none;font:700 14px/1.1 "Montserrat",system-ui,sans-serif}
.hispano-contactos__wa::before{content:"";width:17px;height:17px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Z'/%3E%3C/svg%3E") no-repeat center/contain}
.hispano-contactos__wa:hover{background:var(--wp--preset--color--indigo);color:#fff}
.hispano-contactos__mail{font-size:13px;font-weight:600;color:var(--wp--preset--color--morado);overflow-wrap:anywhere;text-underline-offset:3px;max-width:100%}
@supports (text-wrap:nowrap){.hispano-contactos__mail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.hispano-contactos__vacio{padding:18px 28px 28px;margin:0}

/* 21.2 · Pie estándar · «Leoncio no está centrado», «León más abajo»,
   tamaño del bloque Síguenos. PDF: Leoncio centrado en la fila de
   logos; datos 16,2 px; iconos 26 px. */
.hispano-footer__logos{align-items:center !important}
.hispano-footer__leoncio{align-self:center;margin:0 !important;line-height:0}
.hispano-footer__leoncio img{display:block}
.hispano-footer .hispano-footer__datos{font-size:clamp(14px, 13.18px + 0.210vw, 16.2px);line-height:1.55}
.hispano-footer .wp-block-social-links{--wp--social-links--icon-size:26px;gap:18px}
.hispano-footer .wp-block-social-links .wp-social-link svg{width:26px;height:26px}

/* 21.3 · Titular de sección: 33,5 px en todos los PDF (el sitio iba a 31,7). */
.wp-site-blocks h2{font-size:clamp(23px, 19.10px + 1.000vw, 33.5px)}

/* 21.4 · Hero · «Falta la imagen», «Tamaño de letra diferente».
   Foto del PDF (2042 × 1266); botones 19,1 ExtraBold en dos líneas. */
.hispano-hero__fotos img{aspect-ratio:2042/1266}
.hispano-hero__cta .wp-block-button__link{
  font-size:clamp(15px, 13.48px + 0.390vw, 19.1px);letter-spacing:0;padding:8px 16px !important;min-height:62px}

/* 21.5 · Credenciales · «Tamaño de letra». PDF: título 21,2 ExtraBold ·
   texto 18,8 · cifra 56,5 Bold · ordinal 35,3 · pie 18,8 · Open Day
   «AGENDA AQUÍ TU» 24,3 en una tarjeta de 291 × 102. */
.hispano-cred{--wp--preset--font-size--small:clamp(15.5px, 14.27px + 0.314vw, 18.8px);--wp--preset--font-size--caption:clamp(15.5px, 14.27px + 0.314vw, 18.8px)}
.hispano-cred h3{font-size:clamp(17px, 15.44px + 0.400vw, 21.2px) !important;font-weight:800;line-height:1.12}
.hispano-cred p{line-height:1.14}
.hispano-cred .hispano-cifra{font-size:clamp(38px, 31.13px + 1.762vw, 56.5px);font-weight:700;color:var(--h-magenta-pdf);margin:.25em 0 .12em}
.hispano-cred .hispano-cifra .ord,.hispano-cred .hispano-cifra span{font-size:.625em;font-weight:700}
.hispano-cred .hispano-cifra span.hispano-cifra--texto{font-size:.625em;line-height:.95}
.hispano-openday-card{min-width:291px;min-height:102px;padding:12px 26px !important}
.hispano-openday-card .hispano-header__agenda{font-size:clamp(18px, 15.66px + 0.600vw, 24.3px)}
.hispano-openday-card .wp-block-image img{width:150px !important}

/* 21.6 · Ciudadanos globales · imagen, «forma diferente y ubicación» de
   la banda, «el botón está diferente». Con la foto del PDF (compuesta)
   se ocultan las piezas superpuestas del tema: ya vienen en la foto. */
.hispano-globales__foto img{aspect-ratio:1772/1183}
.hispano-globales__marco:has(img[src*="globales-completa"]) :is(.hispano-globales__lockup,.hispano-globales__qr,.hispano-globales__pie){display:none}
.hispano-globales__bajada{font-weight:700}
.hispano-globales__texto{font-size:clamp(16px, 14.22px + 0.457vw, 20.8px);line-height:1.25;max-width:44em}
.hispano-globales__texto strong{font-weight:500;color:var(--h-magenta-pdf)}
.hispano-cta-iguana .wp-block-button__link{
  font-size:clamp(15px, 13.77px + 0.314vw, 18.3px);letter-spacing:0;min-height:0;padding:8px 18px}

/* 21.7 · Pilares · «Tamaño». Título 22,1 · texto 18,8. Colores del PDF,
   pilar por pilar (el tema los repartía distinto). */
.hispano-pilar h3{font-size:clamp(17.5px, 15.79px + 0.438vw, 22.1px) !important;line-height:1.05}
.hispano-pilar__txt{font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.14}
.hispano-pilares__col:not(.hispano-pilares__col--der) .hispano-pilar:nth-child(1) h3{color:#19B0A4 !important}
.hispano-pilares__col:not(.hispano-pilares__col--der) .hispano-pilar:nth-child(2) h3{color:#522058 !important}
.hispano-pilares__col:not(.hispano-pilares__col--der) .hispano-pilar:nth-child(3) h3{color:#ED7A19 !important}
.hispano-pilares__col:not(.hispano-pilares__col--der) .hispano-pilar:nth-child(4) h3{color:#E52959 !important}
.hispano-pilares__col--der .hispano-pilar:nth-child(1) h3{color:#F0A81A !important}
.hispano-pilares__col--der .hispano-pilar:nth-child(2) h3{color:#E52959 !important}
.hispano-pilares__col--der .hispano-pilar:nth-child(3) h3{color:#E52959 !important}
.hispano-pilares__col--der .hispano-pilar:nth-child(4) h3{color:#19B0A4 !important}

/* 21.8 · Beneficios · «Color de fuente», «¿Cuál es el beneficio? no tiene
   color, es sólo destacado», «Mejorar el espaciado».
   PDF: Prekínder–Kínder ámbar #F0A81A · título ciruela · cuerpo 16,5 ·
   destacados en negrita casi negra · botón 16,4. */
.hispano-beneficios__titular .hispano-eyebrow{color:#F0A81A !important}
.hispano-tarjeta-punteada h3{color:#522058 !important}
.hispano-tarjeta-punteada{--wp--preset--font-size--small:clamp(14.5px, 13.76px + 0.190vw, 16.5px);padding:18px 16px 22px}
.hispano-tarjeta-punteada p{line-height:1.12}
.hispano-tarjeta-punteada .hispano-eyebrow{margin-bottom:.45em}
.hispano-tarjeta-punteada p strong,.hispano-tarjeta-punteada p strong.c-magenta{color:#221803 !important;font-weight:700}
.hispano-tarjeta-punteada .wp-block-button__link{font-size:clamp(14.5px, 13.76px + 0.190vw, 16.5px);min-height:0;padding:7px 18px}
/* Stories: tarjetas parejas, foto y firma alineadas. */
.hispano-stories__grid.hispano-carrusel{align-items:stretch}
.hispano-stories__grid.hispano-carrusel > *{display:flex}
.hispano-story{padding:16px 18px;gap:14px;align-items:flex-start}
.hispano-story__txt{display:flex;flex-direction:column;height:100%}
.hispano-story .hispano-story__nombre{margin-top:auto;padding-top:8px}

/* 21.9 · Cinco pasos · «fondo, tamaño de letra, números». PDF: tarjeta
   #F4F0F0 con punteado, número blanco en teal de marca, cuerpo 16,5,
   titular de la segunda línea 35,3; banda más baja. */
.hispano-paso{background-color:#F4F0F0;--wp--preset--font-size--small:clamp(14.5px, 13.76px + 0.190vw, 16.5px);padding:40px 10px 16px !important}
.hispano-paso p{line-height:1.1}
.hispano-paso .hispano-paso__n,p.hispano-paso__n{background:#19B0A4;box-shadow:0 0 0 5px var(--wp--preset--color--crema)}
.hispano-paso .hispano-eyebrow{margin-bottom:.35em}
.hispano-titulo-2 .l2{font-size:1.054em}
.hispano-banda-bullets{padding-top:12px !important;padding-bottom:12px !important;margin-top:20px !important}
.hispano-banda-bullets .hispano-eyebrow{margin-bottom:.3em}
.hispano-banda-bullets .hispano-lista li{margin-bottom:2px;line-height:1.3}

/* 21.10 · Formulario · «Tamaño»: «REGÍSTRATE AL» 24,7 Bold. */
.hispano-form__registrate{font-size:clamp(18px, 15.51px + 0.638vw, 24.7px);color:#1D1D1B}

/* 21.11 · Nuestro colegio · «Conoce más» en el ámbar del PDF. */
.hispano-flecha-link a{color:#F0A81A}
.hispano-flecha-link a::after{color:#F0A81A}

/* 21.12 · La rueda del modelo (inc/rueda.php): recortes del arte original.
   El arte mide 490 px en el diseño. */
.hispano-modelo__rueda,.hispano-rueda{margin:0 auto;max-width:490px}
.hispano-rueda svg{display:block;width:100%;height:auto;overflow:visible}
/* Resaltado en su sitio (25 sep): el arte queda entero debajo y nada se
   mueve. Un velo blanco atenúa los triángulos no activos (el corazón queda
   fuera del velo, con su forma exacta) y el activo lleva un filo blanco
   por dentro. Así no asoman pedazos de color alrededor del corazón. */
.hispano-rueda__seg{cursor:pointer;outline:none}
.hispano-rueda__velo{fill:#fff;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}
.hispano-rueda.is-activa .hispano-rueda__seg:not(.is-activo) .hispano-rueda__velo{opacity:.6}
.hispano-rueda__borde{stroke:#fff;stroke-width:0;stroke-linejoin:round;transition:stroke-width .3s cubic-bezier(.22,1,.36,1)}
.hispano-rueda__seg.is-activo .hispano-rueda__borde{stroke-width:12}
.hispano-rueda__seg:focus-visible .hispano-rueda__borde{stroke:var(--wp--preset--color--indigo);stroke-width:12}

/* La leyenda es la animación: título grande en el color de la dimensión
   (con una barra, porque el ámbar y el naranja no leen como texto sobre
   blanco) y la descripción debajo. */
.hispano-rueda__leyenda{margin:14px auto 0;max-width:30em;min-height:4.6em;text-align:center;
  font-size:15px;line-height:1.35;color:var(--wp--preset--color--texto-2)}
.hispano-rueda__leyenda .hispano-rueda__tit{display:block;margin:0 auto 4px;
  font:800 clamp(20px, 17px + .8vw, 26px)/1.1 "Montserrat",system-ui,sans-serif;text-transform:uppercase;
  color:var(--wp--preset--color--indigo)}
.hispano-rueda__leyenda .hispano-rueda__tit::after{content:"";display:block;width:56px;height:5px;border-radius:3px;
  margin:8px auto 0;background:var(--c, var(--wp--preset--color--ambar))}
.hispano-rueda__leyenda .hispano-rueda__desc{display:block;font-size:16px;color:var(--wp--preset--color--texto)}
.hispano-rueda__leyenda.is-nueva .hispano-rueda__tit{animation:hispano-rueda-tit .42s cubic-bezier(.22,1,.36,1) both}
.hispano-rueda__leyenda.is-nueva .hispano-rueda__desc{animation:hispano-rueda-tit .42s .06s cubic-bezier(.22,1,.36,1) both}
@keyframes hispano-rueda-tit{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}

/* 21.13 · Comunidad · tamaño de los botones de las tarjetas (PDF: 37 px
   de alto, 205–255 de ancho) y la píldora de servicios (258 px). */
.hispano-voz .wp-block-button__link{min-height:37px !important;min-width:205px;padding:4px 24px !important}
.is-style-hispano-pastilla .wp-block-button__link{min-width:258px}

/* 21.14 · Blog · «Tamaño» del logo (409 px visibles, recortado en
   recursos.py) · estilo del tema seleccionado · pills de la revista. */
.hispano-blog-cab__logo img{width:min(409px,86vw)}
.hispano-chips .current-cat a{color:#E52959;font-weight:700;box-shadow:0 0 0 2px #E52959 inset,0 3px 7px rgba(39,33,88,.16)}
.hispano-edicion a{border-radius:6px;min-height:24px;box-shadow:0 1px 4px rgba(39,33,88,.22);font-weight:600}

/* 21.15 · Segunda pasada sobre los pares regenerados.
   · El botón del encabezado partía en tres líneas: van dos, como el PDF.
   · Credenciales: el PDF compone las columnas casi sin relleno lateral
     («CAMBRIDGE INTERNATIONAL SCHOOL» en una línea de 292 px) y pega el
     pie a la cifra.
   · Globales: la bajada va en una línea de 968 px; la avioneta mide 260.
   · Stories: el nombre va pegado al texto, no empujado al fondo. */
.hispano-contacto-btn__txt{white-space:nowrap}
.hispano-contacto-btn{padding:4px 12px 4px 9px;font-size:14px}
.hispano-credenciales__grid .hispano-cred{padding-inline:6px}
.hispano-cred .hispano-cifra{margin-bottom:0}
.hispano-cred .hispano-cifra + p{margin-top:.15em}
.hispano-globales__titular > .hispano-globales__bajada{max-width:min(1000px,100%)}
.hispano-globales__avioneta,.hispano-globales__avioneta img{width:260px !important}
.hispano-story .hispano-story__nombre{margin-top:0;padding-top:6px}
.hispano-story__mas summary{text-align:left}

/* 21.16 · Marcas reabiertas del 23 sep. Encabezado y pie medidos contra
   «Nuestro colegio.pdf», el último diseño entregado (pie estándar).
   · Pie: el SVG de Leoncio es 50 × 72 con el sello en el cuadrado de
     arriba; el aire de abajo lo descentraba de los logos. Síguenos 30,3 ·
     datos 16,2 · botones de la franja 42 px de alto.
   · Pilares: `.hispano-pilar p` de hispano.css (0,1,1) le ganaba al texto
     de 18,8: se sube la especificidad.
   · Pasos: el número del PDF es condensado; en Montserrat a 46,5 se sale
     del círculo de 50. Se ajusta al círculo.
   · Globales: el botón mide 208 × 46 en el PDF.
   · Bienestar: el texto va centrado en la píldora. */
.hispano-footer__leoncio img{aspect-ratio:1;height:auto !important;object-fit:cover;object-position:top}
.hispano-footer .hispano-footer__siguenos{font-size:clamp(22px, 18.84px + 0.810vw, 30.3px) !important;line-height:1;margin-bottom:.35em}
.hispano-footer{--wp--preset--font-size--small:clamp(14px, 13.18px + 0.210vw, 16.2px)}
.hispano-footer-cta .wp-block-button__link{min-height:42px !important;padding:6px 26px !important;min-width:220px;justify-content:center}
.hispano-pilar p.hispano-pilar__txt{font-size:clamp(15.5px, 14.27px + 0.314vw, 18.8px);line-height:1.14}
.hispano-paso .hispano-paso__n,p.hispano-paso__n{font-size:clamp(24px, 20.3px + 0.95vw, 34px);letter-spacing:-.04em}
.hispano-cta-iguana .wp-block-button__link{min-height:46px;padding:8px 20px;min-width:208px;justify-content:center}
.is-style-hispano-pastilla .wp-block-button__link,
.is-style-hispano-pastilla-crema .wp-block-button__link{justify-content:center;text-align:center}

/* 21.17 · Pie: la dirección va en una línea, como en el PDF (desde 1320 px;
   por debajo desbordaba la página: @media al final). */

/* 21.18 · Marcas del 23 sep, tarde.
   · «Un poco más de espacio arriba en todas las secciones con la curva de
     este color» (crema con arco blanco). Distancia del borde de la sección
     al primer texto, medida en los PDF a 1440 px, sección por sección:
       credenciales 101 · pilares 110 · voces 115 · tu voz 90 ·
       historia 88 · lo que nos hace Hispano 107 · beneficios 76.
     El relleno se sube lo que faltaba en cada una (15, 30, 35, 10, 6, 4, 8).
   · Globales: el camaleón mira a la izquierda y va SENTADO sobre el borde
     del botón (64 px, se monta 5 px); el tema lo volteaba y lo dejaba
     flotando 50 px arriba. */
.hispano-credenciales{padding-top:95px !important}
.hispano-pilares{padding-top:110px !important}
.hispano-beneficios{padding-top:88px !important}
.hispano-voces{padding-top:109px !important}
.hispano-tuvoz{padding-top:84px !important}
.hispano-historia{padding-top:80px !important}
.hispano-lohace{padding-top:100px !important}

.hispano-cta-iguana{margin-top:34px}
.hispano-cta-iguana .wp-block-buttons{margin-top:0 !important;position:relative}
.hispano-cta-iguana .hispano-iguana--cta{
  position:absolute !important;left:50%;right:auto;bottom:auto;top:-22px;
  transform:translateX(-50%);margin:0;z-index:4}
.hispano-cta-iguana .hispano-iguana--cta img{width:64px;transform:none}

/* 21.19 · Revista · «estilo». Medido en Blog.pdf a 1440 px: el logo se monta
   sobre «REVISTA», portadas de 247 × 322, píldoras de 80 × 21 con sombra
   suave, 67 px de aire arriba y 43 abajo antes del festón del pie. */
.hispano-revista{padding-top:68px !important;padding-bottom:42px !important}
.hispano-revista__logo{margin-top:-20px !important}
.hispano-revista .hispano-portadas{margin-top:14px}
.hispano-portada img{aspect-ratio:247/322 !important;box-shadow:none}
.hispano-revista .hispano-ediciones{gap:12px 24px !important;margin-top:16px}
.hispano-edicion a{min-height:21px;padding:3px 6px;border-radius:7px;box-shadow:0 2px 5px rgba(39,33,88,.18)}
/* 26 oct: más aire a los lados del texto de cada píldora. */
.hispano-revista .hispano-edicion a{padding-inline:14px;font-size:12px}
/* 27 oct: con 10 columnas cada píldora medía 81 px y el texto (90 px +
   el aire de los lados) se salía. 5 columnas × 4 filas = las 20 de cada
   página de escritorio, con espacio de sobra. */
.hispano-revista .hispano-ediciones{grid-template-columns:repeat(5,minmax(0,1fr)) !important;max-width:900px;margin-inline:auto !important}

/* 21.20 · Hispano Stories · «mejorar el espaciado». PDF: el título (30,4)
   va a 40 px de las tarjetas de beneficio; tarjetas de 293 px con 10 de
   separación, foto de 56, «Leer más» y la firma alineados al texto. */
.hispano-beneficios{padding-bottom:22px !important}
.hispano-stories{padding-top:6px !important}
.wp-site-blocks .hispano-stories > h2{font-size:clamp(22px, 18.84px + 0.810vw, 30.4px)}
.hispano-stories .hispano-stories__consulta.alignwide{max-width:940px;margin-top:16px !important}
.hispano-stories__grid.hispano-carrusel{gap:10px}
.hispano-stories__grid.hispano-carrusel > *{flex-basis:calc((100% - 20px) / 3)}
.hispano-story{padding:12px 14px;gap:12px}
.hispano-story .hispano-story__foto,.hispano-story .hispano-story__foto img{width:56px !important;height:56px !important;flex-basis:56px}
.hispano-story__txt{text-align:left}
.hispano-story__mas{margin:2px 0 4px}
.hispano-story .hispano-story__mas,.hispano-story .hispano-story__mas summary{text-align:left;display:block;margin-inline:0 !important;max-width:none !important}
.hispano-story .hispano-story__nombre{padding-top:2px;line-height:1.2}
.hispano-story .hispano-story__rol{margin-top:0}

/* 22.1 · El directorio es la primera sección de su página: bajo el
   encabezado no hay sección blanca de la que salga el arco. */
.hispano-directorio.hispano-curva::before{display:none}

/* 22.2 · Menú desplegable del celular. El fondo rosado de :hover/:focus
   del menú de escritorio quedaba detrás del texto blanco: el ítem tocado
   no se leía. Sobre índigo: sin fondo; el activo va en ámbar y subrayado,
   el tocado/enfocado con un aro claro. */
.hispano-header .wp-block-navigation__responsive-container.is-menu-open a,
.hispano-header .wp-block-navigation__responsive-container.is-menu-open a:hover,
.hispano-header .wp-block-navigation__responsive-container.is-menu-open a:focus{
  background:transparent !important;color:#fff !important;border-radius:10px}
.hispano-header .wp-block-navigation__responsive-container.is-menu-open a:focus-visible{
  outline:2px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a{
  color:var(--wp--preset--color--ambar) !important;text-decoration:underline;
  text-decoration-thickness:3px;text-underline-offset:8px}

/* 22.3 · Paginación de ediciones (assets/js/paginar.js). */
.hispano-ediciones li[hidden]{display:none !important}
.hispano-paginar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
.hispano-paginar button{
  min-width:44px;min-height:44px;padding:0 10px;border-radius:10px;cursor:pointer;
  border:1.5px solid var(--wp--preset--color--borde);background:#fff;color:var(--wp--preset--color--indigo);
  font:700 15px/1 "Montserrat",system-ui,sans-serif;transition:background-color .2s,border-color .2s}
.hispano-paginar button:hover:not([disabled]){border-color:var(--wp--preset--color--indigo)}
.hispano-paginar button[aria-current]{background:var(--wp--preset--color--indigo);border-color:var(--wp--preset--color--indigo);color:#fff}
.hispano-paginar button[disabled]{opacity:.35;cursor:default}

/* ══════════════════════════════════════════════════════════
   23 · REVISIÓN DEL 25 SEP · piezas que se repiten en el sitio
   Una sola regla por familia de pieza, no un ajuste por sección.
   ══════════════════════════════════════════════════════════ */

/* 23.1 · Secciones con curva: el mismo aire en todas las páginas.
   Antes cada sección traía su propio relleno (de 12 a 54 px entre el
   arco y el título; de 44 a 124 px abajo). Ahora:
   · arriba: la profundidad del arco + --hispano-aire-top;
   · abajo: --hispano-aire-bottom hasta donde se VE el cambio de color.
     Si la sección siguiente abre con curva, ese arco está pintado con el
     color de ésta y ya suma su profundidad: el relleno se descuenta.
   A 1440 px: 56 + 49 arriba (el PDF mide 101–110 desde el borde) y 72
   abajo en el centro. En el celular 28 + 36 y 48. */
:root{
  --hispano-aire-top:clamp(36px, 3.4vw, 52px);
  --hispano-aire-bottom:clamp(48px, 4.6vw, 72px)}
.wp-site-blocks .hispano-curva:not(.hispano-blog-filtros){
  padding-top:calc(var(--hispano-curva-h) + var(--hispano-aire-top)) !important;
  padding-bottom:var(--hispano-aire-bottom) !important}
.wp-site-blocks .hispano-curva:not(.hispano-blog-filtros) > :first-child{margin-top:0 !important}
.wp-site-blocks .hispano-curva:not(.hispano-blog-filtros) > :last-child{margin-bottom:0 !important}
.wp-site-blocks :is(.hispano-curva, .hispano-stories, .hispano-bienestar, .hispano-blog-rejilla, .hispano-docs):has(+ .hispano-curva){
  padding-bottom:max(16px, calc(var(--hispano-aire-bottom) - var(--hispano-curva-h))) !important}
/* Beneficios y Stories se leen como un solo bloque blanco: entre ellos no
   hay cambio de color, así que Beneficios no lleva aire de cierre. */
.wp-site-blocks .hispano-beneficios.hispano-curva{padding-bottom:22px !important}
/* El directorio abre su página: sin arco, sólo el aire. */
.wp-site-blocks .hispano-directorio.hispano-curva{padding-top:calc(var(--hispano-aire-top) + 16px) !important}

/* 23.2 · Carruseles (assets/js/carrusel.js) · una sola pieza para
   historia, «lo que nos hace Hispano», Stories, el carrete y los
   carruseles del celular.
   · --v es cuánto se ve cada tarjeta: las que asoman por el borde se
     achican y se atenúan, la que está al frente queda plena. Se usan las
     propiedades `scale` y `translate` sueltas para no pisar el `transform`
     de las animaciones de entrada (motion.js).
   · La pista gana aire arriba y abajo para que la sombra y el levantar
     de la tarjeta no se recorten (overflow-x recorta también en vertical). */
.hispano-carrusel.is-carrusel{padding-block:10px 16px}
.hispano-carrusel.is-carrusel > *{
  scale:calc(.9 + .1 * var(--v, 1));opacity:calc(.4 + .6 * var(--v, 1));
  transition:scale .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1)}
.hispano-carrusel.is-arrastrando{scroll-snap-type:none !important;scroll-behavior:auto !important;cursor:grabbing;user-select:none}
.hispano-carrusel.is-arrastrando > *{transition:none}
.hispano-carrusel img{-webkit-user-drag:none}

/* Puntos: el que está a la vista se estira en magenta. */
.hispano-carrusel-puntos{display:flex;align-items:center;justify-content:center;gap:4px}
.hispano-carrusel-puntos > span{position:relative;display:block;width:22px;height:22px;cursor:pointer}
.hispano-carrusel-puntos > span::after{
  content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:5px;
  background:rgba(39,33,88,.2);translate:-50% -50%;
  transition:width .4s cubic-bezier(.22,1,.36,1),background-color .4s}
.hispano-carrusel-puntos > span.is-vista::after{width:24px;background:var(--wp--preset--color--magenta-texto)}
.hispano-carrusel-puntos > span.is-vista{width:32px}

/* Flechas: el mismo botón redondo blanco en todos los carruseles (antes
   chevrones grises en unos y botón con sombra dura en otros). */
.wp-site-blocks .hispano-carrusel-ctrl button{
  width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:0;
  font-size:2rem;line-height:1;padding:0 0 4px;display:grid;place-items:center;
  background:#fff;color:var(--wp--preset--color--indigo);
  box-shadow:0 6px 18px rgba(39,33,88,.14);transform:none;
  transition:background-color .25s,color .25s,scale .25s cubic-bezier(.22,1,.36,1)}
.wp-site-blocks .hispano-carrusel-ctrl button:hover:not([disabled]){
  background:var(--wp--preset--color--indigo);color:#fff;scale:1.06;transform:none}
.wp-site-blocks .hispano-carrusel-ctrl button:focus-visible{outline:2px solid var(--wp--preset--color--indigo);outline-offset:3px}
.wp-site-blocks .hispano-carrusel-ctrl button[disabled]{opacity:.35;box-shadow:none}
.hispano-carrusel-ctrl{gap:10px}
/* Con flechas a los costados, los puntos van debajo de la pista. */
.hispano-carrusel-marco{padding-bottom:40px}
.hispano-carrusel-marco:has(> .hispano-carrusel-ctrl[hidden]){padding-bottom:0}
.hispano-carrusel-marco > .hispano-carrusel-ctrl{inset:0 -64px 40px;align-items:center}
.wp-site-blocks .hispano-carrusel-marco > .hispano-carrusel-ctrl button[disabled]{opacity:0;pointer-events:none}
.hispano-carrusel-marco > .hispano-carrusel-ctrl .hispano-carrusel-puntos{
  position:absolute;left:50%;top:calc(100% + 9px);translate:-50% 0;pointer-events:auto}

/* Tarjetas de los carruseles: la foto se asoma y la tarjeta se levanta
   con el cursor (@media hover al final). */
.hispano-hito,.hispano-story{transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.hispano-hito .hispano-hito__foto{overflow:hidden;border-radius:16px}
.hispano-hito__foto img,.hispano-video__media img{transition:scale .7s cubic-bezier(.22,1,.36,1)}
.hispano-video .hispano-video__media{overflow:hidden}

/* 23.3 · Nuestra historia · línea de tiempo sobre las tarjetas.
   Un año por hito; la línea se llena hasta el último a la vista y los
   años a la vista van en magenta. Lleva a cada hito. */
.hispano-linea{position:relative;width:min(720px,100%);margin:30px auto 4px}
.hispano-linea[hidden]{display:none}
.hispano-linea__riel{
  position:absolute;top:22px;height:3px;border-radius:2px;background:rgba(82,32,88,.16);
  left:calc(50% / var(--n, 5));right:calc(50% / var(--n, 5))}
.hispano-linea__lleno{position:absolute;inset:0;border-radius:inherit;background:var(--h-ciruela-pdf);
  transform-origin:left center;transform:scaleX(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.hispano-linea__anios{position:relative;list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr))}
.hispano-linea__anios button{
  display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:44px;
  padding:15px 0 0;border:0;background:none;cursor:pointer;
  font:800 clamp(14px, 13px + .25vw, 17px)/1 "Montserrat",system-ui,sans-serif;
  color:var(--wp--preset--color--texto-2);transition:color .3s}
.hispano-linea__punto{width:17px;height:17px;border-radius:50%;box-sizing:border-box;
  border:3px solid var(--h-ciruela-pdf);background:var(--wp--preset--color--crema);
  transition:background-color .35s,scale .35s cubic-bezier(.22,1,.36,1)}
.hispano-linea__anios button.is-pasada .hispano-linea__punto{background:var(--h-ciruela-pdf)}
.hispano-linea__anios button.is-vista{color:var(--wp--preset--color--magenta-texto)}
.hispano-linea__anios button.is-vista .hispano-linea__punto{
  background:var(--wp--preset--color--ambar);border-color:var(--wp--preset--color--ambar);scale:1.25}
.hispano-linea__anios button:hover{color:var(--wp--preset--color--indigo)}
.hispano-linea__anios button:focus-visible{outline:2px solid var(--wp--preset--color--indigo);outline-offset:3px;border-radius:8px}
.hispano-historia__consulta{margin-top:18px}

/* 23.4 · Información institucional (25 sep, segunda revisión): sólo el
   título y el buscador, centrados; la lista de documentos es flotante
   (23.5). La consulta de documentos que traen las páginas ya publicadas
   se oculta: el buscador lee los mismos datos. */
.hispano-docs{position:relative;z-index:3;padding:64px var(--wp--preset--spacing--50) 72px !important}
.hispano-docs .hispano-docs__consulta{display:none}
.hispano-docs__grid.alignwide{justify-content:center}
.hispano-docs .hispano-docs__lista{flex:0 1 560px !important;text-align:center}
.hispano-docs .hispano-docs__ante,.wp-site-blocks .hispano-docs .hispano-docs__h{text-align:center}
.wp-site-blocks .hispano-docs .hispano-docs__h{margin-bottom:22px}

/* 23.5 · Buscador de documentos (inc/buscador.php): píldora blanca con
   sombra y lupa ciruela; al usarla se despliega un panel flotante con los
   más consultados o los resultados. */
.hispano-buscadocs{position:relative;margin:0;text-align:left}
.hispano-buscadocs__caja{
  display:flex;align-items:center;gap:8px;min-height:52px;padding:0 8px 0 16px;
  background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(39,33,88,.16);
  transition:box-shadow .25s,border-radius .25s}
.hispano-buscadocs__caja:focus-within{box-shadow:0 0 0 2px var(--h-ciruela-pdf),0 8px 22px rgba(39,33,88,.18)}
.hispano-buscadocs.is-abierto .hispano-buscadocs__caja{border-radius:14px 14px 0 0}
.hispano-buscadocs__lupa{flex:0 0 22px;width:22px;height:22px;color:var(--h-ciruela-pdf)}
.hispano-buscadocs input[type="search"]{
  flex:1 1 auto;min-width:0;min-height:48px;border:0;background:transparent;outline:none;
  font:500 16px/1.2 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--texto);padding:0 4px}
.hispano-buscadocs input[type="search"]::placeholder{color:#6B6680;opacity:1}
.hispano-buscadocs input[type="search"]::-webkit-search-cancel-button{display:none}
.hispano-buscadocs__limpiar{
  flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--wp--preset--color--texto-2);cursor:pointer}
.hispano-buscadocs__limpiar:hover{background:var(--wp--preset--color--gris)}
.hispano-buscadocs__limpiar svg{width:18px;height:18px}
.hispano-buscadocs__limpiar[hidden]{display:none}
.hispano-buscadocs__panel{
  position:absolute;left:0;right:0;top:100%;z-index:40;padding:6px 8px 10px;
  background:#fff;border-radius:0 0 14px 14px;box-shadow:0 0 0 2px var(--h-ciruela-pdf),0 18px 34px rgba(39,33,88,.2);
  clip-path:inset(0 -40px -60px -40px);animation:hispano-despliega .22s cubic-bezier(.22,1,.36,1)}
.hispano-buscadocs__panel[hidden]{display:none}
@keyframes hispano-despliega{from{opacity:0;translate:0 -6px}to{opacity:1;translate:none}}
.hispano-buscadocs__rotulo{margin:6px 10px 4px;font:700 12px/1.2 "Montserrat",system-ui,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--texto-2)}
.hispano-buscadocs__rotulo[hidden]{display:none}
.hispano-buscadocs__res{list-style:none;margin:0;padding:0;max-height:330px;overflow:auto}
.hispano-buscadocs__res li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 10px;
  border-radius:9px;cursor:pointer;background:var(--h-gris-lista);margin-top:4px}
.hispano-buscadocs__nombre{font:700 15px/1.2 "Montserrat",system-ui,sans-serif;text-transform:uppercase;color:var(--wp--preset--color--indigo)}
.hispano-buscadocs__tipo{flex:0 0 auto;font:600 12px/1 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--teal-texto)}
.hispano-buscadocs__res li.is-sin-enlace{cursor:default}
.hispano-buscadocs__res li.is-sin-enlace .hispano-buscadocs__tipo{color:var(--wp--preset--color--texto-2)}
.hispano-buscadocs__res li:not(.is-sin-enlace):hover,.hispano-buscadocs__res li[aria-selected="true"]{background:var(--wp--preset--color--lteal)}
.hispano-buscadocs__res li[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--wp--preset--color--teal-texto)}
.hispano-buscadocs__res mark{background:#FCE3B0;color:inherit;border-radius:3px;padding:0 1px}
.hispano-buscadocs__vacio{margin:8px 10px 4px;font-size:14px;line-height:1.4;color:var(--wp--preset--color--texto)}
.hispano-buscadocs__vacio[hidden]{display:none}
.hispano-buscadocs__vacio a{color:var(--wp--preset--color--magenta-texto);font-weight:700}

/* 23.6 · Encabezado fijo (assets/js/encabezado.js). Al salir el
   encabezado de la pantalla, el mismo encabezado se vuelve una barra
   compacta que flota arriba: la tarjeta blanca del diseño, más baja, con
   escudo · menú · contacto · Open Day. Entra deslizándose; sin `transform`
   al terminar (si no, el menú desplegable del celular, que es fixed,
   quedaría atrapado dentro de la barra). */
.hispano-header.is-compacta{
  position:fixed !important;top:var(--wp-admin--admin-bar--height, 0px);left:0;right:0;z-index:120;
  padding:8px var(--wp--preset--spacing--50) !important;background:transparent !important;
  animation:hispano-barra .45s cubic-bezier(.22,1,.36,1)}
.hispano-header.is-compacta::before,.hispano-header.is-compacta::after{display:none}
.hispano-header.is-compacta .hispano-header__card{
  display:flex !important;flex-wrap:nowrap !important;align-items:center;column-gap:22px;
  padding:6px 16px 6px 18px !important;border-radius:18px;box-shadow:0 12px 32px rgba(39,33,88,.2)}
.hispano-header.is-compacta :is(.hispano-header__fila1,.hispano-header__fila2){display:contents}
.hispano-header.is-compacta .hispano-header__sellos{display:none !important}
.hispano-header.is-compacta .hispano-header__escudo{display:block !important;order:1;margin:0;flex:0 0 auto}
.hispano-header.is-compacta .hispano-header__escudo img{height:46px !important;width:auto !important}
.hispano-header.is-compacta .hispano-header__fila2 > .hispano-nav{order:2;flex:1 1 auto;margin:0 !important}
.hispano-header.is-compacta .hispano-nav ul{flex-wrap:nowrap;column-gap:clamp(4px, 1vw, 14px)}
.hispano-header.is-compacta .hispano-nav a{font-size:16px;min-height:44px;white-space:nowrap}
.hispano-header.is-compacta .hispano-contacto-btn{order:3;margin:0}
.hispano-header.is-compacta .hispano-header__openday{order:4;flex:0 0 auto}
.hispano-header.is-compacta .hispano-header__agenda{font-size:13px}
.hispano-header.is-compacta .hispano-header__openday-logo img{width:70px}
@keyframes hispano-barra{from{transform:translateY(-110%)}to{transform:none}}
/* Los anclajes (#formulario, #revista) no quedan debajo de la barra. */
html{scroll-padding-top:96px}

/* 23.7 · Menú · «menos espacio entre ítems para que se vea más centrado».
   Entre texto y texto había ~88 px (64 de separación + el relleno de cada
   enlace) y el grupo se veía disperso. Ahora ~44 px, centrados en la tarjeta. */
.hispano-nav ul{column-gap:clamp(12px, 1.4vw, 20px)}

/* 23.8 · Ilustraciones que pisaban el texto («más hacia la derecha»).
   · Guepardo e iguana: el bloque del titular abraza al titular (ancho
     justo) y la ilustración va AFUERA, 16 px a la derecha de «PASO».
   · Avioneta de «Prekínder y Kínder»: en la esquina superior derecha de la
     banda, saliéndose por la derecha como en el PDF, lejos del título. */
.hispano-beneficios__titular{width:fit-content;max-width:min(1089px,100%)}
.hispano-guepardo{right:calc(-1 * (clamp(118px, 10.5vw, 152px) + 16px)) !important;left:auto !important;top:-40px}
.hispano-guepardo img{width:clamp(118px, 10.5vw, 152px) !important}
.hispano-banda-bullets__avioneta{right:-56px !important;top:-16px !important}
.hispano-banda-bullets__avioneta img{width:clamp(170px, 15.2vw, 219px) !important}

/* 23.9 · Cinco pasos · «el borde redondeado se pierde» y «el botón se
   sale». El punteado se dibujaba con cuatro degradados rectos: las
   esquinas quedaban sin línea. Ahora es un rectángulo SVG con radio 26 y
   trazos de 7 px (medio trazo queda fuera: 1,5 px visibles). El botón
   nunca es más ancho que la tarjeta y puede partir en dos líneas. */
.hispano-paso{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='26' ry='26' fill='none' stroke='%234B348C' stroke-width='3' stroke-dasharray='7 7'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;background-position:0 0 !important;background-repeat:no-repeat !important;
  border-radius:26px}
.hispano-paso .wp-block-buttons{justify-content:center}
.hispano-paso .wp-block-button{max-width:100%}
.hispano-paso .wp-block-button__link{
  min-width:0 !important;max-width:100%;white-space:normal;text-wrap:balance;
  font-size:clamp(11.5px, 10.4px + .17vw, 13px);letter-spacing:.02em;padding:9px 12px}

/* 23.10 · Cifras que cuentan (motion.js): dígitos de ancho fijo mientras
   cuentan, para que el número no tiemble. */
.is-contando{font-variant-numeric:tabular-nums}

/* 23.11 · Pie · el festón del PDF se leía como una línea recta (5 px de
   alto con arcos de 24 px de radio casi planos). En Nuestro colegio.pdf a
   1440 px: ondas de ~32 px de paso y ~9 de alto.
   27 oct (Trello «revisar corte del footer, es diferente»): los arcos
   radiales dejaban picos en V entre festón y festón. El diseño (Comunidad.ai,
   Nuestro colegio.pdf) es una onda continua: crestas y valles redondeados,
   44 px de paso y 10 de alto a 1440 px. Se dibuja con un SVG de un periodo. */
.hispano-footer{
  --onda:10px;
  --onda-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0C8 0 14 10 22 10S36 0 44 0V10H0Z'/%3E%3C/svg%3E");
  -webkit-mask:
    var(--onda-svg) 15px 0/44px var(--onda) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--onda) - 1px)/100% calc(100% - var(--onda) + 1px) no-repeat;
  mask:
    var(--onda-svg) 15px 0/44px var(--onda) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--onda) - 1px)/100% calc(100% - var(--onda) + 1px) no-repeat}
/* 15 oct · las dos capas de la máscara (arcos y bloque) se tocaban justo en
   el píxel 9: con zoom o pantallas de escala no entera, Safari suavizaba
   esa unión y dejaba ver una raya blanca bajo el festón (Preescolar y
   Nuestro colegio, según dónde cae el pie). El bloque empieza 1 px antes:
   las capas se montan en vez de tocarse. */

/* 23.12 · Nuestra historia · tarjeta de cierre (25 sep). La foto de
   Leoncio a sangre, del alto de las tarjetas de hito, con la frase en
   blanco abajo sobre un velo índigo que le da contraste AA. */
.hispano-historia__cierre{
  position:relative;overflow:hidden;border-radius:20px;margin:0;padding:0 !important;
  min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;
  box-shadow:0 6px 18px rgba(39,33,88,.06);transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.hispano-historia__cierre > *{max-width:none !important}
.hispano-historia__cierre .hispano-historia__cierre-foto{position:absolute;inset:0;margin:0}
.hispano-historia__cierre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:0;
  transition:scale .7s cubic-bezier(.22,1,.36,1)}
.hispano-historia__cierre::after{content:"";position:absolute;inset:40% 0 0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(39,33,88,0),rgba(39,33,88,.78))}
.wp-site-blocks .hispano-historia__cierre .hispano-historia__cierre-txt{
  position:relative;z-index:1;margin:0;padding:0 18px 22px;color:#fff;
  font:800 clamp(15px, 13.9px + .3vw, 18px)/1.2 "Montserrat",system-ui,sans-serif;text-wrap:balance;
  text-shadow:0 1px 8px rgba(39,33,88,.5)}
.hispano-historia__cierre-item{display:flex}
.hispano-historia__cierre-item > .hispano-historia__cierre{flex:1 1 auto}
/* Sin JavaScript (fuera del carrusel) la tarjeta va sola, centrada. */
.hispano-historia > .hispano-historia__cierre{width:min(320px,100%);aspect-ratio:3/4;margin:24px auto 0 !important}

/* Títulos de hito: el PDF parte «Nace el / Hispano» (11ch), pero
   «Responsabilidad» no cabe en 11ch y se cortaba a media palabra. El
   ancho mínimo es la palabra más larga (min-width gana a max-width). */
.wp-site-blocks .hispano-hito .hispano-hito__titulo{min-width:min-content;overflow-wrap:normal;word-break:normal;hyphens:manual}

/* 23.13 · Lo que nos hace Hispano · diez videos. Bajada y texto vacíos
   (aún pendientes en el diseño) no dejan hueco. */
.hispano-video .hispano-video__bajada:empty,.hispano-video .hispano-video__txt:empty{display:none}

/* 23.14 · Marcas del 25 sep en la auditoría (v5.4.1).
   · Globales · «la avioneta no debe empujar el texto»: el bloque reservaba
     210 px a la derecha y el título quedaba corrido a la izquierda. Ahora el
     título va centrado en la sección y la avioneta a su derecha. */
.hispano-globales__titular{padding-right:0 !important}
.hispano-globales__titular > h2{max-width:min(900px,100%) !important}
/* La avioneta se ancla al final del texto centrado: mide en «em» del
   titular (media línea = 11,8 em, medido a 1440 y a 1024) y se achica si no
   cabe hasta el borde de la pantalla. */
.hispano-globales__avioneta{
  font-size:clamp(23px, 19.10px + 1.000vw, 33.5px);
  left:calc(50% + 11.8em) !important;right:auto !important;
  width:min(260px, calc(50vw - 11.8em - 28px)) !important}
.hispano-globales__avioneta img{width:100% !important;height:auto}

/*   · Beneficios · «borde punteado, fondo e interlineado; el ícono del
     medio es más grande». Medido en Propuesta web-last.pdf: fondo #F6F6F9
     casi blanco, trazos de 6 px con 6 de aire (el mismo punteado SVG de los
     pasos, ahora las dos tarjetas de la portada son la misma pieza),
     cuerpo a 1,15. Los tres íconos comparten caja; el % mide dos tercios. */
.hispano-tarjeta-punteada{
  background-color:#F6F6F9 !important;border:0 !important;border-radius:26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='26' ry='26' fill='none' stroke='%23332D5E' stroke-width='2.4' stroke-dasharray='6 6'/%3E%3C/svg%3E");
  background-size:100% 100%;background-repeat:no-repeat}
.wp-site-blocks .hispano-tarjeta-punteada p{line-height:1.15}
.hispano-tarjeta-punteada h3{margin-bottom:.25em !important}
.hispano-tarjeta-punteada .hispano-eyebrow{margin-bottom:.6em !important}
.hispano-beneficio__icono{height:clamp(62px, 5.6vw, 80px);display:flex;align-items:center;justify-content:center;margin-bottom:10px !important}
.hispano-beneficio__icono img{max-height:100%}
.hispano-beneficio__icono img[src*="icono-bonus"]{width:clamp(44px, 3.8vw, 54px) !important}

/*   · Pilares · «dejar a doble línea y revisar tamaño»: el PDF lo compone en
     dos líneas, 18,3 px ExtraBold, 271 × 62. */
.hispano-pilares > .wp-block-buttons .wp-block-button__link{
  max-width:290px;font-size:clamp(15px, 13.77px + 0.314vw, 18.3px);line-height:1.15;
  padding:9px 22px !important;min-height:62px;letter-spacing:0}

/*   · Modelo · «ocultar» el aviso «Pasa el cursor por la rueda»: la rueda
     queda sola; al pasar el cursor (o tocar) aparece la dimensión en el
     mismo espacio, sin mover la página. */
.hispano-rueda__leyenda:not(:has(.hispano-rueda__tit)){visibility:hidden}
/* 3 nov (Trello #390) · fichas del Perfil Global. Las ocho piezas van apiladas
   en el mismo lienzo 16:9 y se funden entre sí.
   Por defecto, bajo la rueda: se abre del alto 0 al de la pieza. */
.hispano-rueda{position:relative}
.hispano-rueda__fichas{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),margin-top .3s cubic-bezier(.22,1,.36,1)}
.hispano-rueda.is-ficha .hispano-rueda__fichas{grid-template-rows:1fr;margin-top:14px}
.hispano-rueda__marco{min-height:0;overflow:hidden;border-radius:14px}
.hispano-rueda__lienzo{display:grid;aspect-ratio:16 / 9;background:var(--wp--preset--color--crema)}
.hispano-rueda__lienzo .hispano-rueda__ficha{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;
  transition:opacity .22s ease-out,visibility 0s .22s}
.hispano-rueda__lienzo .hispano-rueda__ficha.is-visible{opacity:1;visibility:visible;transition:opacity .22s ease-out}
.hispano-rueda__leyenda .hispano-rueda__frase{display:block;margin:8px auto 0;max-width:19em;text-wrap:balance;font-size:16px;line-height:1.35;color:var(--wp--preset--color--texto)}
.hispano-rueda__leyenda.is-nueva .hispano-rueda__frase{animation:hispano-rueda-tit .42s .1s cubic-bezier(.22,1,.36,1) both}
/* Bajo la rueda, el aviso sí se ve: sin cursor, nada más invita a tocar. */
.hispano-rueda:not(.hispano-rueda--lado) .hispano-rueda__leyenda:not(:has(.hispano-rueda__tit)){visibility:visible}
/* Con espacio a la izquierda: la ficha ocupa ese lado, centrada con la rueda, y
   el texto de la sección se desvanece. Nada se encima ni cambia de lugar. */
.hispano-rueda--lado .hispano-rueda__fichas{position:absolute;right:calc(100% + 24px);top:calc(var(--rueda-h, 490px) / 2);z-index:2;display:block;
  width:var(--ficha-w, 560px);margin:0;translate:14px -50%;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease-out,translate .2s ease-out,visibility 0s .2s}
.hispano-rueda--lado.is-ficha .hispano-rueda__fichas{margin:0;translate:0 -50%;opacity:1;visibility:visible;
  transition:opacity .24s ease-out,translate .36s cubic-bezier(.22,1,.36,1)}
.hispano-rueda--lado .hispano-rueda__marco{border-radius:18px;box-shadow:0 18px 44px rgba(39,33,88,.2)}
/* Pieza chica a la izquierda: la frase va también en la leyenda; su lugar queda
   reservado para que la sección no cambie de alto. Título, descripción y frase
   caben en 7,9 em sólo si la frase no pasa de dos líneas (la más larga es la
   de Comunica): por eso aquí es más ancha que bajo la rueda en el celular. */
.hispano-rueda--lado.hispano-rueda--chica .hispano-rueda__leyenda{min-height:7.9em}
.hispano-rueda--lado.hispano-rueda--chica .hispano-rueda__frase{max-width:27em}
.hispano-modelo .hispano-dupla{transition:opacity .2s ease-out,visibility 0s}
.hispano-modelo:has(.hispano-rueda--lado.is-ficha) .hispano-dupla{opacity:0 !important;visibility:hidden !important;transition:opacity .16s ease-out,visibility 0s .16s}

/*   · Titulares · «que no quede HISPANO solo»: todos los h2 del sitio
     reparten las líneas parejas. */
.wp-site-blocks h2,.wp-site-blocks .hispano-dupla__h{text-wrap:balance}

/*   · Nuestra historia · la línea de años «ocultarla por ahora». El código
     sigue (carrusel.js la arma); para volver a mostrarla basta quitar esta
     regla. */
.hispano-linea{display:none !important}
.hispano-historia__consulta{margin-top:40px}

/*   · Cifras · «revisar espaciado». Nuestro colegio.pdf a 1440: la banda
     mide 145 de alto (el sitio 134) y deja 24 px de blanco antes del arco
     de Nuestra historia. */
.hispano-cifras.alignwide{padding-top:27px;padding-bottom:26px}
.hispano-cifras-wrap{padding-bottom:24px !important}

/* 23.15 · Revisión del 25 sep, segunda tanda.
   · Menú · «revisar el destacado»: la píldora rosada del :hover se veía
     como un botón suelto junto al ítem activo en magenta. Ahora el hover es
     una línea magenta que crece desde el centro bajo el texto; el activo
     queda en magenta con la línea fija. Mismo lenguaje, dos intensidades. */
.hispano-nav a{position:relative;background:transparent !important;border-radius:0}
.hispano-nav a::after{
  content:"";position:absolute;left:12px;right:12px;top:calc(50% + .78em);height:3px;border-radius:2px;
  background:var(--wp--preset--color--magenta-texto);transform:scaleX(0);
  transition:transform .3s cubic-bezier(.22,1,.36,1)}
.hispano-nav a:hover::after,.hispano-nav a:focus-visible::after{transform:scaleX(.6)}
.hispano-nav .current-menu-item > a::after{transform:scaleX(1)}
.hispano-nav a:hover{color:var(--wp--preset--color--magenta-texto) !important}
.hispano-header .wp-block-navigation__responsive-container.is-menu-open a::after{display:none}

/*   · Barra fija · «al cliente le importan los logos y el Agenda aquí»: la
     barra compacta lleva la tira completa de logos (escudo, Cambridge ×2,
     EFQM) en vez del escudo solo, y el Open Day con «Agenda aquí tu». El
     contacto queda como botón redondo con el ícono (su nombre está en la
     etiqueta y aparece al pasar el cursor). */
.hispano-header.is-compacta .hispano-header__escudo{display:none !important}
.hispano-header.is-compacta .hispano-header__sellos{display:block !important;order:1;flex:0 1 auto;min-width:0;margin:0}
.hispano-header.is-compacta .hispano-header__sellos img{height:clamp(34px, 3vw, 44px) !important;width:auto !important;max-width:100%}
.hispano-header.is-compacta .hispano-header__card{column-gap:clamp(12px, 1.6vw, 22px);padding:8px 18px !important}
.hispano-header.is-compacta .hispano-contacto-btn{
  width:44px;height:44px;min-height:44px;padding:0 !important;border-radius:50%;justify-content:center;flex:0 0 44px}
.hispano-header.is-compacta .hispano-contacto-btn__txt{
  position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hispano-header.is-compacta .hispano-header__openday-logo img{width:78px}
.hispano-header.is-compacta .hispano-header__agenda{font-size:14px}

/*   · Íconos de beneficios · el % se veía cortado: la regla general de
     imágenes redondeaba sus esquinas (26 px) y se comía los círculos. */
.hispano-beneficio__icono img{border-radius:0 !important}

/*   · Hispano Stories · persona y cargo alineados abajo en las tres tarjetas. */
.hispano-story__txt{display:flex;flex-direction:column;height:100%}
.hispano-story .hispano-story__nombre{margin-top:auto !important;padding-top:10px}

/*   · Credenciales · cifra y pie alineados abajo en las cuatro columnas. */
.hispano-credenciales__grid.alignwide{align-items:stretch}
.hispano-cred{display:flex;flex-direction:column}
.hispano-cred .hispano-cifra{margin-top:auto !important;padding-top:.35em}

/* 23.17 · Diapositivas (carrusel.js) · foto inicial de Preescolar y
   cabeceras de Nuestro colegio y Comunidad: la misma pieza. Flechas,
   puntos y pausa van encima de la foto. */
.hispano-carrusel-marco.hispano-carrusel-marco--diapos{position:relative;padding-bottom:0}
.hispano-carrusel-marco.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl{
  position:absolute;inset:0;margin:0;display:block;pointer-events:none}
.hispano-carrusel-marco.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl[hidden]{display:none}
.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > button{
  position:absolute;top:50%;translate:0 -50%;pointer-events:auto;opacity:1 !important}
.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > [data-dir="-1"]{left:16px}
.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > [data-dir="1"]{right:16px}
.wp-site-blocks .hispano-carrusel-marco--diapos .hispano-carrusel-ctrl > button:hover:not([disabled]){scale:1}
.hispano-carrusel-marco.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl .hispano-carrusel-puntos{
  position:absolute;left:50%;top:auto;bottom:16px;translate:-50% 0;pointer-events:auto;
  padding:2px 6px;border-radius:20px;background:rgba(39,33,88,.4);backdrop-filter:blur(4px)}
.hispano-carrusel-marco--diapos .hispano-carrusel-puntos > span::after{background:rgba(255,255,255,.6)}
.hispano-carrusel-marco--diapos .hispano-carrusel-puntos > span.is-vista::after{background:#fff}
.wp-site-blocks .hispano-carrusel-marco--diapos .hispano-carrusel-ctrl > .hispano-carrusel-pausa{
  top:auto;bottom:12px;left:16px;right:auto;translate:none;width:44px;height:44px;min-width:44px;min-height:44px;
  padding:0;font-size:0}
.hispano-carrusel-pausa svg{width:18px;height:18px}
.hispano-carrusel-pausa .i-play{display:none}
.hispano-carrusel-pausa.is-pausado .i-play{display:inline}
.hispano-carrusel-pausa.is-pausado .i-pausa{display:none}

/* 23.18 · Remates de la segunda tanda del 25 sep.
   · Bajo el encabezado índigo quedaba una franja blanca de 24 px (el
     blockGap del núcleo antes del contenido) cuando la página abre con una
     foto o una sección de color: Nuestro colegio, Comunidad, directorio.
   (El desvanecido de los bordes del coverflow pasó a §23.19.) */
main > .wp-block-post-content.alignfull:has(> :is(.hispano-cabecera, .hispano-directorio):first-child){margin-block-start:0 !important}

/* 23.19 · Presentación (carrusel.js, motor 2) · diapositivas, videos e
   historia. Cada tarjeta se ubica por su distancia al índice activo (--d,
   con signo; --ad, absoluta) y la pista toma el alto de la más alta.
     --w    ancho de la tarjeta
     --k    paso entre tarjetas, en anchos de tarjeta (<1 = se montan)
     --enc  cuánto se achica por cada paso
     --op   cuánto se atenúa por cada paso
     --arr  desplazamiento mientras se arrastra (lo pone el JS en la pista) */
.hispano-carrusel.hispano-pres{
  display:block !important;position:relative;overflow:hidden !important;
  scroll-snap-type:none !important;padding:0 !important;margin-inline:auto;
  touch-action:pan-y;--arr:0px;--ease:cubic-bezier(.22,1,.36,1)}
.hispano-carrusel.hispano-pres > *{
  position:absolute !important;top:0;left:calc(50% - var(--w) / 2);width:var(--w) !important;
  margin:0 !important;flex:none !important;box-sizing:border-box;
  translate:calc(var(--d, 0) * var(--w) * var(--k) + var(--arr)) 0;
  scale:calc(1 - var(--ad, 0) * var(--enc));
  opacity:calc(1 - var(--ad, 0) * var(--op));
  transition:translate .6s var(--ease),scale .6s var(--ease),opacity .45s ease}
.hispano-pres.is-arrastrando{cursor:grabbing;user-select:none}
.hispano-pres.is-arrastrando > *,.hispano-pres.sin-anim > *,.hispano-pres > .sin-anim{transition:none !important}
.hispano-carrusel.hispano-pres > .is-lejos{opacity:0 !important;pointer-events:none}
.hispano-pres > :not(.is-centro){cursor:pointer}
.hispano-pres img{-webkit-user-drag:none;user-select:none}

/* Videos · coverflow: montados, el del centro al frente. Sólo el del centro
   muestra su texto. Los bordes se desvanecen. */
.hispano-pres--cover{--w:clamp(260px, 25vw, 340px);--k:.62;--enc:.14;--op:.1;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image:linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%)}
.hispano-pres--cover .hispano-video__media{border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(39,33,88,.2)}
.hispano-pres--cover > .is-centro .hispano-video__media{box-shadow:0 26px 54px rgba(39,33,88,.28)}
.hispano-pres--cover > * > :not(.hispano-video__media){transition:opacity .3s,visibility .3s}
.hispano-pres--cover > :not(.is-centro) > :not(.hispano-video__media){opacity:0;visibility:hidden}

/* Historia · espaciada: 36 px entre tarjetas, las vecinas apenas más chicas
   y atenuadas; las del borde se desvanecen. */
.hispano-pres--espacio{--w:clamp(270px, 23vw, 312px);--k:1.12;--enc:.05;--op:.22;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
          mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%)}
.hispano-pres--espacio > .is-centro .hispano-hito{box-shadow:0 18px 38px rgba(39,33,88,.14)}

/* Stories · como la historia: la del centro plena, las vecinas al lado,
   apenas más chicas; las del borde se desvanecen. */
.hispano-pres--stories{--w:clamp(280px, 24vw, 320px);--k:1.05;--enc:.05;--op:.25;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%)}
.hispano-pres--stories > *{top:12px;display:flex}
.hispano-pres--stories > * > .hispano-story{flex:1 1 auto}
.hispano-pres--stories > .is-centro .hispano-story{box-shadow:0 18px 38px rgba(39,33,88,.14)}
.hispano-stories .hispano-stories__consulta.alignwide{max-width:1037px !important}

/* Diapositivas · a todo el ancho, sin achicarse. */
.hispano-pres--cover > *,.hispano-pres--espacio > *{top:12px}
.hispano-pres--diapos{--w:100%;--k:1;--enc:0;--op:0}
.hispano-carrusel.hispano-pres--diapos > *{opacity:1}

/* Controles de la presentación con flechas a los costados (desktop):
   los puntos van debajo. */
/* Las tarjetas llevan z-index 96–100: los controles van por encima. */
.hispano-carrusel-marco--pres > .hispano-carrusel-ctrl,
.hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl{z-index:120}
.hispano-carrusel-marco--pres{padding-bottom:44px}
.hispano-carrusel-marco--pres > .hispano-carrusel-ctrl{inset:0 -64px 44px}

/* 23.20 · Comunidad · cifras de «Cada voz es escuchada» (26 sep: «que no
   sea tan estática»). Cuentan como las demás cifras del sitio (motion.js) y
   bajo cada una se dibuja una línea del color de la cifra de izquierda a
   derecha mientras cuenta. Sin JavaScript o con movimiento reducido la
   línea ya está completa. */
.hispano-voz__cifra{position:relative}
.hispano-voz__cifra::after{
  content:"";display:block;width:34px;height:3px;border-radius:2px;margin:6px auto 0;
  background:var(--wp--preset--color--teal-titular);opacity:.45;transform-origin:left center}
.hispano-voz__cifras.is-contando-grupo .hispano-voz__cifra::after{animation:hispano-traza 1.4s cubic-bezier(.22,1,.36,1) both}
.hispano-voz__cifras.is-contando-grupo .hispano-voz__cifra:nth-child(2)::after{animation-delay:.12s}
.hispano-voz__cifras.is-contando-grupo .hispano-voz__cifra:nth-child(3)::after{animation-delay:.24s}
@keyframes hispano-traza{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* La tarjeta se levanta con el cursor, como las del resto del sitio. */
.hispano-voz{transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}

/* 23.21 · Blog · filtros con el buscador estándar (26 sep). La caja es la
   misma pieza que el buscador de documentos (§23.5); aquí mide lo que el
   PDF (~170 px); la lista flotante sale más ancha debajo. Los chips de temas
   se muestran siempre, aunque un tema aún no tenga artículos. */
.hispano-blog-filtros{row-gap:12px;column-gap:10px}
/* La caja no cambia de ancho (empujaba los chips); el panel sí es más ancho. */
.hispano-blog-filtros .hispano-buscadocs{width:clamp(180px, 15vw, 220px);z-index:30}
.hispano-blog-filtros .hispano-buscadocs.is-abierto .hispano-buscadocs__caja{border-radius:12px}
.hispano-blog-filtros .hispano-buscadocs__panel{top:calc(100% + 6px);right:auto;width:min(380px, calc(100vw - 32px));border-radius:14px}
.hispano-blog-filtros .hispano-buscadocs__caja{min-height:46px;border-radius:12px}
.hispano-blog-filtros .hispano-buscadocs input[type="search"]{min-height:42px;font-size:15px}
.hispano-buscadocs--articulos .hispano-buscadocs__res li{justify-content:flex-start;gap:10px;padding:6px 10px 6px 6px}
.hispano-buscadocs__foto{flex:0 0 46px;width:46px;height:46px;border-radius:8px;object-fit:cover}
.hispano-buscadocs__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.hispano-buscadocs--articulos .hispano-buscadocs__nombre{font-size:13.5px;line-height:1.2;text-transform:none}
.hispano-buscadocs--articulos .hispano-buscadocs__tipo{font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--wp--preset--color--magenta-texto)}
.hispano-buscadocs__todos{
  display:block;width:100%;min-height:44px;margin-top:6px;border:0;border-radius:9px;cursor:pointer;
  background:var(--wp--preset--color--indigo);color:#fff;font:700 14px/1.2 "Montserrat",system-ui,sans-serif}
.hispano-buscadocs__todos[hidden]{display:none}
.hispano-buscadocs__todos:hover{background:var(--h-ciruela-pdf)}
.hispano-chips .cat-item a{transition:color .2s,box-shadow .25s}
.hispano-chips .cat-item a:hover{color:var(--wp--preset--color--magenta-texto)}

/* 23.22 · Blog · filtros con los estilos globales (26 sep).
   La caja de búsqueda y los seis chips son la misma familia: 48 px de alto,
   radio 12, la misma sombra, una sola línea de texto y la fila alineada al
   ancho de la rejilla. El tema filtrado va en magenta lleno con una × que
   quita el filtro (el mismo lenguaje que el menú: magenta = dónde estás). */
.hispano-blog-filtros.alignfull{gap:10px !important;row-gap:10px !important}
.hispano-blog-filtros .hispano-buscadocs__caja,.hispano-chips a{
  min-height:48px !important;border-radius:12px !important;box-shadow:0 3px 10px rgba(39,33,88,.12) !important}
.hispano-chips{gap:10px}
.hispano-chips a{
  min-width:0 !important;max-width:none !important;white-space:nowrap;padding:0 18px !important;
  font-size:15px !important;font-weight:600;line-height:1;background:#fff !important;
  transition:background-color .2s,color .2s,box-shadow .25s}
.hispano-chips a:hover{color:var(--wp--preset--color--magenta-texto)}
.hispano-chips .current-cat a,.hispano-chips .current-cat a:hover{
  background:var(--wp--preset--color--magenta-texto) !important;color:#fff !important;font-weight:700;
  box-shadow:0 6px 16px rgba(197,23,79,.28) !important;gap:10px}
.hispano-chips .current-cat a::after{
  content:"";width:10px;height:10px;flex:0 0 10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1 1 9' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1 1 9' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain}

/* Cambio de tema sin recargar (blog.js): la rejilla se atenúa con una
   barra de carga arriba y la nueva entra suave. */
.hispano-blog-rejilla{position:relative;transition:opacity .25s}
.hispano-blog-rejilla.is-cargando{opacity:.45;pointer-events:none}
.hispano-blog-rejilla.is-cargando::before{
  content:"";position:absolute;top:0;left:50%;width:min(320px, 60%);height:3px;border-radius:2px;translate:-50% 0;
  background:linear-gradient(90deg,transparent,var(--wp--preset--color--magenta-texto),transparent) 0 0/50% 100% no-repeat;
  animation:hispano-carga 1s linear infinite;z-index:3}
@keyframes hispano-carga{from{background-position:-100% 0}to{background-position:200% 0}}
.hispano-blog-rejilla.is-llegando .hispano-articulo{animation:hispano-llega .45s cubic-bezier(.22,1,.36,1) both}
.hispano-blog-rejilla.is-llegando .hispano-articulo:nth-child(n+7){animation-delay:.06s}
@keyframes hispano-llega{from{opacity:0;translate:0 12px}to{opacity:1;translate:none}}
html{scroll-padding-top:110px}

/* Artículo · «Todos los artículos» encima de la foto. */
.wp-site-blocks .hispano-nota__volver{margin:6px auto 12px !important;font-size:15px;font-weight:700}
.hispano-nota__volver a{display:inline-flex;align-items:center;gap:8px;min-height:44px;
  color:var(--wp--preset--color--indigo);text-decoration:none}
.hispano-nota__volver a::before{content:"‹";font-size:1.5em;line-height:1;color:var(--wp--preset--color--magenta-texto);transition:translate .2s}
.hispano-nota__volver a:hover{color:var(--wp--preset--color--magenta-texto)}
.hispano-nota__volver a:hover::before{translate:-3px 0}

/* 23.23 · Cifras de Nuestro colegio · «más espacio de respiración arriba»:
   32 px entre la foto de cabecera y la banda (el PDF deja 12). */
.hispano-cifras-wrap{padding-top:32px !important}

/* 23.24 · Documentos · pestaña fija a la derecha (inc/buscador.php).
   Una lengüeta índigo pegada al borde derecho, centrada en alto, con el
   texto en vertical. Abre un panel flotante: antetítulo, título y el
   buscador (§23.5). z-index sobre el encabezado fijo (120; 16 oct) y bajo la ventana
   de contactos. */
.hispano-docflot{position:fixed;right:0;top:50%;translate:0 -50%;z-index:125}
.hispano-docflot__tab{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;min-width:44px;
  border:0;border-radius:12px 0 0 12px;cursor:pointer;
  background:var(--wp--preset--color--indigo);color:#fff;box-shadow:-4px 6px 18px rgba(39,33,88,.25);
  font:700 14px/1 "Montserrat",system-ui,sans-serif;letter-spacing:.04em;
  transition:padding .25s cubic-bezier(.22,1,.36,1),background-color .2s}
.hispano-docflot__tab span{writing-mode:vertical-rl;rotate:180deg}
.hispano-docflot__tab svg{width:20px;height:20px;flex:0 0 20px}
.hispano-docflot__tab:hover,.hispano-docflot.is-abierta .hispano-docflot__tab{background:var(--h-ciruela-pdf);padding-right:14px}
.hispano-docflot__tab:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-docflot__panel{
  position:absolute;right:calc(100% + 12px);top:50%;translate:0 -50%;width:min(400px, calc(100vw - 80px));
  padding:22px 22px 20px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(39,33,88,.28);
  animation:hispano-panel .3s cubic-bezier(.22,1,.36,1)}
.hispano-docflot__panel[hidden]{display:none}
/* Abierta, va por encima del encabezado (120) y nunca más alta que la pantalla. */
.hispano-docflot.is-abierta{z-index:130}
.hispano-docflot__panel{max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box}
@keyframes hispano-panel{from{opacity:0;translate:12px -50%}to{opacity:1;translate:0 -50%}}
.hispano-docflot__cerrar{
  position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;
  border-radius:50%;background:transparent;color:var(--wp--preset--color--texto-2);cursor:pointer}
.hispano-docflot__cerrar:hover{background:var(--wp--preset--color--gris)}
.hispano-docflot__cerrar svg{width:18px;height:18px}
.hispano-docflot__ante{margin:0 44px 0 0;font:700 13px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--wp--preset--color--teal-titular)}
.hispano-docflot .hispano-docflot__h{margin:4px 44px 16px 0;font:800 19px/1.15 "Montserrat",system-ui,sans-serif;
  text-transform:uppercase;color:var(--wp--preset--color--indigo);text-wrap:balance}
.hispano-docflot .hispano-buscadocs__panel{position:static;box-shadow:none;padding:6px 0 0;animation:none;border-radius:0;clip-path:none}
.hispano-docflot .hispano-buscadocs.is-abierto .hispano-buscadocs__caja{border-radius:14px}

/* La sección de Nuestro colegio que ocupaba el buscador ya no se usa
   (5.4.5 la quita de la página publicada; si queda, no se muestra). */
.hispano-docs{display:none !important}

/* 23.25 · Formulario de admisión (Fluent Forms) · 26 sep: «se ve raro».
   · El «ENVIAR» del plugin era una píldora magenta suelta (una regla vieja
     de hispano.css con más especificidad le ganaba al radio 9 del sitio) y
     duplicaba «Agenda tu visita». Como en el PDF, «Agenda tu visita» envía
     (formulario.js) y el botón del plugin se oculta. Sin JavaScript queda
     visible, con la forma de los botones del sitio.
   · Campos con el radio de la familia de botones (10), filas más juntas
     (PDF: 92 px de paso), el asterisco pegado a la última palabra y el
     aviso legal más compacto. */
.hispano-form .frm-fluent-form .ff-btn-submit,.hispano-form .frm-fluent-form button[type="submit"]{
  border-radius:9px !important;min-height:56px !important;padding:15px 28px !important;
  letter-spacing:.02em !important;transform:none !important}
.hispano-form.is-enlazado .frm-fluent-form .ff_submit_btn_wrapper{
  position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0 !important}
.hispano-form .ff-el-group{margin-bottom:14px !important}
.hispano-form .ff-el-input--label{margin-bottom:6px !important;padding:0 !important}
.hispano-form .ff-el-input--label label{font-size:clamp(15px, 13.9px + .26vw, 18px) !important;line-height:1.2;margin:0 !important}
.hispano-form .ff-el-input--label.asterisk-right label::after{content:none !important}
.hispano-form .ff-el-input--label.ff-el-is-required.asterisk-right label::after{content:"\00a0*" !important;margin-left:0 !important;color:var(--wp--preset--color--magenta-texto)}
.hispano-form .hispano-form__campos .wp-block-button__link{justify-content:center;text-align:center}
.hispano-form .ff-el-form-control,.hispano-form input[type=text],.hispano-form input[type=email],.hispano-form input[type=tel]{
  min-height:52px !important;border-radius:10px !important}
.hispano-form .ff-el-form-control::placeholder{color:#76718C;opacity:1}
.hispano-form .frm-fluent-form .ff-t-container{gap:0 28px !important}
.hispano-form .ff-t-cell{padding:0 !important}
.wp-site-blocks .hispano-form .hispano-legal{margin:0 0 .45em !important;line-height:1.3}
.hispano-form .hispano-legal:first-of-type{margin-top:6px !important}
.hispano-form .hispano-form__campos > .wp-block-buttons{gap:14px}

/* 23.26 · Cinco pasos · letra un poco más pequeña y menos separación entre
   tarjetas (18 → 6 px, 26 sep: «un poco más unidas»). */
.hispano-pasos__grid.hispano-carrusel,.hispano-pasos__grid{gap:6px !important}
.hispano-paso h3{font-size:clamp(15.5px, 14.3px + .3vw, 17px) !important}
.hispano-paso .hispano-eyebrow{font-size:clamp(11px, 10.3px + .21vw, 13.5px) !important}
.hispano-paso p{font-size:clamp(13.5px, 12.9px + .19vw, 15.8px) !important}

/* 23.27 · Filtros del blog con el aire estándar de las secciones con curva
   (§23.1): arco + --hispano-aire-top arriba. Abajo sigue la rejilla, del
   mismo color, así que no lleva aire de cierre. */
/* Al llegar a #filtros se salta el arco: los chips quedan bajo el encabezado. */
#filtros{scroll-margin-top:calc(-1 * var(--hispano-curva-h))}
.wp-site-blocks .hispano-blog-filtros.hispano-curva{
  padding-top:calc(var(--hispano-curva-h) + var(--hispano-aire-top)) !important;padding-bottom:28px !important}

/* 23.28 · Contraste AA (auditoría axe-core, 26 sep). Donde el tono del PDF
   no llega a 4,5:1 en texto de menos de 18,7 px en negrita, se usa el mismo
   tono oscurecido (o aclarado sobre índigo) hasta 4,6:1. Botones naranja y
   teal, WhatsApp y títulos de servicios de Comunidad ya se corrigieron en
   sus tokens; aquí lo puntual. */
.hispano-servicio__titulo--ambar{color:#956709 !important}
.wp-site-blocks .hispano-contacto__area{color:var(--wp--preset--color--magenta-texto) !important}
.hispano-story__mas summary{color:#D01C48 !important}
.hispano-cifras__item--magenta .hispano-cifras__n span{color:#EC6084}

/* 23.29 · Ciudadanos globales en diapositivas (28 sep). Piezas completas
   del colegio (logo, QR, frase y banda ya vienen en la imagen): sin nada
   encima. */
.hispano-globales__fotos.wp-block-gallery{margin:0 !important;gap:0 !important}
.hispano-globales__fotos .wp-block-image{margin:0 !important}
/* Formato de las piezas del colegio: 16:9 (p. ej. 1920 × 1080; 28 sep). */
.hispano-globales__fotos img{display:block;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover;object-position:center;border-radius:0 !important}
.hispano-globales__marco > .hispano-carrusel-marco{margin:0}
/* Las piezas traen texto hasta los bordes: flechas, puntos y pausa van
   DEBAJO de la imagen, no encima. El redondeado pasa a la pista. */
.hispano-globales__marco:has(.hispano-pres){overflow:visible;border-radius:0;box-shadow:none;isolation:auto}
.hispano-globales__marco .hispano-pres{border-radius:26px;overflow:hidden !important}
.wp-site-blocks .hispano-globales__marco .hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl{
  position:static;inset:auto;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;pointer-events:auto}
.wp-site-blocks .hispano-globales__marco .hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > button{
  position:static;translate:none;top:auto;left:auto;right:auto;bottom:auto}
.wp-site-blocks .hispano-globales__marco .hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl .hispano-carrusel-puntos{
  position:static;translate:none;background:none;backdrop-filter:none;padding:0}
.hispano-globales__marco .hispano-carrusel-marco--diapos .hispano-carrusel-puntos > span::after{background:rgba(39,33,88,.2)}
.hispano-globales__marco .hispano-carrusel-marco--diapos .hispano-carrusel-puntos > span.is-vista::after{background:var(--wp--preset--color--magenta-texto)}
.hispano-globales__marco .hispano-carrusel-pausa{order:9}

/* 23.30 · Videos de Preescolar (29 sep). La foto inicial de la portada es
   un carrusel de videos de YouTube (inc/paginas.php, carrusel.js §3): la
   portada del video con un botón de reproducir; al tocarlo, el reproductor
   ocupa la diapositiva. Videos en 16:9 (también en el celular): otra
   proporción deja franjas negras dentro del reproductor. Mientras un video
   suena se apartan el sello Early Years y los puntos y la pausa, que caían
   encima de los controles de YouTube; las flechas siguen a los costados. */
.hispano-hero__fotos--videos .hispano-hero__video{position:relative;margin:0 !important}
.hispano-hero__fotos--videos .hispano-hero__video img{display:block;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover}
.hispano-hero__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.hispano-hero__fotos--videos .hispano-hero__play{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;
  display:grid;place-items:center;width:84px;height:84px;border-radius:50%;
  background:var(--wp--preset--color--magenta-boton);color:#fff;
  box-shadow:0 10px 28px rgba(39,33,88,.35),0 0 0 8px rgba(255,255,255,.28);
  transition:scale .25s var(--ease, ease),box-shadow .25s}
.hispano-hero__play svg{width:38px;height:38px;margin-left:5px}
.hispano-hero__play:hover{scale:1.08;box-shadow:0 14px 34px rgba(39,33,88,.4),0 0 0 12px rgba(255,255,255,.32)}
.hispano-hero__play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hispano-hero__video.is-reproduciendo .hispano-hero__play{display:none}
/* Las diapositivas llevan z-index 96–100 (carrusel.js): con más de una, el
   sello quedaba debajo de la foto. Va encima; los controles (120), arriba. */
.hispano-hero__marco > .hispano-hero__lockup{z-index:110;transition:opacity .3s,visibility .3s}
.hispano-hero__marco:has(.is-reproduciendo, .is-centro.hispano-hero__video--con-sello) .hispano-hero__lockup{opacity:0;visibility:hidden}
.hispano-carrusel-marco--diapos:has(.is-reproduciendo) > .hispano-carrusel-ctrl :is(.hispano-carrusel-puntos, .hispano-carrusel-pausa){opacity:0 !important;visibility:hidden}

/* 23.31 · Logos, sellos e ilustraciones sin esquinas redondeadas (14 oct,
   «logo cortado»). theme.json da 26 px de radio a TODA imagen: en una foto
   se ve bien, pero en un logo la esquina se come lo que toca el borde — la
   «C» de «Cambridge Early Years Centre», el escudo de Cambridge y la «l» de
   «School». Las fotos conservan su radio. */
.wp-site-blocks :is(.hispano-cred__sello, .hispano-header__sellos, .hispano-header__escudo,
  .hispano-header__openday-logo, .hispano-hero__lockup, .hispano-revista__logo, .hispano-blog-cab__logo,
  .hispano-globales__avioneta, .hispano-banda-bullets__avioneta, .hispano-iguana, .hispano-guepardo,
  .hispano-footer__sellos, .hispano-footer__leoncio, .hispano-we-are, .hispano-canal__icono,
  .hispano-beneficio__icono, .hispano-servicio__img, .hispano-openday-card, .hispano-cien__logo) img{border-radius:0 !important}

/* 23.32 · Revisión del 14 oct (carpeta cambios/).
   · Encabezado: la tira de logos es una imagen; encima, cuatro zonas
     enlazadas (escudo, Cambridge, Early Years, EFQM · inc/enlaces.php). */
.hispano-sellos__mapa{position:relative;display:inline-block;line-height:0}
.hispano-sellos__zona{position:absolute;top:0;bottom:0;border-radius:8px}
.hispano-sellos__zona:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-cred__sello a{display:inline-block;line-height:0;border-radius:6px}
.hispano-cred__sello a:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:4px}

/*   · Redes: pestaña fija a la izquierda, sólo íconos (la de información
     institucional va a la derecha). Debajo del encabezado fijo (120). */
.hispano-redesflot{position:fixed;left:0;top:50%;translate:0 -50%;z-index:125}
/* 16 oct: las pestañas laterales van POR ENCIMA del encabezado fijo (120),
   que las tapaba al bajar. Con el menú del celular abierto (vive dentro del
   encabezado) se ocultan, para no quedar sobre él. */
html.has-modal-open :is(.hispano-docflot, .hispano-redesflot){visibility:hidden}
.hispano-redesflot ul{list-style:none;margin:0;padding:8px 6px;display:flex;flex-direction:column;gap:2px;
  background:var(--wp--preset--color--indigo);border-radius:0 12px 12px 0;box-shadow:4px 6px 18px rgba(39,33,88,.25)}
.hispano-redesflot a{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;transition:background-color .2s,color .2s}
.hispano-redesflot a:hover{background:rgba(255,255,255,.14);color:var(--wp--preset--color--ambar)}
.hispano-redesflot a:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:-3px}
.hispano-redesflot svg{width:22px;height:22px;fill:currentColor}

/*   · Un campus cerca de ti: mapa de Google a lo ancho del contenido. */
.wp-site-blocks .hispano-campus{padding-top:8px !important;padding-bottom:calc(var(--hispano-aire-bottom, 72px) + var(--hispano-curva-h)) !important}
.wp-site-blocks .hispano-campus .hispano-campus__h{margin:0}
.hispano-campus .hispano-dupla__txt{margin-top:10px}
.hispano-mapa{margin:28px auto 0;max-width:1000px;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px rgba(39,33,88,.14);background:#e8e4df}
.hispano-mapa iframe{display:block;width:100%;aspect-ratio:16/7;border:0}
.hispano-campus__cta{margin-top:24px !important;gap:14px}

/*   · Lo que nos hace Hispano: todo centrado, sin «Conoce más»; la línea
     del perfil va en negrita y no ocupa lugar si está vacía. */
.hispano-video{text-align:center}
.hispano-video .hispano-video__bajada{margin-inline:auto}
.hispano-video .hispano-flecha-link{display:none}
.hispano-video .hispano-video__perfil{margin:10px auto 0;max-width:17em;color:var(--h-ciruela-pdf);
  font-size:clamp(14px, 13.29px + 0.181vw, 15.9px);line-height:1.15}
.hispano-video .hispano-video__perfil:empty,.hispano-video .hispano-video__perfil:has(> strong:empty){display:none}
.hispano-modelo__cta{margin-top:22px !important}

/*   · Comunidad: frase descriptiva en cada tarjeta (texto indexable). */
/* 16 oct · un indicador sin cifra se ve con «—» (el colegio pidió ver los
   tres de cada tarjeta); al escribir el número en el editor, aparece. La
   línea de fuente, sólo si se escribió. */
.hispano-voz__n:empty::before{content:"—";color:var(--wp--preset--color--borde)}
/* Con tres cifras la fila no cabía en la tarjeta de escritorio (se salía
   por los dos lados). Cada columna toma el ancho de su palabra más larga
   (nunca se parte una palabra), con menos aire entre columnas, y el número
   baja un punto; la etiqueta parte entre palabras. */
.hispano-voz__cifras:has(> .hispano-voz__cifra:nth-child(3)){margin-inline:-6px !important}
.hispano-voz__cifras:has(> .hispano-voz__cifra:nth-child(3)) > .hispano-voz__cifra{flex:1 1 auto;min-width:min-content;padding:0 6px}
.hispano-voz__cifras:has(> .hispano-voz__cifra:nth-child(3)) .hispano-voz__n{font-size:clamp(24px, 19.5px + 0.9vw, 30px)}
.hispano-voz__cifras:has(> .hispano-voz__cifra:nth-child(3)) .hispano-voz__etiqueta{text-wrap:balance;overflow-wrap:normal;hyphens:manual;letter-spacing:-.01em}
.hispano-voz .hispano-voz__fuente{margin:-2px 6px 8px !important;font-size:12px;line-height:1.3;font-style:italic;color:var(--wp--preset--color--texto-2)}
.hispano-voz .hispano-voz__fuente:empty{display:none}
.hispano-voz .hispano-voz__desc{color:var(--h-texto-card);font-size:clamp(13.5px, 12.97px + 0.143vw, 15px);
  line-height:1.3;margin:2px 4px 12px !important;text-wrap:pretty}
.hispano-voz .wp-block-buttons{gap:8px}
/* Un texto largo («Conoce Hispano Forever») parte en dos líneas en vez de
   salirse de la tarjeta. */
.hispano-voz .wp-block-button{max-width:100%}
.hispano-voz .wp-block-button__link{max-width:100%;white-space:normal !important;text-wrap:balance}
.hispano-servicio{grid-template-rows:auto 1fr auto auto}
.hispano-servicio .hispano-servicio__desc{grid-column:1 / -1;color:var(--h-texto-serv);
  font-size:clamp(13.5px, 12.97px + 0.143vw, 15px);line-height:1.3;margin-top:10px !important;text-wrap:pretty}
.hispano-servicio:not(:has(.hispano-servicio__img)){grid-template-columns:1fr}
.hispano-servicio__cta{gap:8px}
.hispano-servicio__cta .wp-block-button{flex:1 1 auto}
.hispano-servicio__cta:has(> .wp-block-button + .wp-block-button) .wp-block-button__link{min-width:0 !important;width:100%;padding-inline:12px !important}
.hispano-canal .hispano-canal__desc{color:var(--h-texto-card);font-size:clamp(13.5px, 12.97px + 0.143vw, 15px);
  line-height:1.3;margin:8px 0 14px !important;text-wrap:pretty}

/*   · Información institucional: las secciones bajo el buscador. */
.hispano-docflot__grupos{margin-top:16px;border-top:1px solid var(--wp--preset--color--borde)}
.hispano-docflot__grupo{border-bottom:1px solid var(--wp--preset--color--borde)}
.hispano-docflot__grupo summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 2px;
  cursor:pointer;list-style:none;font:700 15px/1.2 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--indigo)}
.hispano-docflot__grupo summary::-webkit-details-marker{display:none}
.hispano-docflot__grupo summary::after{content:"";flex:0 0 9px;width:9px;height:9px;border:solid var(--wp--preset--color--magenta-texto);
  border-width:0 2px 2px 0;rotate:45deg;translate:0 -3px;transition:rotate .2s}
.hispano-docflot__grupo[open] summary::after{rotate:225deg;translate:0 2px}
.hispano-docflot__grupo summary:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px;border-radius:6px}
.hispano-docflot__grupo ul{list-style:none;margin:0 0 10px;padding:0}
.hispano-docflot__grupo a{display:flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:10px;
  color:var(--wp--preset--color--texto);text-decoration:none;font-size:15px;line-height:1.25}
.hispano-docflot__grupo a:hover,.hispano-docflot__grupo a:focus-visible{background:var(--wp--preset--color--gris);color:var(--wp--preset--color--magenta-texto)}
/* 16 oct: los ítems sin dirección también se listan («así esté pendiente»). */
.hispano-docflot__item{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-height:40px;padding:9px 10px;
  font-size:15px;line-height:1.25;color:var(--wp--preset--color--texto);box-sizing:border-box}
.hispano-docflot__item.is-pendiente{color:var(--wp--preset--color--texto-2)}
.hispano-docflot__item small{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--wp--preset--color--ambar-texto);background:var(--wp--preset--color--lambar);padding:2px 8px;border-radius:20px}
/* Sección sin documentos: sólo la etiqueta, sin alto de fila. (Antes
   «:has(> small:only-child)», que también atrapaba «Cronograma <small>»:
   el texto no cuenta como hijo.) */
.hispano-docflot__grupo li > .hispano-docflot__item.is-vacia{min-height:0}
.hispano-docflot__texto{margin:0 10px 10px;font-size:14px;line-height:1.45;color:var(--wp--preset--color--texto-2)}

/*   · Revista: ediciones sin PDF, sin enlace y atenuadas. */
.hispano-edicion.is-sin-pdf{opacity:.5}
.hispano-edicion.is-sin-pdf a{cursor:default}
.hispano-edicion.is-sin-pdf a:hover{background:inherit}

/*   · Blog · Hispano en 100 palabras: bienvenida y las dos ediciones. */
/* En la plantilla del blog va pegada a la revista: sin el espacio entre
   bloques del núcleo (dejaba 24 px de hueco sobre la curva). */
.wp-site-blocks :is(.hispano-blog-rejilla, .hispano-blog-cab, .hispano-blog-filtros) + .hispano-cien,
.wp-site-blocks .hispano-cien + .hispano-revista{margin-block-start:0 !important}
/* 16 oct · 100 palabras va antes que la revista y las dos son blancas: la
   curva de la revista (desde crema) y, en las plantillas donde 100 palabras
   sigue a la cabecera blanca del blog, la suya, se pintan del mismo blanco. */
.hispano-cien + .hispano-revista.hispano-curva::before,
.hispano-blog-cab + .hispano-cien.hispano-curva::before{background:var(--wp--preset--color--blanco)}
.hispano-cien .hispano-cien__txt{max-width:46em;margin-inline:auto}
.hispano-cien .hispano-cien__logo{margin:6px auto 22px}
.hispano-cien .hispano-cien__logo img{width:min(320px,70vw);height:auto}
.hispano-cien .hispano-cien__txt + .hispano-cien__txt{margin-top:.9em}
.hispano-cien__ediciones.alignwide{max-width:720px;margin:40px auto 0 !important;gap:32px !important}
.hispano-cien__ed{text-align:center}
.hispano-cien__ed > *{max-width:none !important}
.hispano-cien__portada{margin:0}
.hispano-cien__portada img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:18px !important;
  box-shadow:0 18px 40px rgba(39,33,88,.18);transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.hispano-cien__portada a:hover img{translate:0 -4px;box-shadow:0 24px 48px rgba(39,33,88,.24)}
.hispano-cien .hispano-cien__anio{margin:18px 0 0;font:800 15px/1 "Montserrat",system-ui,sans-serif;letter-spacing:.12em;color:var(--wp--preset--color--magenta-texto)}
.wp-site-blocks .hispano-cien .hispano-cien__titulo{margin:6px 0 14px;color:var(--wp--preset--color--indigo);text-transform:uppercase}

/* 23.33 · Hispano Emprende (16 oct · inc/emprende.php). Mismas piezas del
   sitio: tarjeta blanca de 18 px de radio, botones del tema, magenta e
   índigo de marca. */
.hispano-emp-intro{padding:28px var(--wp--preset--spacing--50) 64px !important}
.hispano-migas-txt,.hispano-migas ol{font-size:14px;color:var(--wp--preset--color--texto-2);margin:0 0 28px}
.hispano-migas-txt a,.hispano-migas a{color:var(--wp--preset--color--texto-2)}
.hispano-migas ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.hispano-migas li + li::before{content:"›";margin-right:8px}
.hispano-emp-intro__cta{margin-top:28px !important;gap:14px}
.hispano-emp-dir{padding:64px var(--wp--preset--spacing--50) 72px !important}
.hispano-emp-dir__h{margin-bottom:24px !important}
.hispano-emp{max-width:1100px;margin:0 auto}
.hispano-emp__buscar{max-width:560px;margin:0 auto 18px;text-align:center}
.hispano-emp__q-label{display:block;font:700 16px/1.3 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--indigo);margin-bottom:8px}
.hispano-emp__buscar input{width:100%;box-sizing:border-box;min-height:48px;padding:10px 18px;border-radius:14px;
  border:1.5px solid var(--wp--preset--color--borde);background:#fff;font-size:16px}
.hispano-emp__buscar input:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-emp__cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px}
.hispano-emp__cats button{min-height:40px;padding:6px 16px;border-radius:20px;border:1.5px solid var(--wp--preset--color--borde);
  background:#fff;color:var(--wp--preset--color--indigo);font:600 14px/1.2 "Montserrat",system-ui,sans-serif;cursor:pointer}
.hispano-emp__cats button.is-activa{background:var(--wp--preset--color--indigo);border-color:var(--wp--preset--color--indigo);color:#fff}
.hispano-emp__cats button:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-emp__estado{text-align:center;font-size:14px;color:var(--wp--preset--color--texto-2);min-height:1.4em;margin:0 0 14px}
.hispano-emp__rejilla{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hispano-emp__tarjeta[hidden]{display:none}
.hispano-emp__enlace{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:20px;border-radius:18px;
  background:var(--wp--preset--color--crema);color:var(--wp--preset--color--texto);text-decoration:none;
  transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.hispano-emp__enlace:hover{translate:0 -3px;box-shadow:0 14px 30px rgba(39,33,88,.12)}
.hispano-emp__enlace:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:3px}
.hispano-emp__logo{width:72px;height:72px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:6px;
  font:800 28px/1 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--magenta-texto)}
.hispano-emp__logo img{width:100%;height:100%;object-fit:contain;border-radius:0 !important}
.hispano-emp__cat{font:700 12px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--teal-texto)}
.hispano-emp__nombre{font:800 19px/1.2 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--indigo)}
.hispano-emp__desc{font-size:15px;line-height:1.4}
.hispano-emp__beneficio{font-size:14px;line-height:1.35;color:var(--h-ciruela-pdf)}
.hispano-emp__conocer{margin-top:auto;padding-top:8px;font:700 14px/1 "Montserrat",system-ui,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--wp--preset--color--magenta-texto)}
.hispano-emp__vacio{text-align:center;max-width:36em;margin:10px auto 0;font-size:16px;color:var(--wp--preset--color--texto-2)}
.hispano-emp-suma{padding:64px var(--wp--preset--spacing--50) 80px !important}
.hispano-emp-form{margin-top:24px;padding:28px;border-radius:18px;background:#fff}
.hispano-emp-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}
.hispano-emp-form__grid .is-ancho{grid-column:1 / -1}
.hispano-emp-form label{display:block;font:600 14px/1.3 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--indigo);margin-bottom:6px}
.hispano-emp-form label small{font-weight:500;color:var(--wp--preset--color--texto-2)}
.hispano-emp-form :is(input:not([type=checkbox]),select,textarea){width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;
  border-radius:12px;border:1.5px solid var(--wp--preset--color--borde);background:#fff;font:inherit;font-size:16px}
.hispano-emp-form :is(input,select,textarea):focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-emp-form__autoriza label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;line-height:1.45;color:var(--wp--preset--color--texto)}
.hispano-emp-form__autoriza input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}
.hispano-emp-form__nota{font-size:14px;color:var(--wp--preset--color--texto-2)}
.hispano-emp-form__trampa{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.hispano-emp-form .wp-block-buttons,.hispano-emp-ficha__cta{display:flex;flex-wrap:wrap;gap:12px}
.hispano-emp-form .wp-block-buttons{justify-content:center;margin-top:8px}
.hispano-emp-form button.wp-block-button__link{border:0;cursor:pointer}
.hispano-emp-form__aviso{max-width:40em;margin:20px auto 0;padding:14px 18px;border-radius:14px;font-weight:600;text-align:center}
.hispano-emp-form__aviso.is-ok{background:#E6F4EA;color:#14532D}
.hispano-emp-form__aviso.is-error{background:#FDECEE;color:#8A1C2B}
.hispano-emp-ficha-sec{padding:28px var(--wp--preset--spacing--50) 72px !important}
.hispano-emp-ficha{background:#fff;border-radius:18px;padding:28px clamp(20px, 4vw, 44px) 32px}
.hispano-emp-ficha .hispano-migas ol{margin-bottom:20px}
.hispano-emp-ficha__logo img{width:112px;height:112px;object-fit:contain;border-radius:14px !important;background:var(--wp--preset--color--crema)}
.hispano-emp-ficha__cat{margin:14px 0 4px;font:700 13px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--teal-texto)}
.wp-site-blocks .hispano-emp-ficha__nombre{margin:0;color:var(--wp--preset--color--indigo)}
.hispano-emp-ficha__desc{font-size:18px;line-height:1.45;margin:10px 0 0}
.hispano-emp-ficha__beneficio{margin-top:24px;padding:16px 20px;border-radius:14px;background:var(--wp--preset--color--lambar)}
.wp-site-blocks .hispano-emp-ficha__beneficio h2{font-size:16px;margin:0 0 4px;color:var(--wp--preset--color--ambar-texto)}
.hispano-emp-ficha__beneficio p{margin:0}
.hispano-emp-ficha__texto{margin-top:22px}
.hispano-emp-ficha__datos{margin:24px 0 0;display:grid;gap:10px}
.hispano-emp-ficha__datos dt{font:700 13px/1.2 "Montserrat",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--wp--preset--color--texto-2)}
.hispano-emp-ficha__datos dd{margin:2px 0 0}
.hispano-emp-ficha__cta{margin-top:26px}
.hispano-emp-ficha__aviso{margin-top:24px;font-size:13px;line-height:1.45;color:var(--wp--preset--color--texto-2)}
.hispano-emp-ficha__volver a{color:var(--wp--preset--color--magenta-texto);font-weight:700}

/* 23.34 · Comunidad · estructura nueva (16 oct, diseño enviado por el
   colegio). Cada voz: título, bajada, foto, frase, cifras, dos botones
   apilados (mayúsculas, sin flecha) y la fuente al pie. Bienestar: texto a
   la izquierda, ilustración arriba a la derecha, botones abajo centrados;
   Sincronízate lleva su logo como título. */
.hispano-voz{padding:20px 14px 16px}
.hispano-voz .hispano-voz__desc{margin:14px 6px 12px !important;font-size:clamp(13.5px, 12.97px + 0.143vw, 15px)}
.hispano-voz .wp-block-buttons{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:14px}
.hispano-voz .wp-block-buttons > .wp-block-button{width:min(100%, 262px)}
.wp-site-blocks .hispano-voz .hispano-voz__boton .wp-block-button__link{justify-content:center;text-align:center;
  width:100%;min-width:0 !important;min-height:38px !important;padding:8px 14px !important;border-radius:8px !important;
  font-size:13px;font-weight:800;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:normal;text-wrap:balance}
.hispano-voz .hispano-voz__boton .wp-block-button__link::after{content:none}
.hispano-voz .is-style-hispano-magenta .wp-block-button__link{background:#E8506F}
.hispano-voz .hispano-voz__fuente{margin:10px 6px 0 !important;font-style:normal;font-size:11.5px}
.hispano-voz .hispano-voz__titulo + .hispano-voz__bajada{margin-top:2px}

.hispano-servicio{display:flow-root;position:relative;--nb:1;padding:18px 18px calc(var(--nb) * 41px + 26px) 22px !important}
.hispano-servicio:has(.hispano-servicio__cta > .wp-block-button:nth-child(2)){--nb:2}
.hispano-servicio:has(.hispano-servicio__cta > .wp-block-button:nth-child(3)){--nb:3}
/* La ilustración flota a la derecha: el texto la rodea y, cuando termina,
   toma todo el ancho (como en el diseño). Los botones van anclados abajo,
   así quedan alineados en cada fila aunque los textos midan distinto. */
/* 27 oct · cada ilustración ocupa su ancho natural (tope 118 × 118): con
   un ancho fijo de 118 px, «ALIMENTACIÓN» no cabía al lado de Healthy
   Bites y el título bajaba debajo del dibujo (Comunidad.ai lo pone al lado). */
.hispano-servicio > .hispano-servicio__img{float:right;display:block;width:auto;margin:0 0 8px 10px !important}
.hispano-servicio__img img{max-width:118px;max-height:118px}
.hispano-servicio__img--alta img{max-height:96px}
.hispano-servicio--logo > .hispano-servicio__img{width:auto}
.wp-site-blocks .hispano-servicio .hispano-servicio__titulo{margin-top:4px !important}
.hispano-servicio .hispano-servicio__desc{margin-top:8px !important;font-size:clamp(13.5px, 12.97px + 0.143vw, 14.5px);font-weight:500}
.hispano-servicio__cta{position:absolute !important;left:18px;right:18px;bottom:16px;margin:0 !important;flex-direction:column;align-items:center;gap:8px}
.hispano-servicio__cta .wp-block-button{flex:0 0 auto;width:min(100%, 260px)}
.hispano-servicio__cta .wp-block-button__link{width:100%;min-width:0 !important;padding-inline:14px !important;white-space:nowrap}
/* Sincronízate: el logo arriba, centrado, hace de título (el h3 queda
   para lectores de pantalla y Google). */
.hispano-servicio--logo > .hispano-servicio__img{float:none;display:flex;justify-content:center;margin:0 0 8px !important}
.hispano-servicio--logo .hispano-servicio__img img{max-width:min(100%, 300px);max-height:96px}
.hispano-servicio--logo .hispano-servicio__titulo{position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hispano-servicio__titulo--magenta{color:var(--wp--preset--color--magenta-texto)}

/* 23.35 · Formulario del CRM (Escala, inc/crm.php · 16 oct). El iframe
   toma el ancho de la columna y la altura que le manda Escala; mientras
   carga, reserva un mínimo para que el aviso de datos no salte. */
.hispano-crm-form{margin:0 0 18px}
.hispano-crm-form iframe{display:block;width:100%;min-height:140px;border:0;background:transparent}

/* 23.36 · Secciones intercaladas (26 oct: «validar que el cambio de
   sección esté intercalado en todo el sitio»). Se cambia por CSS, no en el
   contenido: las ediciones del colegio en la portada no se tocan y el
   cambio se revierte borrando este bloque.
   Portada: …Beneficios (blanco) → Stories CREMA → Cinco pasos BLANCO →
   Campus CREMA → Formulario BLANCO. Blog: 100 palabras (blanco) → Revista
   CREMA. Cada sección abre con la curva del color de la anterior. */
.wp-site-blocks :is(.hispano-stories, .hispano-campus, .hispano-revista).has-background{background-color:var(--wp--preset--color--crema) !important}
.wp-site-blocks :is(.hispano-pasos, .hispano-form).has-background{background-color:#fff !important}
.hispano-stories,.hispano-campus{position:relative;overflow-x:clip}
.hispano-stories::before,.hispano-campus::before{
  content:"";position:absolute;top:0;left:-20%;right:-20%;height:var(--hispano-curva-h);
  border-radius:0 0 50% 50% / 0 0 100% 100%;pointer-events:none;z-index:0}
.hispano-stories > *,.hispano-campus > *{position:relative;z-index:1}
.wp-site-blocks .hispano-stories.hispano-stories{padding-top:calc(var(--hispano-curva-h) + var(--hispano-aire-top)) !important}
.wp-site-blocks .hispano-campus.hispano-campus{padding-top:calc(var(--hispano-curva-h) + var(--hispano-aire-top)) !important;padding-bottom:var(--hispano-aire-bottom) !important}
.hispano-stories::before,.hispano-campus::before,.hispano-revista.hispano-curva::before{background:#fff}
.hispano-pasos.hispano-curva::before,.hispano-form.hispano-curva::before{background:var(--wp--preset--color--crema)}
.wp-site-blocks .hispano-beneficios.hispano-curva{padding-bottom:var(--hispano-aire-bottom) !important}
.hispano-stories .hispano-story{background:#fff}
.hispano-paso .hispano-paso__n,p.hispano-paso__n{box-shadow:0 0 0 5px #fff}


/* 23.37 · Información institucional · ventana de un documento (26 oct).
   El ítem es un botón con «›»; la ventana es un <dialog> centrado, con
   desplazamiento propio para textos largos (la letra del himno). */
.hispano-docflot__abrir{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;
  padding:6px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;
  font:500 15px/1.25 "Montserrat",system-ui,sans-serif;color:var(--wp--preset--color--texto)}
.hispano-docflot__abrir span{font-size:20px;line-height:1;color:var(--wp--preset--color--magenta-texto)}
.hispano-docflot__abrir:hover,.hispano-docflot__abrir:focus-visible{background:var(--wp--preset--color--gris);color:var(--wp--preset--color--magenta-texto)}
.hispano-docflot__abrir:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
/* 29 oct · las tres clases de fila del panel (enlace, ventana, pendiente)
   medían 52, 40 y 37 px: el enlace sumaba su relleno al alto y el
   pendiente se alineaba por la base. Todas a 44 px (toque cómodo), con el
   texto centrado: la lista se lee pareja. */
.hispano-docflot__grupo li > :is(a, .hispano-docflot__abrir, .hispano-docflot__item){box-sizing:border-box;min-height:44px;padding:8px 10px;align-items:center}
.hispano-docmodal{width:min(620px, calc(100vw - 32px));max-height:min(86vh, 900px);padding:0;border:0;border-radius:22px;
  background:#fff;color:var(--wp--preset--color--texto);box-shadow:0 30px 80px rgba(39,33,88,.35);overflow:hidden}
.hispano-docmodal[open]{display:flex;flex-direction:column;animation:hispano-docmodal .28s cubic-bezier(.22,1,.36,1)}
.hispano-docmodal::backdrop{background:rgba(39,33,88,.55);backdrop-filter:blur(2px)}
@keyframes hispano-docmodal{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.hispano-docmodal__cerrar{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;
  border-radius:50%;background:var(--wp--preset--color--gris);color:var(--wp--preset--color--indigo);cursor:pointer;z-index:2}
.hispano-docmodal__cerrar svg{width:18px;height:18px}
.hispano-docmodal__cerrar:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-docmodal__cuerpo{overflow:auto;padding:30px clamp(20px, 5vw, 40px) 30px;overscroll-behavior:contain}
.hispano-docmodal .hispano-docmodal__h{margin:0 52px 16px 0;font:800 clamp(20px, 3vw, 26px)/1.15 "Montserrat",system-ui,sans-serif;
  text-transform:uppercase;color:var(--wp--preset--color--magenta-texto)}
.hispano-docmodal__texto{font-size:16px;line-height:1.6}
.hispano-docmodal__texto > *{margin:0 0 .9em}
.hispano-docmodal__texto :is(h3,h4){margin:1.2em 0 .3em;font:800 15px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--h-ciruela-pdf)}
.hispano-docmodal__texto .hispano-himno__credito{font-weight:600;color:var(--wp--preset--color--texto-2)}
.hispano-docmodal__audio{position:sticky;bottom:-30px;margin:18px 0 -30px;padding:14px 16px 18px;border-radius:14px 14px 0 0;background:var(--wp--preset--color--crema);box-shadow:0 -10px 24px rgba(255,255,255,.9)}
.hispano-docmodal__audio audio{display:block;width:100%}
.hispano-docmodal__audio figcaption{margin-top:6px;font-size:13px;color:var(--wp--preset--color--texto-2)}
.hispano-docmodal__cta{margin:20px 0 0}
.hispano-docmodal__cta .wp-block-button__link{display:inline-flex}
/* La letra del himno, en una columna estrecha que se lee como canción. */
.hispano-docmodal__texto .hispano-himno__estrofa{max-width:30em}
/* 27 oct · menú del comedor (galería → carrusel, buscadocs.js) y cronograma
   (Google Calendar incrustado): ventana ancha. Las piezas del menú son
   16:9 con letra chica: a 1000 px se leen; tocar una la abre completa. */
/* 29 oct (Trello #387 · «ajustar el tamaño en pantalla grande»): la ventana
   ancha crece con la pantalla. Su ancho sale del alto disponible: la lámina
   16:9 cabe entera sin desplazarse dentro de la ventana (a 1440 × 900 antes
   había que bajar para ver flechas y botón) y en 1920 o 2560 deja de verse
   chica. ~240 px son título, flechas, botón y márgenes. */
.hispano-docmodal--ancha{width:min(calc((86vh - 240px) * 16 / 9 + 80px), calc(100vw - 32px), 1680px);max-height:86vh;
  width:min(calc((86dvh - 240px) * 16 / 9 + 80px), calc(100vw - 32px), 1680px);max-height:86dvh}
/* Imagen de un documento (escudo, bandera): entera, sin recortar. */
.hispano-docmodal__imagen{margin:0 0 .9em}
.hispano-docmodal__imagen a{display:block;border-radius:14px;overflow:hidden;background:var(--wp--preset--color--crema)}
.hispano-docmodal__imagen img{display:block;width:100%;height:auto;max-height:calc(86vh - 200px);object-fit:contain}
/* Una pieza del colegio ya trae su título: el de la ventana se oculta a la
   vista (no al lector de pantalla) para no leerse dos veces. */
.hispano-docmodal--pieza .hispano-docmodal__h{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hispano-docmodal--pieza .hispano-docmodal__cuerpo{padding-top:64px}
/* Menú del comedor (Trello #396): sin título ni botón, la lámina gana ese espacio. */
.hispano-docmodal--ancha.hispano-docmodal--pieza:has(.wp-block-gallery){width:min(calc((86vh - 150px) * 16 / 9 + 80px), calc(100vw - 32px), 1680px);
  width:min(calc((86dvh - 150px) * 16 / 9 + 80px), calc(100vw - 32px), 1680px)}
.hispano-docmodal__desc{display:none}
.hispano-docmodal__texto .hispano-docmodal__pista{display:flex;flex-wrap:nowrap !important;gap:0 !important;overflow-x:auto;
  scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;border-radius:14px;background:var(--wp--preset--color--crema)}
.hispano-docmodal__pista::-webkit-scrollbar{display:none}
.hispano-docmodal__pista:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:3px}
.hispano-docmodal__texto .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
  flex:0 0 100%;width:100%;margin:0;scroll-snap-align:center}
.hispano-docmodal__texto .wp-block-gallery.has-nested-images figure.wp-block-image img{
  width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border-radius:0}
.hispano-docmodal__ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0 0}
.hispano-docmodal__ctrl button{width:44px;height:44px;display:grid;place-items:center;padding:0 0 3px;border:0;border-radius:50%;cursor:pointer;
  background:var(--wp--preset--color--indigo);color:#fff;font:700 26px/1 "Montserrat",system-ui,sans-serif}
.hispano-docmodal__ctrl button:hover{background:var(--wp--preset--color--magenta-texto)}
.hispano-docmodal__ctrl button:focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}
.hispano-docmodal__ctrl span{min-width:4.5em;text-align:center;font:600 15px/1 "Montserrat",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.hispano-docmodal__nota{display:none;margin:10px 0 0;text-align:center;font-size:14px;color:var(--wp--preset--color--texto-2)}
.hispano-docmodal__calendario{aspect-ratio:4 / 3;max-height:62vh;width:100%;border-radius:14px;overflow:hidden;background:var(--wp--preset--color--crema)}
.hispano-docmodal__calendario iframe{display:block;width:100%;height:100%;border:0}

/* 23.38 · Cuerpo del artículo (26 oct, artículos de la serie de educación
   socioemocional). Los bloques estándar del editor salen con el estilo del
   sitio, así un artículo se arma sin piezas especiales:
     Encabezado (H2/H3) · Párrafo · Lista · Cita (con autor) ·
     Cita destacada (frase en grande) · Columnas (comparación) · Imagen.
   Lectura: ~70 caracteres por línea e interlineado 1,6 (el texto de
   muestra iba a 1,25 con líneas de 110). Imágenes y columnas, más anchas. */
.hispano-nota__cuerpo > *{max-width:700px;margin-inline:auto !important}
.hispano-nota__cuerpo > :is(.wp-block-image, .wp-block-columns, .wp-block-media-text, .wp-block-pullquote, .wp-block-video, .wp-block-embed){max-width:860px}
.hispano-nota__cuerpo p,.hispano-nota__cuerpo li{line-height:1.6}
.hispano-nota__cuerpo > p{margin-block:0 1em}
.wp-site-blocks .hispano-nota__cuerpo h2{margin:1.8em auto .5em !important;font:800 clamp(21px, 18.4px + .68vw, 28px)/1.15 "Montserrat",system-ui,sans-serif;
  color:var(--wp--preset--color--indigo);text-transform:none;letter-spacing:-.01em}
.wp-site-blocks .hispano-nota__cuerpo h3{margin:1.4em auto .4em !important;font:800 clamp(16px, 15px + .3vw, 19px)/1.25 "Montserrat",system-ui,sans-serif;
  color:var(--h-magenta-pdf);text-transform:uppercase;letter-spacing:.03em}
.hispano-nota__cuerpo ul{padding-left:0;list-style:none;margin-block:.4em 1.2em}
.hispano-nota__cuerpo ul li{position:relative;padding-left:1.4em;margin:.35em 0}
.hispano-nota__cuerpo ul li::before{content:"";position:absolute;left:.25em;top:.62em;width:.5em;height:.5em;border-radius:50%;background:var(--h-magenta-pdf)}
.hispano-nota__cuerpo ol{padding-left:1.4em;margin-block:.4em 1.2em}
.hispano-nota__cuerpo ol li::marker{color:var(--h-magenta-pdf);font-weight:800}
.hispano-nota__cuerpo strong{color:var(--wp--preset--color--indigo)}
/* Cita de un autor: barra aguamarina y el nombre debajo. */
.hispano-nota__cuerpo .wp-block-quote{margin:1.6em auto !important;padding:4px 0 4px 22px;border-left:4px solid var(--wp--preset--color--teal-texto)}
.hispano-nota__cuerpo .wp-block-quote p{font-size:clamp(17px, 15.5px + .4vw, 21px);font-weight:600;line-height:1.45;color:var(--wp--preset--color--indigo);margin:0}
.hispano-nota__cuerpo .wp-block-quote cite{display:block;margin-top:8px;font-style:normal;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--wp--preset--color--teal-texto)}
/* Frase destacada: la idea fuerza de cada sección, como en las láminas. */
.hispano-nota__cuerpo .wp-block-pullquote{margin:1.8em auto !important;padding:28px clamp(20px, 5vw, 48px);border:0;border-radius:22px;background:#fff;text-align:center}
.hispano-nota__cuerpo .wp-block-pullquote blockquote{margin:0}
.hispano-nota__cuerpo .wp-block-pullquote p{margin:0;font:800 clamp(19px, 16.5px + .7vw, 26px)/1.25 "Montserrat",system-ui,sans-serif;
  color:var(--h-ciruela-pdf);letter-spacing:-.005em;text-wrap:balance}
.hispano-nota__cuerpo .wp-block-pullquote cite{display:block;margin-top:10px;font-style:normal;font-size:14px;color:var(--wp--preset--color--texto-2)}
/* Comparación en columnas (alta vs. baja autoestima, niñez/adolescencia…). */
.hispano-nota__cuerpo .wp-block-columns{gap:18px;margin-block:1.4em !important}
.hispano-nota__cuerpo .wp-block-column{background:#fff;border-radius:18px;padding:18px 20px 8px}
.hispano-nota__cuerpo .wp-block-column > h3:first-child{margin-top:0 !important}
/* Imágenes del cuerpo. */
.hispano-nota__cuerpo .wp-block-image{margin-block:1.6em !important}
.hispano-nota__cuerpo .wp-block-image img{display:block;border-radius:18px;width:auto;max-width:100%;max-height:600px;height:auto;margin-inline:auto}
.hispano-nota__cuerpo .wp-block-image figcaption{font-size:14px;color:var(--wp--preset--color--texto-2);text-align:center}
/* La pregunta final de cada artículo, para conversar. */
.hispano-nota__cuerpo .hispano-pregunta{padding:18px 22px;border-radius:18px;background:var(--wp--preset--color--lambar);font-weight:700;color:var(--wp--preset--color--indigo)}

/* ══════════════════════════════════════════════════════════
   MEDIA QUERIES · TODAS AL FINAL
   Orden: min-width ascendente · max-width descendente ·
   reduced-motion. Cualquier regla nueva va ARRIBA.
   ══════════════════════════════════════════════════════════ */

/* Aviso «¿No se abrió tu correo?» (assets/js/correo.js · 13 nov): sale sólo
   si un «Escríbenos» no abrió ningún programa de correo. */
.hispano-correo{position:fixed;left:50%;bottom:24px;z-index:210;box-sizing:border-box;width:min(560px, calc(100vw - 32px));
  translate:-50% 12px;opacity:0;display:grid;grid-template-columns:1fr auto;gap:12px 14px;align-items:start;
  padding:16px 16px 16px 20px;border-radius:18px;background:#fff;color:var(--wp--preset--color--indigo);
  box-shadow:0 18px 44px rgba(39,33,88,.22);font:500 15px/1.4 "Montserrat",system-ui,sans-serif;
  transition:opacity .2s ease-out,translate .3s cubic-bezier(.22,1,.36,1)}
.hispano-correo.is-visible{opacity:1;translate:-50% 0}
.hispano-correo[hidden]{display:none}
.hispano-correo__txt{grid-column:1;margin:0}
.hispano-correo__dir{display:block;font-weight:800;overflow-wrap:break-word;user-select:all}
.hispano-correo__acciones{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}
.hispano-correo__copiar,.hispano-correo__gmail{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:9px;
  font:700 14px/1 "Montserrat",system-ui,sans-serif;cursor:pointer;text-decoration:none}
.hispano-correo__copiar{border:0;background:var(--wp--preset--color--indigo);color:#fff}
.hispano-correo__gmail{border:2px solid var(--wp--preset--color--indigo);color:var(--wp--preset--color--indigo);background:#fff}
.hispano-correo__copiar:hover{background:var(--h-ciruela-pdf)}
.hispano-correo__gmail:hover{background:var(--wp--preset--color--gris)}
.hispano-correo__cerrar{grid-column:2;grid-row:1;width:44px;height:44px;margin:-8px -6px 0 0;display:grid;place-items:center;padding:0;border:0;
  border-radius:50%;background:var(--wp--preset--color--gris);color:var(--wp--preset--color--indigo);cursor:pointer}
.hispano-correo__cerrar svg{width:16px;height:16px}
.hispano-correo :is(button,a):focus-visible{outline:3px solid var(--wp--preset--color--ambar);outline-offset:2px}

@media(min-width:1320px){
  .hispano-footer .hispano-footer__datos{white-space:nowrap}
}

@media(hover:hover) and (pointer:fine){
  /* 23.2 · Carruseles: la tarjeta se levanta y la foto se acerca. */
  .hispano-carrusel.is-carrusel{cursor:grab}
  .hispano-voz:hover{translate:0 -6px;box-shadow:0 18px 34px rgba(39,33,88,.13)}
  .hispano-hito:hover,.hispano-story:hover,.hispano-historia__cierre:hover{translate:0 -6px;box-shadow:0 18px 34px rgba(39,33,88,.13)}
  .hispano-hito:hover .hispano-hito__foto img,.hispano-video:hover .hispano-video__media img,
  .hispano-historia__cierre:hover .hispano-historia__cierre-foto img{scale:1.05}
}

@media(max-width:1320px){
  /* Sin margen a los lados, las barras flotantes tapaban títulos y flechas de
     1024 a 1280 px (revisión del 4 nov). Las redes siguen en el pie; la
     pestaña de documentos pasa a la esquina, como en el celular. */
  .hispano-redesflot{display:none}
  .hispano-docflot{top:auto;bottom:24px;translate:none}
  .hispano-docflot__tab,.hispano-docflot__tab:hover,.hispano-docflot.is-abierta .hispano-docflot__tab{padding:0;width:48px;height:48px;justify-content:center}
  .hispano-docflot__tab span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .hispano-docflot__tab svg{width:22px;height:22px;flex-basis:22px}
  .hispano-docflot__panel{top:auto;bottom:0;translate:none;max-height:calc(100vh - 96px)}
}

@media(max-width:1100px){
  /* Encabezado compacto hasta 1100 px (tableta y portátil angosto). La tira
     de logos + Open Day + 4 ítems no cabe: el menú de WordPress sólo se
     vuelve hamburguesa bajo 600 px y en tableta se desbordaba. Arriba:
     escudo · Open Day · menú; abajo, a todo el ancho, «¿Con quién quieres
     hablar?». Es el mismo encabezado del celular. */
  .hispano-header{padding-top:16px !important;padding-bottom:16px !important}
  .hispano-header__card{display:flex !important;flex-wrap:wrap !important;align-items:center;
    column-gap:10px;row-gap:10px;padding:12px 18px !important}
  .hispano-header__sellos{display:none !important}
  .hispano-header__escudo{display:block !important;margin:0;flex:0 0 auto}
  .hispano-header__escudo img{height:44px !important;width:auto !important;object-fit:contain}
  .hispano-header__fila1{order:1;flex:1 1 0 !important;min-width:0;flex-wrap:nowrap !important;justify-content:space-between}
  .hispano-header__openday-logo img{width:92px}
  .hispano-header__fila2{display:contents}
  .hispano-header__fila2 > .hispano-nav{order:2;flex:0 0 auto;width:auto;margin:0 !important;align-self:center}
  .hispano-contacto-btn{order:3;flex:0 0 100%;box-sizing:border-box;width:100%;justify-content:center;gap:8px;margin:0 !important;
    min-height:44px;padding:8px 14px;border-radius:10px;font-size:15px;line-height:1.1}
  .hispano-contacto-btn__l2{display:inline}
  .hispano-header .wp-block-navigation__responsive-container-open:not(.always-shown){
    display:grid !important;place-items:center;min-width:48px;min-height:48px;color:var(--wp--preset--color--indigo)}
  .hispano-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none !important}
  .hispano-blog-rejilla .hispano-articulos{--articulos:3}
  .hispano-revista .hispano-ediciones{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .hispano-carrusel-marco > .hispano-carrusel-ctrl{inset:0 -12px 40px}
  .hispano-banda-bullets__avioneta{right:-12px !important}
  /* 23.6 · Barra fija en tableta y celular: una sola fila (escudo · Open Day ·
     contacto · menú). El botón de contacto queda como ícono de 44 px; su
     texto sigue ahí para lectores de pantalla. */
  .hispano-header.is-compacta{padding:6px 10px !important}
  .hispano-header.is-compacta .hispano-header__card{column-gap:10px;padding:4px 10px 4px 14px !important;border-radius:16px}
  .hispano-header.is-compacta .hispano-header__fila1{display:flex !important;order:1;flex:1 1 0 !important;min-width:0;justify-content:space-between}
  /* 23.15: en tableta y celular la tira de logos no se lee: escudo solo. */
  .hispano-header.is-compacta .hispano-header__sellos{display:none !important}
  .hispano-header.is-compacta .hispano-header__escudo{display:block !important}
  .hispano-header.is-compacta .hispano-header__openday-logo img{width:64px}
  .hispano-header.is-compacta .hispano-header__agenda{font-size:12px}
  .hispano-header.is-compacta .hispano-contacto-btn{
    order:2;flex:0 0 44px;width:44px !important;min-height:44px;height:44px;padding:0 !important;border-radius:50%;justify-content:center}
  .hispano-header.is-compacta .hispano-contacto-btn__txt{
    position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .hispano-header.is-compacta .hispano-header__fila2 > .hispano-nav{order:3;flex:0 0 auto}
  .hispano-header.is-compacta .hispano-header__escudo img{height:40px !important}
  .hispano-historia__pista.hispano-carrusel > *{flex-basis:calc((100% - 30px) / 3)}
}

@media(max-width:900px){
  .hispano-emp__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* 23.14: bajo 900 px la avioneta va sobre el título (hispano.css), no al lado. */
  .hispano-globales__avioneta{left:auto !important;width:210px !important}
  .hispano-contactos__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hispano-voces__grid.alignwide,.hispano-servicios.alignwide,.hispano-directorio .hispano-directorio__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hispano-canales.alignwide{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hispano-historia__pista.hispano-carrusel > *{flex-basis:calc((100% - 15px) / 2)}
  .hispano-lohace__pista.hispano-carrusel > *{flex-basis:calc((100% - 32px) / 2)}
  .hispano-stories__grid.hispano-carrusel > *{flex-basis:calc((100% - 16px) / 2)}
  .hispano-cifras.alignwide{flex-wrap:wrap !important;row-gap:18px}
  .hispano-cifras__item{flex:1 1 30%}
  .hispano-cifras__item:nth-child(4){border-left:0}
}

@media(max-width:781px){
  .hispano-correo{bottom:calc(96px + env(safe-area-inset-bottom, 0px))}
  .hispano-revista .hispano-edicion a{font-size:14px}
  /* 15 oct · credenciales en carrusel: «.hispano-cred + .hispano-cred»
     (divisor de escritorio, hispano.css) le quitaba a la 2.ª, 3.ª y 4.ª
     tarjeta el punteado de arriba y de la izquierda y el aire superior: el
     logo quedaba a ras. Todas las tarjetas, iguales. */
  .hispano-credenciales__grid .hispano-cred,
  .hispano-credenciales__grid .hispano-cred + .hispano-cred{
    border:2px dashed var(--wp--preset--color--ambar);padding:28px 18px 24px;margin-top:0}
  /* Cinco pasos: el círculo del número sobresale 29 px de la tarjeta y el
     carrusel (overflow) lo cortaba con sus 10 px de arriba. */
  .hispano-pasos__grid.hispano-carrusel.is-carrusel{padding-top:36px}
  /* Redes: en el celular están en el pie; la pestaña no cabe. */
  .hispano-redesflot{display:none}
  /* 23.24: en el celular la pestaña es más baja y el panel ocupa el ancho. */
  .hispano-docflot{top:auto;bottom:calc(96px + env(safe-area-inset-bottom, 0px));translate:none}
  .hispano-docflot__tab{padding:0;width:48px;height:48px;justify-content:center}
  .hispano-docflot__tab span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .hispano-docflot__tab svg{width:22px;height:22px;flex-basis:22px}
  .hispano-docflot__panel{position:fixed;left:12px;right:12px;top:auto;bottom:calc(96px + env(safe-area-inset-bottom, 0px));
    width:auto;translate:none;max-height:calc(100vh - 200px);overflow:auto;animation:none}
  /* 21.18 en móvil: el ritmo compacto de siempre. */
  .hispano-credenciales,.hispano-pilares,.hispano-beneficios,.hispano-voces,
  .hispano-tuvoz,.hispano-historia,.hispano-lohace{padding-top:56px !important}
  /* 21.1 en móvil (revisión del 23 sep): arriba escudo · Open Day · menú;
     «¿Con quién quieres hablar?» baja a su propia fila, a todo el ancho de
     la tarjeta y con el texto visible. fila2 se disuelve (display:contents)
     para que el menú y el botón se ordenen dentro de la tarjeta. */
  .hispano-header__card{flex-wrap:wrap !important;row-gap:10px;align-items:center}
  .hispano-header__fila1{order:1;flex:1 1 0 !important;min-width:0}
  .hispano-header__fila2{display:contents}
  .hispano-header__fila2 > .hispano-nav{order:2;flex:0 0 auto;align-self:center}
  .hispano-contacto-btn{
    order:3;flex:0 0 100%;box-sizing:border-box;width:100%;justify-content:center;gap:8px;
    min-height:44px;height:auto;padding:8px 14px;border-radius:10px;font-size:14.5px;line-height:1.1}
  .hispano-contacto-btn__l2{display:inline}
  .hispano-globales__avioneta,.hispano-globales__avioneta img{width:190px !important}
  .hispano-contactos__lista{grid-template-columns:minmax(0,1fr)}
  .hispano-contactos__cab{padding:20px 18px 12px}
  .hispano-contactos__lista{padding:14px 18px 20px}
  .hispano-openday-card{min-width:0}
  .hispano-rueda__leyenda{font-size:14px}
  .hispano-header{padding-top:12px !important;padding-bottom:12px !important}
  .hispano-header__card{padding:10px 14px !important}
  .hispano-footer__logos{flex-wrap:wrap;justify-content:center}
  .hispano-footer__sellos img{width:320px}
  .hispano-footer__leoncio img{width:84px !important}
  .hispano-nav__contacto a{text-align:left}
  .hispano-carrusel-marco > .hispano-carrusel-ctrl{
    position:static;inset:auto;pointer-events:auto;justify-content:center;margin-top:6px;gap:10px}
  .hispano-carrusel-marco{padding-bottom:0}
  .hispano-carrusel-marco > .hispano-carrusel-ctrl .hispano-carrusel-puntos{position:static;translate:none}
  .wp-site-blocks .hispano-carrusel-marco > .hispano-carrusel-ctrl button[disabled]{opacity:.35;pointer-events:none}
  .hispano-pres--cover{--w:66vw;--k:.6}
  .hispano-pres--espacio{--w:76vw;--k:1.06}
  .hispano-pres--stories{--w:78vw;--k:1.05}
  .hispano-carrusel-marco--pres{padding-bottom:0}
  .hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > [data-dir="-1"]{left:8px}
  .hispano-carrusel-marco--diapos > .hispano-carrusel-ctrl > [data-dir="1"]{right:8px}
  .hispano-historia,.hispano-modelo,.hispano-lohace,.hispano-docs,.hispano-voces,
  .hispano-bienestar,.hispano-tuvoz,.hispano-directorio,.hispano-revista{
    padding-top:56px !important;padding-bottom:44px !important}
  .hispano-modelo__grid{flex-direction:column}
  .hispano-docs__grid{flex-direction:column-reverse}
  .hispano-docs__lista{flex-basis:auto !important;width:100%}
  .hispano-docs__ilustracion img{width:220px}
  .hispano-blog-rejilla .hispano-articulos{--articulos:2}
  .hispano-revista .hispano-portadas{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hispano-revista .hispano-ediciones{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important}
  .hispano-blog-filtros{padding-top:52px !important}
  .hispano-buscador--blog{width:100%;max-width:340px}
  .hispano-blog-filtros .hispano-buscadocs{width:100%;max-width:400px}
  .hispano-blog-filtros .hispano-buscadocs__caja{min-height:48px}
  .hispano-blog-filtros .hispano-buscadocs input[type="search"]{min-height:46px;font-size:16px}
  .hispano-blog-filtros .hispano-buscadocs__panel{width:100%}
  .hispano-nota__cuerpo .wp-block-media-text{grid-template-columns:100% !important}
  .hispano-footer-cta{flex-direction:column;text-align:center}
  .hispano-footer-cta__botones{flex-wrap:wrap !important;justify-content:center;gap:12px}
  .hispano-cifras__item{flex:1 1 45%}
  .hispano-cifras__item:nth-child(odd){border-left:0}
  .hispano-cifras__item:nth-child(4){border-left:1.5px dashed var(--h-ambar-claro)}
}

/* ══════════════════════════════════════════════════════════
   22 · MÓVIL VERTICAL · pasada del 23 sep
   El diseño aprobado es sólo de escritorio. Criterios (PRODUCT.md): misma
   identidad reacomodada, WCAG AA, probado en 360 · 390 · 430 px con
   movil.py. Párrafos de 16 px mínimo, textos de apoyo de 14, objetivos
   táctiles de 44 px, imágenes con su proporción original.
   ══════════════════════════════════════════════════════════ */
@media(max-width:781px){
  .hispano-docmodal__calendario{aspect-ratio:auto;height:62vh}
  .hispano-docmodal__nota{display:block}
  .hispano-docmodal__desc{display:block;margin:14px 0 0 !important}
  /* 29 oct · formulario del CRM en el celular: Leoncio y el Open Day
     ocupaban la pantalla entera y, al tocar «Agenda tu visita», los campos
     quedaban debajo. Ahora son una franja: Leoncio a la izquierda,
     «Regístrate al» y el logo a la derecha; los campos entran en la
     primera pantalla. */
  .hispano-form .hispano-form__leoncio{display:grid;grid-template-columns:104px auto;justify-content:center;align-items:center;column-gap:16px}
  .hispano-form__leoncio > figure:first-child{grid-row:1 / 3;margin:0 !important}
  .hispano-form__leoncio > figure:first-child img{max-width:104px}
  .hispano-form .hispano-form__registrate{margin:0 !important;text-align:left !important;align-self:end}
  .hispano-form__leoncio > figure:last-child{margin:4px 0 0 !important;align-self:start;justify-self:start}
  .hispano-form__leoncio > figure:last-child img{width:116px !important}
  /* Letra: los presets «small» y «caption» suben a 16 y 14 en todo el
     sitio; las secciones que los redefinían también. */
  :root{--wp--preset--font-size--small:16px;--wp--preset--font-size--caption:14px}
  .hispano-cred,.hispano-paso,.hispano-tarjeta-punteada,.hispano-footer{
    --wp--preset--font-size--small:16px;--wp--preset--font-size--caption:14px}
  .hispano-cred p,.hispano-pilar p.hispano-pilar__txt,.hispano-dupla .hispano-dupla__txt,
  .hispano-blog-cab .hispano-blog-cab__txt,.hispano-tarjeta-punteada p,.hispano-paso p,
  .hispano-hito .hispano-hito__txt,.hispano-hito__txt p,.hispano-video .hispano-video__txt,
  .hispano-globales__texto,.hispano-nota__cuerpo p,
  .hispano-voz .hispano-voz__desc,.hispano-servicio .hispano-servicio__desc,.hispano-canal .hispano-canal__desc{font-size:16px;line-height:1.4}
  .hispano-footer .hispano-footer__datos{font-size:15px;line-height:1.55}
  .hispano-paso .hispano-eyebrow,.hispano-tarjeta-punteada .hispano-eyebrow{font-size:14px;line-height:1.2}
  .hispano-cifras .hispano-cifras__pie,.is-style-hispano-pastilla .wp-block-button__link,
  .is-style-hispano-pastilla-crema .wp-block-button__link,.hispano-chips a,
  .hispano-carrusel-ctrl .hispano-carrusel-pos{font-size:14px}
  .wp-site-blocks .hispano-articulo .hispano-articulo__titulo{font-size:14px;padding:30px 10px 12px}
  /* Hispano Stories legible: la tarjeta ocupa casi todo el ancho. */
  .hispano-story__txt .wp-block-post-excerpt__excerpt,.hispano-story__completo p{font-size:16px;line-height:1.45;letter-spacing:0}
  .hispano-story .hispano-story__nombre,.hispano-story .hispano-story__rol{font-size:14px}
  /* Ediciones de la revista: 14 px, pueden partir en dos líneas dentro de la píldora. */
  .wp-site-blocks .hispano-revista .hispano-edicion{font-size:14px;line-height:1.1}
  .hispano-edicion a{white-space:normal;text-align:center}
  .hispano-story__mas summary,.hispano-story__mas[open] summary::after{font-size:14px}
  .hispano-story__mas summary{min-height:44px;display:flex !important;align-items:center}
  .hispano-story__mas[open] summary{font-size:0}

  /* Botones: 15 px y 48 de alto en todo el sitio móvil. */
  .wp-block-buttons .wp-block-button__link,.wp-element-button{font-size:15px;min-height:48px !important}
  .hispano-paso .wp-block-button__link{min-height:44px !important;font-size:14px;padding:10px 16px}
  /* 23.26 en el celular: se mantienen los mínimos de lectura. */
  .hispano-paso p{font-size:16px !important}
  .hispano-paso .hispano-eyebrow{font-size:14px !important}
  .hispano-paso h3{font-size:17px !important}
  .hispano-voz .wp-block-button__link,.is-style-hispano-pastilla .wp-block-button__link,
  .is-style-hispano-pastilla-crema .wp-block-button__link{min-height:44px !important}
  .hispano-edicion a{min-height:44px}
  .hispano-buscador .wp-block-search__inside-wrapper{min-height:48px}
  .hispano-buscador .wp-block-search__input,.hispano-buscador .wp-block-search__button{min-height:44px !important;min-width:44px}

  /* Encabezado: el escudo conserva su proporción; logos y botón con 44 px
     de zona táctil. «Agenda aquí tu» es parte del logotipo de Open Day. */
  .hispano-header__escudo img{height:40px !important;width:auto !important;object-fit:contain}
  .hispano-header__escudo a,.hispano-header__openday-logo a{display:flex;align-items:center;min-height:44px;min-width:44px}
  .hispano-contacto-btn{min-width:44px;min-height:44px;justify-content:center}
  .hispano-header__agenda{font-size:12px}

  /* Cifras de Nuestro colegio: dos por fila, el texto parte en varias
     líneas (en escritorio va en una); la última ocupa la fila entera. */
  .hispano-cifras .hispano-cifras__pie{white-space:normal}
  .hispano-cifras.alignwide{display:grid !important;grid-template-columns:1fr 1fr;row-gap:18px;padding:18px 8px}
  .hispano-cifras__item{border-left:0 !important;padding-inline:8px}
  .hispano-cifras__item:nth-child(even){border-left:1.5px dashed var(--h-ambar-claro) !important}
  .hispano-cifras__item:last-child{grid-column:1 / -1;border-top:1.5px dashed var(--h-ambar-claro);padding-top:14px}

  /* Correos: parten después de «@» (<wbr> desde PHP), no a mitad de palabra. */
  .is-style-hispano-correo .wp-block-button__link,.hispano-contactos__mail{
    overflow-wrap:normal;word-break:normal;white-space:normal;text-overflow:clip;font-size:14.5px;text-align:center}

  /* Pie: los seis íconos en una fila. */
  .hispano-footer .wp-block-social-links{gap:6px;flex-wrap:nowrap}
  .hispano-footer .wp-block-social-links .wp-social-link a{min-width:44px;min-height:44px}
}

@media(max-width:420px){
  /* Encabezado en teléfonos angostos: el escudo no se encoge; el texto
     «Agenda aquí tu» se oculta (el logo de Open Day sigue siendo el enlace)
     y el botón de contacto queda en 44 px. */
  .hispano-header__escudo{flex:0 0 auto}
  .hispano-header__escudo img{height:38px !important}
  .hispano-header__openday-logo img{width:58px}
  .hispano-header__card{column-gap:6px}
}

@media(max-width:374px){
  /* En los más angostos (iPhone SE 1.ª gen.) no cabe el texto junto al logo. */
  .hispano-header__agenda{display:none}
}

@media(max-width:600px){
  /* Blog en el celular: a dos columnas el título tapaba hasta el 88 % de la foto
     y partía palabras largas. Una columna, foto apaisada y letra de lectura. */
  .hispano-blog-rejilla .hispano-articulos{--articulos:1}
  .hispano-blog-rejilla .hispano-articulo__foto{aspect-ratio:4 / 3}
  .wp-site-blocks .hispano-articulo .hispano-articulo__titulo{font-size:16px;line-height:1.15;padding:44px 16px 14px}
  .hispano-emp__rejilla{grid-template-columns:minmax(0,1fr)}
  .hispano-mapa iframe{aspect-ratio:4/3}
  .wp-site-blocks .hispano-voz .hispano-voz__boton .wp-block-button__link,.hispano-servicio__cta .wp-block-button__link{font-size:14px}
  /* Celular: los botones de los servicios vuelven al flujo (apilados, al
     ancho de la tarjeta); anclarlos abajo sólo sirve en la rejilla. */
  .hispano-servicio{padding-bottom:18px !important}
  .hispano-servicio__cta{position:static !important;margin-top:14px !important;flex-direction:column !important;align-items:stretch}
  .hispano-servicio__cta .wp-block-button{width:100% !important}
  .hispano-voz .wp-block-buttons{flex-direction:column !important;align-items:stretch}
  .hispano-voz .wp-block-buttons > .wp-block-button{width:100% !important}
  .wp-site-blocks .hispano-voz .hispano-voz__boton .wp-block-button__link{min-height:44px !important}
  .hispano-emp-form__grid{grid-template-columns:minmax(0,1fr)}
  .hispano-emp-form{padding:20px 16px}
  .hispano-migas-txt,.hispano-migas ol,.hispano-emp-form__nota,.hispano-emp-ficha__aviso,.hispano-emp-form__autoriza label{font-size:14px}
  .hispano-voz .hispano-voz__fuente{font-size:14px}
  .hispano-cien__ediciones.alignwide{grid-template-columns:minmax(0,1fr) !important;max-width:340px;gap:40px !important}
  .hispano-voces__grid.alignwide,.hispano-servicios.alignwide,.hispano-directorio .hispano-directorio__grid,
  .hispano-canales.alignwide{grid-template-columns:minmax(0,1fr) !important;max-width:400px}
  .hispano-historia__pista.hispano-carrusel > *,
  .hispano-lohace__pista.hispano-carrusel > *,
  .hispano-stories__grid.hispano-carrusel > *{flex-basis:84%}
  .hispano-voz .wp-block-buttons,.hispano-canal .wp-block-buttons,.hispano-servicio__cta,
  .hispano-footer-cta__botones,.hispano-contacto__botones{flex-direction:row;width:auto;max-width:none}
  .hispano-voz .wp-block-button,.hispano-canal .wp-block-button,.hispano-servicio__cta .wp-block-button{width:auto}
  .hispano-voz .wp-block-button__link,.is-style-hispano-pastilla .wp-block-button__link,
  .is-style-hispano-pastilla-crema .wp-block-button__link{width:auto;min-height:44px !important}
  .hispano-footer-cta .wp-block-button__link{width:175px;min-height:44px !important}
  .hispano-contacto__botones{flex-direction:column}
  /* En pantallas angostas el correo completo se lee en dos líneas, no se corta con «…». */
  .is-style-hispano-correo .wp-block-button__link{white-space:normal;text-wrap:wrap;overflow-wrap:anywhere;text-overflow:clip}
  /* Videos de Preescolar (§23.30): el botón no tapa la foto de 16:9 angosta. */
  .hispano-hero__fotos--videos .hispano-hero__play{width:62px;height:62px;box-shadow:0 8px 20px rgba(39,33,88,.35),0 0 0 6px rgba(255,255,255,.28)}
  .hispano-hero__play svg{width:28px;height:28px;margin-left:4px}
  /* 16:9 es más bajo que la foto de 4:3: el sello no alcanza la flecha. */
  .hispano-hero__marco:has(.hispano-hero__fotos--videos) .hispano-hero__lockup img{width:78px}
}

@media(prefers-reduced-motion:reduce){
  .hispano-correo{transition:none}
  .hispano-docmodal[open]{animation:none}
  .hispano-rueda__velo,.hispano-rueda__borde,.hispano-rueda__fichas,.hispano-rueda--lado .hispano-rueda__fichas,.hispano-rueda--lado.is-ficha .hispano-rueda__fichas,.hispano-rueda__lienzo .hispano-rueda__ficha,.hispano-rueda__lienzo .hispano-rueda__ficha.is-visible,.hispano-modelo .hispano-dupla{transition:none !important}
  .hispano-rueda--lado .hispano-rueda__fichas{translate:0 -50%}
  .hispano-rueda__leyenda.is-nueva .hispano-rueda__frase{animation:none}
  .hispano-rueda__leyenda.is-nueva .hispano-rueda__tit,.hispano-rueda__leyenda.is-nueva .hispano-rueda__desc{animation:none}
  .hispano-articulo__foto img,.hispano-portada img{transition:none}
  .hispano-articulo:hover .hispano-articulo__foto img{transform:none}
  .hispano-carrusel.is-carrusel > *,.hispano-hito,.hispano-story,.hispano-hito__foto img,.hispano-video__media img,
  .hispano-carrusel-puntos > span::after,.hispano-linea__lleno,.hispano-linea__punto{transition:none}
  .hispano-header.is-compacta{animation:none}
  .hispano-carrusel.hispano-pres > *,.hispano-pres--cover > * > *{transition:none !important}
  .hispano-hero__play,.hispano-hero__lockup{transition:none}
  .hispano-voz__cifras .hispano-voz__cifra::after{animation:none !important}
  .hispano-blog-rejilla.is-llegando .hispano-articulo,.hispano-blog-rejilla.is-cargando::before{animation:none}
}