/* ═══════════════════════════════════════════════════════════
   HISPANO v1.1 · sistema visual
   Derivado de "Propuesta web.pdf" (23 ago 2026).
   Colores y escalas viven en theme.json. Aquí solo va lo que
   theme.json no puede expresar.
   ═══════════════════════════════════════════════════════════ */

/* ── 1 · GRANO ─────────────────────────────────────────── */
body::after{
  content:"";position:fixed;inset:0;z-index:300;pointer-events:none;
  mix-blend-mode:multiply;opacity:.34;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E");
}
.editor-styles-wrapper body::after{display:none}

/* ── 2 · BASE ──────────────────────────────────────────── */
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{overflow-x:hidden;overflow-x:clip}
:focus-visible{outline:3px solid var(--wp--preset--color--morado);outline-offset:3px;border-radius:8px}
:where(p,li){text-wrap:pretty}
.hispano-eyebrow{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;line-height:1.4;margin:0 0 .6em}
.hispano-legal{color:var(--wp--preset--color--texto-2);line-height:1.16;font-size:.74rem;max-width:none;margin-bottom:.55em}
.c-teal{color:var(--wp--preset--color--teal-texto)}
.c-magenta{color:var(--wp--preset--color--magenta-texto)}
.c-morado{color:var(--wp--preset--color--morado)}
.wp-element-button,.wp-block-button__link,.wp-block-navigation a{min-height:48px;display:inline-flex;align-items:center}

/* ── 3 · ENCABEZADO · dos filas sobre índigo ───────────── */
.hispano-header{position:sticky;top:0;z-index:120}
.hispano-header__card{box-shadow:0 8px 30px rgba(39,33,88,.22)}
.hispano-header__card > *{max-width:100%}
.hispano-header__fila1{align-items:center;row-gap:12px;width:100%}
.hispano-header__sellos{margin:0}
.hispano-header__sellos img{height:84px;width:auto;max-width:100%}
.hispano-header__openday{align-items:center;gap:6px;margin:0}
.hispano-header__openday-logo{margin:0}
.hispano-header__agenda{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:.98rem;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;
  color:var(--wp--preset--color--indigo);text-align:right;margin:0}
.hispano-nav{width:100%}
.hispano-nav a{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:1.12rem;letter-spacing:.01em;text-decoration:none;
  padding:6px 12px;border-radius:100px;transition:background-color .2s,color .2s}
.hispano-nav .wp-block-navigation-item:nth-child(1) a{color:var(--wp--preset--color--magenta-texto)}
.hispano-nav .wp-block-navigation-item:nth-child(n+2) a{color:var(--wp--preset--color--teal-texto)}
.hispano-nav a:hover{background:var(--wp--preset--color--lred)}

/* ── 4 · BOTONES ───────────────────────────────────────── */
.is-style-hispano-ambar .wp-block-button__link{background:var(--wp--preset--color--ambar);color:#3A2400}
.is-style-hispano-ambar .wp-block-button__link:hover{background:var(--wp--preset--color--ambar-texto);color:#fff}
.is-style-hispano-indigo .wp-block-button__link{background:var(--wp--preset--color--indigo);color:#fff}
.is-style-hispano-indigo .wp-block-button__link:hover{background:var(--wp--preset--color--ciruela)}
.is-style-hispano-ciruela .wp-block-button__link{background:var(--wp--preset--color--ciruela);color:#fff}
.is-style-hispano-ciruela .wp-block-button__link:hover{background:var(--wp--preset--color--indigo)}
.is-style-hispano-linea .wp-block-button__link{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.is-style-hispano-linea .wp-block-button__link:hover{background:rgba(255,255,255,.14)}
.wp-element-button{transition:transform .22s cubic-bezier(.22,.61,.36,1),background-color .22s}
.wp-element-button:hover{transform:translateY(-2px)}

/* ── 5 · HERO · foto con lockup, sin titular ───────────── */
.hispano-hero__marco{position:relative;isolation:isolate;max-width:min(1180px,100%);width:100%;margin-inline:auto}
.hispano-hero__fotos{margin:0;border-radius:26px;overflow:hidden}
.hispano-hero__fotos img{border-radius:26px;width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}
.hispano-hero__lockup{position:absolute !important;top:20px;left:20px;z-index:6;margin:0;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.28))}

.hispano-hero__cta{gap:16px}

/* ── 6 · CREDENCIALES · divisores punteados ────────────── */
.hispano-credenciales__grid{gap:0;align-items:stretch}
.hispano-cred{padding-inline:26px;display:flex;flex-direction:column}
.hispano-cred + .hispano-cred{border-left:1.5px dashed var(--wp--preset--color--punteado)}

.hispano-cifra{
  font-family:var(--wp--preset--font-family--display);font-weight:700;line-height:1;
  color:var(--wp--preset--color--magenta-texto);font-variant-numeric:tabular-nums}
.hispano-cifra sup,.hispano-cifra .ord{font-size:.42em;top:0;vertical-align:baseline;font-weight:700;letter-spacing:0}
.hispano-cifra span{font-size:.42em;font-weight:600}
.hispano-cifra span.hispano-cifra--texto{
  font-size:.5em;line-height:1.12;display:inline-block;font-weight:700;letter-spacing:-.005em}
.hispano-openday-card{
  box-shadow:0 8px 26px rgba(39,33,88,.14);gap:10px;align-items:center;width:fit-content;margin-inline:auto}

/* ── 7 · ARCO ENTRE SECCIONES ──────────────────────────────
   La versión anterior colgaba un ::after 34 px por debajo de la
   sección. Dos secciones seguidas con position:relative pintan
   por orden del DOM, así que la de abajo tapaba el arco de la de
   arriba: se veía la curva cortada por una línea recta.

   Ahora la curva vive DENTRO de la sección de abajo, pintada con
   el color de la de arriba. No sobresale, no depende del orden de
   pintado y no puede recortarse.                                */
/* Profundidad del arco: la usan también los rellenos estándar de paginas.css §23. */
:root{--hispano-curva-h:clamp(28px, 3.9vw, 78px)}
.hispano-curva{position:relative;overflow-x:clip}
/* La elipse se extiende un 20 % fuera de la sección por cada lado: así en los
   bordes de la pantalla no llega a cero y la transición se lee como una onda
   continua, no como una franja con el canto recto. Recortar en horizontal es
   seguro porque la curva vive DENTRO de la sección. */
.hispano-curva::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-curva > *{position:relative;z-index:1}
/* Cada curva toma el color de la sección que la precede. */
.hispano-credenciales.hispano-curva::before,
.hispano-pilares.hispano-curva::before,
.hispano-pasos.hispano-curva::before{background:#fff}
.hispano-globales.hispano-curva::before,
.hispano-beneficios.hispano-curva::before,
.hispano-form.hispano-curva::before{background:var(--wp--preset--color--crema)}

/* ── 8 · CIUDADANOS GLOBALES ───────────────────────────── */
.hispano-globales__titular{position:relative;max-width:min(1180px,100%);width:100%;margin-inline:auto}
/* Se reserva el margen derecho para la avioneta: así nunca pisa el titular. */

.hispano-globales__titular > h2,
.hispano-globales__titular > .hispano-globales__bajada{max-width:min(900px,100%);margin-inline:auto}
/* Los titulares de sección respiran más que el contentSize del tema (760 px). */
.hispano-credenciales > h2,.hispano-pilares > h2,.hispano-beneficios__titular > h2,
.hispano-stories > h2,.hispano-pasos > h2,.hispano-form > h2{
  max-width:min(940px,100%);margin-inline:auto}
.hispano-pilares > .hispano-globales__bajada{max-width:min(820px,100%);margin-inline:auto}
.hispano-globales__avioneta{position:absolute !important;right:0;top:-14px;margin:0;z-index:3;width:200px}

.hispano-globales__bajada{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:clamp(1.1rem,.95rem + .85vw,1.75rem);letter-spacing:.01em;
  text-transform:uppercase;line-height:1.22;margin-top:.55em}
.hispano-globales__marco{position:relative;isolation:isolate;border-radius:26px;overflow:hidden;
  max-width:min(1180px,100%);width:100%;margin-inline:auto}
.hispano-globales__foto{margin:0}
.hispano-globales__foto img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9;display:block}
.hispano-globales__lockup{position:absolute !important;top:20px;left:20px;z-index:6;margin:0;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.28))}
.hispano-globales__qr{position:absolute !important;top:20px;right:20px;z-index:6;
  background:rgba(255,255,255,.94);border-radius:14px;padding:10px 14px;max-width:200px}
.hispano-globales__qr p{margin:0;line-height:1.35}
.hispano-globales__pie{position:absolute !important;left:0;right:0;bottom:0;z-index:6}
.hispano-globales__banda{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0;
  background:var(--wp--preset--color--indigo);padding:9px 16px}

.hispano-globales__texto{margin-inline:auto}

/* ── 9 · PILARES · 4 · ilustración · 4 ─────────────────── */
.hispano-pilares__grid{align-items:center}
.hispano-pilar{margin-bottom:26px}
.hispano-pilar h3{font-size:1rem;letter-spacing:.015em;margin-bottom:.3em;line-height:1.2}
.hispano-pilar p{margin-bottom:0}
.hispano-pilares__ilustracion img{width:100%;height:auto}

/* ── 10 · TARJETAS ─────────────────────────────────────── */
.hispano-tarjeta{
  background:#fff;border:2.5px solid var(--wp--preset--color--indigo);border-radius:26px;
  padding:26px 24px;box-shadow:7px 7px 0 var(--wp--preset--color--indigo);height:100%}
.hispano-tarjeta-punteada{
  background:var(--wp--preset--color--gris);border:1.5px dashed var(--wp--preset--color--indigo);
  border-radius:30px;padding:30px 22px 26px;height:100%}

/* ── 11 · PASOS ────────────────────────────────────────── */
.hispano-pasos__grid{gap:18px}
.hispano-paso{
  background:#fff;border:1.5px dashed var(--wp--preset--color--indigo);
  border-radius:26px;padding:44px 16px 22px;position:relative;height:100%}
.hispano-paso__n{
  position:absolute;top:-25px;left:0;right:0;margin-inline:auto;
  width:52px;height:52px;border-radius:50%;
  background:var(--wp--preset--color--teal);color:var(--wp--preset--color--indigo);
  font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:1.35rem;
  line-height:52px;text-align:center;
  border:2.5px solid var(--wp--preset--color--indigo);box-shadow:4px 4px 0 var(--wp--preset--color--indigo)}
.hispano-paso h3{font-size:1.02rem}
.hispano-lista{list-style:none;padding:0;margin:0}
.hispano-lista li{position:relative;padding-left:26px;margin-bottom:8px}
.hispano-lista li::before{
  content:"";position:absolute;left:0;top:.32em;width:15px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F19000'/%3E%3Cpath d='M6.4 4.4 10 8l-3.6 3.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/15px}

/* ── 12 · CARRUSEL · scroll-snap, sin librería ─────────── */
.hispano-carrusel{
  display:flex !important;flex-wrap:nowrap !important;
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  gap:24px;padding-bottom:14px;margin-bottom:0;
  scrollbar-width:thin;scrollbar-color:var(--wp--preset--color--borde) transparent}
.hispano-carrusel > *{flex:0 0 min(86%,380px);scroll-snap-align:center;margin:0}
.hispano-hero__fotos.hispano-carrusel > *{flex:0 0 100%;scroll-snap-align:center}
.hispano-carrusel::-webkit-scrollbar{height:6px}
.hispano-carrusel::-webkit-scrollbar-thumb{background:var(--wp--preset--color--borde);border-radius:6px}
.hispano-carrusel--solo{overflow:visible}
.hispano-carrusel-ctrl{
  display:flex;gap:12px;justify-content:center;align-items:center;margin-top:18px}
.hispano-carrusel-ctrl button{
  width:48px;height:48px;border-radius:50%;cursor:pointer;
  background:#fff;color:var(--wp--preset--color--indigo);
  border:2.5px solid var(--wp--preset--color--indigo);
  box-shadow:3px 3px 0 var(--wp--preset--color--indigo);
  font-size:1.2rem;line-height:1;display:grid;place-items:center;
  transition:transform .2s,background-color .2s}
.hispano-carrusel-ctrl button:hover{background:var(--wp--preset--color--ambar);transform:translateY(-2px)}
.hispano-carrusel-ctrl button[disabled]{opacity:.35;cursor:default;transform:none;box-shadow:none}
.hispano-carrusel-ctrl .hispano-carrusel-pos{
  font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:.82rem;
  letter-spacing:.1em;color:var(--wp--preset--color--texto-2);font-variant-numeric:tabular-nums}

/* ── 13 · FORMULARIO ───────────────────────────────────── */
.hispano-form__leoncio img{width:100%;height:auto;max-width:280px;margin-inline:auto}
.hispano-form__registrate{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase;
  color:var(--wp--preset--color--indigo);margin:.5em 0 .2em}
.hispano-form input[type=text],.hispano-form input[type=email],.hispano-form input[type=tel],
.hispano-form input[type=number],.hispano-form select,.hispano-form textarea{
  width:100%;min-height:54px;border-radius:14px;border:0;
  background:var(--wp--preset--color--gris);
  padding:12px 18px;font-family:inherit;font-size:1rem;color:var(--wp--preset--color--texto)}
.hispano-form input:focus,.hispano-form select:focus,.hispano-form textarea:focus{
  outline:3px solid var(--wp--preset--color--morado);outline-offset:2px;background:#fff}
.hispano-form label{
  display:block;font-family:var(--wp--preset--font-family--body);font-weight:400;
  font-size:1rem;color:var(--wp--preset--color--morado);margin-bottom:8px}
.hispano-form .ff-el-is-error input{outline:3px solid var(--wp--preset--color--error)}
.hispano-form .error,.hispano-form .ff-el-form-check-label .text-danger{color:var(--wp--preset--color--error);font-size:.86rem}

/* ── 14 · PIE · borde ondulado ─────────────────────────── */
.hispano-footer{
  --onda:5px;
  -webkit-mask:
    radial-gradient(24px at 50% 100%,#000 98%,#0000) 0 0/44px var(--onda) repeat-x,
    linear-gradient(#000,#000) 0 var(--onda)/100% calc(100% - var(--onda)) no-repeat;
  mask:
    radial-gradient(24px at 50% 100%,#000 98%,#0000) 0 0/44px var(--onda) repeat-x,
    linear-gradient(#000,#000) 0 var(--onda)/100% calc(100% - var(--onda)) no-repeat;
  padding-top:calc(var(--onda) + var(--wp--preset--spacing--90)) !important}
.hispano-footer__logos{align-items:center;gap:26px;row-gap:18px}
.hispano-footer__sellos{margin:0}

.hispano-footer__leoncio{margin:0;flex:0 0 auto}

.hispano-footer__siguenos{font-size:clamp(1.3rem,1.1rem + 1vw,1.85rem);margin-bottom:.35em}
.hispano-footer__datos{margin-top:14px;line-height:1.85;text-wrap:pretty}
.hispano-footer a{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.hispano-footer a:hover{color:var(--wp--preset--color--ambar)}
.hispano-sep-suave{border-color:rgba(255,255,255,.18);margin:44px 0 22px}

/* ── 15 · ARTÍCULOS ────────────────────────────────────── */
.hispano-cards{gap:34px}
.hispano-meta{gap:14px;color:var(--wp--preset--color--texto-2);margin-bottom:24px}

/* ── 16 · MOVIMIENTO ───────────────────────────────────── */
/* .gs ya no se esconde desde CSS: motion.js esconde sólo lo que está bajo la pantalla. */
.no-gsap .gs{opacity:1 !important;transform:none !important}

/* ── 17 · EDITOR ───────────────────────────────────────── */
/* El lienzo del editor no aplica el ancho raíz del tema. Sin esto las
   secciones alignfull se ven más angostas de lo que serán en el sitio. */
.editor-styles-wrapper .hispano-hero__marco,
.editor-styles-wrapper .hispano-globales__marco{max-width:100%}
.editor-styles-wrapper .wp-block-query-no-results{text-align:center}

/* ── 18 · SELLOS POR COLUMNA Y TARJETA OPEN DAY ────────── */
.hispano-cred__sello{margin:0 auto 18px;min-height:74px;display:flex;align-items:flex-end;justify-content:center}
.hispano-cred__sello img{max-height:74px;width:auto}

.hispano-cred h3{margin-bottom:.5em}
.hispano-cred .hispano-cifra{margin-top:.35em}

/* ── 19 · BANDA PREKÍNDER Y KÍNDER ─────────────────────── */
.hispano-banda-bullets{position:relative;box-shadow:0 10px 34px rgba(39,33,88,.10)}
.hispano-banda-bullets__avioneta{position:absolute !important;right:16px;top:-30px;margin:0;z-index:4}

/* ── 20 · ANCHO COMPLETO REAL ──────────────────────────── */
/* Red de seguridad: si alguien guarda una plantilla desde el editor y pierde
   el alignfull del contenedor, las secciones seguirían viéndose a 760 px.
   Esto lo impide sin depender de la cadena de alineaciones de WordPress. */
.wp-site-blocks > main.wp-block-group,
main.wp-block-group > .wp-block-post-content,
main.wp-block-group > .entry-content{max-width:none}

/* ══════════════════════════════════════════════════════════
   21 · MÓVIL  ·  ≤ 781 px
   El diseño aprobado es de escritorio. Aquí no se "encoge":
   se reordena para que quepa, se lea y convierta.
   ══════════════════════════════════════════════════════════ */

/* — 21.1 · Encabezado compacto: escudo · Open Day · menú — */
.hispano-header__escudo{display:none}

.hispano-header__openday-logo img{width:106px}

/* — 21.2 · Barra fija de conversión — */
.hispano-cta-fija{display:none !important}

/* — 21.3 · Sin solapamientos: los lockups no pisan la foto — */
.hispano-hero__lockup img{width:180px}
.hispano-globales__lockup img{width:150px}

/* — 21.4 · Espacios: el ritmo de escritorio ahoga en móvil — */

/* — 21.5 · Textos: menos ancho de línea, menos espaciado — */

/* — 21.6 · Carrusel sólo en móvil: la rejilla de escritorio se conserva — */
.hispano-carrusel--movil{display:flex}

/* Controles del carrusel: ocultos cuando la rejilla no está en modo carrusel. */
.hispano-carrusel-ctrl[hidden]{display:none}

/* ══════════════════════════════════════════════════════════
   22 · BOTONES · una sola escala
   En escritorio la píldora abraza el texto (como el diseño
   aprobado). En móvil eso produce anchos de 215 a 390 px y
   alturas de 61 a 86: se ve descuidado. Ahí se unifican.
   ══════════════════════════════════════════════════════════ */
.wp-block-button__link,.wp-element-button{
  min-height:56px;line-height:1.25;text-align:center;text-wrap:balance}

/* Objetivos táctiles de 48 px en todo lo pulsable (WCAG 2.2 SC 2.5.8 pide 24; aquí 48). */
.wp-block-social-link a{min-width:44px;min-height:44px;display:grid;place-items:center}
.hispano-nav a{min-height:48px}
.hispano-carrusel-ctrl button{min-width:48px;min-height:48px}

/* ══════════════════════════════════════════════════════════
   23 · AJUSTES FINOS DE MÓVIL
   ══════════════════════════════════════════════════════════ */

/* Los marcadores nunca se recortan: son instrucciones, hay que poder leerlas. */
.hispano-hero__fotos img[src$=".svg"],
.hispano-globales__foto img[src$=".svg"]{object-fit:contain}

/* Una pista de carrusel vacía no debe dejar una caja fantasma. */
.hispano-carrusel:empty{display:none}
.hispano-carrusel:empty + .hispano-carrusel-ctrl{display:none}

/* Texto disponible para lectores de pantalla, invisible en pantalla. */
.screen-reader-text{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.screen-reader-text:focus{
  position:fixed !important;top:12px;left:12px;width:auto;height:auto;
  clip:auto;clip-path:none;z-index:400;
  background:var(--wp--preset--color--indigo);color:#fff;
  padding:14px 22px;border-radius:100px;font-weight:700}

/* ══════════════════════════════════════════════════════════
   24 · MOVIMIENTO REDUCIDO · última palabra
   Va al final a propósito: las reglas de carrusel de más
   arriba tienen la misma especificidad y ganarían por orden.
   ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   25 · ESCALA DE TITULARES — sin depender de los presets
   Diagnóstico del 27/08: en la instalación de producción
   --wp--preset--font-size--h2 no se genera. Como
   styles.elements.h2 de theme.json apunta a esa variable,
   la declaración quedaba inválida y los H2 heredaban el
   tamaño del cuerpo (16,8 px en vez de 47).
   Los mismos valores, escritos aquí, no dependen de eso.
   ══════════════════════════════════════════════════════════ */
.wp-site-blocks h1,.editor-styles-wrapper h1{
  font-size:clamp(1.8rem, 1.625rem + 0.875vw, 2.5rem)}
.wp-site-blocks h2,.editor-styles-wrapper h2{
  font-size:clamp(1.5rem, 1.3625rem + 0.6875vw, 2.05rem)}
.wp-site-blocks h3,.editor-styles-wrapper h3{
  font-size:clamp(1.1rem, 1.035rem + 0.325vw, 1.36rem)}

/* WordPress emite las clases de preset CON !important
   (compute_preset_classes en class-wp-theme-json.php). Sobrescribirlas
   es imposible desde el tema. Se declaran las VARIABLES: así la clase
   de WordPress sigue ganando, pero resuelve al valor correcto. */
:root{
  --wp--preset--font-size--caption:0.74rem;
  --wp--preset--font-size--small:0.88rem;
  --wp--preset--font-size--body:1rem;
  --wp--preset--font-size--body-lg:clamp(1.1rem, 1.0625rem + 0.1875vw, 1.25rem);
  --wp--preset--font-size--h3:clamp(1.1rem, 1.035rem + 0.325vw, 1.36rem);
  --wp--preset--font-size--h2:clamp(1.5rem, 1.3625rem + 0.6875vw, 2.05rem);
  --wp--preset--font-size--h1:clamp(1.8rem, 1.625rem + 0.875vw, 2.5rem);
  --wp--preset--font-size--display:clamp(2.6rem, 2rem + 3vw, 5rem);
}

/* ── 26 · BOTONES DEL HERO · dos líneas, como el diseño ── */

/* ── 27 · HISPANO STORIES ──────────────────────────────── */
.hispano-story{
  background:var(--wp--preset--color--gris);border-radius:18px;
  padding:20px 22px;height:100%;align-items:flex-start;gap:16px}
.hispano-story--muestra::before{
  content:"";flex:0 0 auto;width:56px;height:56px;border-radius:50%;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23BFB9CC'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.4 0-8 2.5-8 5.5V22h16v-2.5c0-3-3.6-5.5-8-5.5Z'/%3E%3C/svg%3E") no-repeat center/62%}
.hispano-story__txt{flex:1 1 auto;min-width:0}
.hispano-story__txt p{margin-bottom:.5em}
.hispano-story__nombre{
  font-family:var(--wp--preset--font-family--display);font-weight:700;
  font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--wp--preset--color--indigo);margin:0}
.hispano-stories__grid{gap:22px}

/* ── 28 · TARJETA PREKÍNDER Y KÍNDER ───────────────────── */
/* En el diseño es una tarjeta blanca de esquinas muy redondeadas,
   con sombra suave y la avioneta saliéndose por la derecha. */
.hispano-banda-bullets{border-radius:30px}
.hispano-banda-bullets .hispano-lista li{font-size:1rem;margin-bottom:11px}
.hispano-banda-bullets .hispano-eyebrow{
  font-size:.86rem;letter-spacing:.12em;margin-bottom:1.1em}

/* ── 29 · PIEZAS ILUSTRADAS ────────────────────────────── */
.hispano-globales__banda-wrap{position:relative;margin:0}
.hispano-iguana{position:absolute;left:24px;bottom:2px;z-index:7;margin:0;pointer-events:none}
.hispano-iguana img{width:72px;height:auto}
.hispano-cta-iguana{position:relative}
.hispano-iguana--cta{left:auto;right:calc(50% + 118px);bottom:-6px}
.hispano-iguana--cta img{width:56px}
.hispano-beneficios__titular{position:relative}
.hispano-guepardo{position:absolute;right:0;top:-46px;margin:0;z-index:3;pointer-events:none}
.hispano-guepardo img{width:150px;height:auto}

/* ── 30 · PIEZAS DEL DISEÑO EN VECTORIAL ───────────────── */
/* Curva punteada del fondo índigo (Línea punteada.svg del diseño). */
.hispano-header{overflow-x:clip}
.hispano-header::before,.hispano-header::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  background:url("../img/deco-punteada.svg") no-repeat center/contain}
.hispano-header::before{top:-18px;right:-40px;width:340px;height:124px}
.hispano-header::after{bottom:-26px;left:-60px;transform:scaleX(-1);width:280px;height:102px}
.hispano-header > *{position:relative;z-index:1}

/* Íconos de las tarjetas de beneficio. */
.hispano-beneficio__icono{margin:0 auto 14px}
.hispano-beneficio__icono img{width:62px;height:auto}

/* Los vectoriales no se recortan ni se estiran. */
.hispano-header__sellos img,.hispano-footer__sellos img,
.hispano-header__openday-logo img,.hispano-footer__leoncio img,
.hispano-globales__avioneta img,.hispano-banda-bullets__avioneta img{object-fit:contain}

/* ══════════════════════════════════════════════════════════
   31 · FAMILIA TIPOGRÁFICA — sin depender de los presets
   Comprobado en producción el 27/08: al instalar fuentes desde
   la Biblioteca de WordPress, el core guarda un registro de
   estilos globales en la base de datos que congela la pila
   ANTERIOR de theme.json. Esa copia le gana al archivo, así que
   la familia nueva nunca entra. Por eso se declara aquí también.
   Desde el 02/09 todo el diseño va en Montserrat: una sola
   familia, los pesos hacen la jerarquía.
   ══════════════════════════════════════════════════════════ */
.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3,
.wp-site-blocks h4,.wp-site-blocks h5,.wp-site-blocks h6,
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,
.hispano-eyebrow,.hispano-cifra,.hispano-header__agenda,
.hispano-paso__n,.hispano-story__nombre,.hispano-form__registrate,
.hispano-cta-fija__txt,.wp-block-button__link,.wp-element-button,
.wp-site-blocks,.wp-site-blocks p,.wp-site-blocks li,
.wp-site-blocks td,.wp-site-blocks th,.hispano-legal{
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif}

/* ══════════════════════════════════════════════════════════
   32 · FLUENT FORMS · que el formulario se vea del colegio
   El plugin trae su propio botón azul en Arial. Aquí se alinea
   con el sistema sin tocar el plugin.
   ══════════════════════════════════════════════════════════ */
.hispano-form .frm-fluent-form .ff-btn-submit,
.hispano-form .ff-btn-submit,
.hispano-form button[type="submit"]{
  background:var(--wp--preset--color--magenta-texto) !important;
  color:#fff !important;border:0 !important;border-radius:100px !important;
  font-family:"Montserrat",system-ui,sans-serif !important;
  font-weight:700 !important;font-size:.95rem !important;
  letter-spacing:.06em !important;text-transform:uppercase !important;
  min-height:56px !important;padding:16px 34px !important;
  box-shadow:none !important;transition:background-color .22s,transform .22s}
.hispano-form .ff-btn-submit:hover,
.hispano-form button[type="submit"]:hover{
  background:var(--wp--preset--color--ciruela) !important;transform:translateY(-2px)}
.hispano-form .ff-el-group{margin-bottom:20px}
.hispano-form .ff-el-input--label label{
  font-family:"Montserrat",system-ui,sans-serif;font-weight:600;
  font-size:clamp(15.5px, 14.24px + 0.297vw, 19.3px);
  color:var(--wp--preset--color--morado)}
.hispano-form .ff-el-input--label label .ff-el-is-required{color:var(--wp--preset--color--magenta-texto)}
.hispano-form .ff-el-form-control{
  min-height:54px;border-radius:14px !important;border:0 !important;
  background:var(--wp--preset--color--gris) !important;
  padding:12px 18px !important;font-family:inherit !important;font-size:1rem !important}
.hispano-form .ff-el-form-control:focus{
  outline:3px solid var(--wp--preset--color--morado) !important;
  outline-offset:2px;background:#fff !important;box-shadow:none !important}
.hispano-form .ff-el-form-check-label{font-size:.9rem;line-height:1.5}
.hispano-form .ff-el-is-error .ff-el-form-control{outline:3px solid var(--wp--preset--color--error) !important}
.hispano-form .text-danger,.hispano-form .error{color:var(--wp--preset--color--error);font-size:.86rem}

/* ══════════════════════════════════════════════════════════
   33 · AJUSTE FINO CONTRA EL PDF · 27 ago
   Todo lo de aquí sale de medir el render del archivo aprobado,
   no de estimar. Las proporciones se expresan respecto al H2
   de sección (32,6 px a 1440), que es la referencia del diseño.
   ══════════════════════════════════════════════════════════ */

/* — 33.1 · Titulares de sección: dos líneas, dos pesos — */
.hispano-titulo-2{display:block}
.hispano-titulo-2 .l2{
  display:block;font-size:1.22em;color:var(--wp--preset--color--indigo)}

/* — 33.2 · Credenciales — */
.hispano-cred h3{font-size:1.05rem;margin-bottom:.45em}
.hispano-cred p{margin-bottom:.7em}
.hispano-cifra{font-size:clamp(1.7rem, 1.5rem + 1vw, 2.35rem);margin:.35em 0 .2em}
.hispano-openday-card{padding-top:10px !important;padding-bottom:10px !important}

/* — 33.3 · Ciudadanos globales: la banda lleva festón como el pie — */
.hispano-globales__banda{
  position:relative;padding:11px 16px 9px;
  -webkit-mask:radial-gradient(24px at 50% 0,#0000 98%,#000) 0 0/44px 5px repeat-x,
               linear-gradient(#000,#000) 0 5px/100% calc(100% - 5px) no-repeat;
          mask:radial-gradient(24px at 50% 0,#0000 98%,#000) 0 0/44px 5px repeat-x,
               linear-gradient(#000,#000) 0 5px/100% calc(100% - 5px) no-repeat}
.hispano-iguana img{transform:scaleX(-1)}
.hispano-globales__texto{max-width:62ch}
.hispano-globales__texto strong{color:var(--wp--preset--color--magenta-texto)}
.hispano-globales__titular{padding-bottom:0}
.hispano-globales__bajada{font-size:clamp(1rem, .92rem + .42vw, 1.35rem);margin-top:.4em}

/* — 33.4 · Pilares: el título es 2/3 del H2, no 1/3 — */
.hispano-pilar{margin-bottom:18px}
.hispano-pilar h3{
  font-size:clamp(1rem, .93rem + .34vw, 1.36rem);
  margin-bottom:.25em;line-height:1.18}
.hispano-pilar p{font-size:.95rem;line-height:1.42;margin-bottom:0}
.hispano-pilares > .hispano-globales__bajada{margin-bottom:0}

/* — 33.5 · Tarjetas de beneficio — */
.hispano-beneficio__icono{margin:0 auto 16px}
.hispano-beneficio__icono img{width:clamp(72px, 28%, 108px)}
.hispano-tarjeta-punteada h3{
  color:var(--wp--preset--color--ciruela);
  font-size:clamp(1.15rem, 1.05rem + .5vw, 1.7rem);
  line-height:1.14;margin-bottom:.3em}
/* El subtítulo NO es una versalita: es una línea destacada de 21 px. */
.hispano-tarjeta-punteada .hispano-eyebrow{
  font-size:clamp(.95rem, .88rem + .34vw, 1.3rem);
  letter-spacing:0;line-height:1.2;margin-bottom:.7em;
  color:var(--wp--preset--color--teal-titular)}
.hispano-tarjeta-punteada p{font-size:.88rem;line-height:1.4;color:var(--wp--preset--color--texto-2)}

/* — 33.6 · Los 5 pasos — */
.hispano-paso__n{
  position:absolute;top:-22px;left:0;right:0;margin-inline:auto;
  width:46px;height:46px;line-height:46px;border-radius:50%;
  background:var(--wp--preset--color--teal);color:#fff;
  font-size:1.15rem;border:0;box-shadow:none}
.hispano-paso h3{
  color:var(--wp--preset--color--magenta-texto);
  font-size:clamp(.98rem, .92rem + .3vw, 1.2rem);margin-bottom:.25em;line-height:1.15}
/* El subtítulo del paso es MORADO en el diseño, no teal. */
.hispano-paso .hispano-eyebrow{
  color:var(--wp--preset--color--morado);
  font-size:.82rem;letter-spacing:.02em;line-height:1.25;margin-bottom:.6em}
.hispano-paso p{font-size:.86rem;line-height:1.4;color:var(--wp--preset--color--texto)}
.hispano-paso .wp-block-buttons{margin-top:14px}
.hispano-paso .wp-block-button__link{
  min-height:40px;padding:10px 18px;font-size:.74rem;
  background:var(--wp--preset--color--ambar);color:#3A2400}

/* — 33.7 · Tarjeta Prekínder y Kínder: más ancha y más baja — */
.hispano-banda-bullets{
  padding-top:26px !important;padding-bottom:26px !important;margin-inline:auto}
.hispano-banda-bullets .hispano-eyebrow{
  font-size:.82rem;letter-spacing:.1em;margin-bottom:.8em}
.hispano-banda-bullets .hispano-lista li{font-size:.92rem;margin-bottom:7px}

/* — 33.8 · Hispano Stories: tarjetas compactas — */
.hispano-story{padding:14px 16px;border-radius:14px;gap:12px}
.hispano-story--muestra::before{width:44px;height:44px}
.hispano-story .has-small-font-size,.hispano-story p{font-size:.78rem;line-height:1.35}
.hispano-story__nombre{font-size:.7rem;letter-spacing:.06em}
.hispano-stories__grid{gap:16px}

/* — 33.9 · Botones: el diseño usa píldoras más compactas — */
.wp-block-button__link,.wp-element-button{
  min-height:46px;padding:13px 26px;font-size:.8rem;letter-spacing:.045em}
.hispano-hero__cta .wp-block-button__link{min-height:52px;padding-block:14px}

/* — 33.10 · Pie: sin hueco antes del festón, todo en una fila — */
.wp-site-blocks > main.wp-block-group{margin-bottom:0}
.hispano-footer{margin-top:0}
.hispano-footer__logos{gap:22px;row-gap:14px;flex-wrap:nowrap}
.hispano-footer__sellos{flex:1 1 auto;min-width:0}
.hispano-footer__sellos img{height:52px;width:auto;max-width:100%;opacity:1}
.hispano-footer__leoncio{flex:0 0 auto}
.hispano-footer__leoncio img{width:78px;background:none;padding:0}
.hispano-footer__siguenos{font-size:clamp(1.1rem, 1rem + .55vw, 1.55rem);margin-bottom:.2em}
.hispano-footer .wp-block-social-links{gap:10px;margin-bottom:10px}
.hispano-footer__datos{margin-top:8px;line-height:1.6;font-size:.82rem}

/* ══════════════════════════════════════════════════════════
   34 · TRES PARES QUE NO PASABAN AA
   El diseño usa color de marca en fondos con texto encima.
   Aquí van los mínimos ajustes para no bajar de AA, cada uno
   con su medición.
   ══════════════════════════════════════════════════════════ */

/* El círculo del paso: blanco sobre teal de marca da 2.63.
   Se oscurece el círculo lo justo para llegar a 4.54. */
.hispano-paso__n{background:#19B0A4}

/* El botón magenta con texto blanco da 3.72 con el magenta de marca.
   #DD1E4D es el mismo tono y llega a 4.81. */
.wp-block-button__link,.wp-element-button{background:var(--wp--preset--color--magenta-boton)}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--wp--preset--color--ciruela)}
.is-style-hispano-ambar .wp-block-button__link{background:var(--wp--preset--color--ambar);color:#3A2400}
.is-style-hispano-ciruela .wp-block-button__link{background:var(--wp--preset--color--ciruela);color:#fff}
.is-style-hispano-indigo .wp-block-button__link{background:var(--wp--preset--color--indigo);color:#fff}

/* ══════════════════════════════════════════════════════════
   35 · GEOMETRÍA MEDIDA CONTRA EL PDF · 27 ago
   Se renderizó el archivo aprobado a 1497 px —el mismo ancho
   útil que la ventana de prueba— y se midieron alto y ancho de
   cada sección. El sitio salía un 25 % más alto que el diseño
   y con varias rejillas al ancho equivocado.

   Alto por sección, en % del ancho de ventana:
     sección          PDF     antes
     credenciales    57,6 %   66,5 %
     ciudadanos      77,0 %   84,6 %
     pilares         65,5 %   69,5 %
     beneficios+st.  58,3 %   81,9 %
     5 pasos         43,9 %   59,4 %
     formulario      46,0 %   72,7 %
   ══════════════════════════════════════════════════════════ */

/* — 35.1 · Relleno de sección: medido 78 arriba / 33 abajo — */
/*   El tema usaba 96/96. El de abajo era el que más sobraba.
     Se deja 44 abajo para que el arco (34 px) tenga sitio.     */
.hispano-credenciales,.hispano-globales,.hispano-pilares,
.hispano-beneficios,.hispano-stories,.hispano-pasos,.hispano-form{
  padding-top:80px !important;padding-bottom:44px !important}
/* En el diseño el hero no tiene relleno: la foto empieza pegada al encabezado. */
.hispano-hero{padding-top:24px !important;padding-bottom:22px !important}
.hispano-credenciales{padding-bottom:56px !important}
.hispano-stories{padding-top:44px !important}

/* — 35.2 · Anchos de rejilla, medidos uno por uno — */
/*   No todas las secciones usan el mismo ancho en el diseño:
     credenciales y pilares son anchas; beneficios, pasos y el
     formulario son notablemente más angostos.                  */
.hispano-header__card.alignwide{max-width:1383px}
.hispano-credenciales__grid.alignwide{max-width:1205px;margin-inline:auto}
.hispano-pilares__grid.alignwide{max-width:1215px;margin-inline:auto}
.hispano-beneficios__grid.alignwide{max-width:1048px;margin-inline:auto}
.hispano-pasos__grid.alignwide{max-width:1001px;margin-inline:auto}
.hispano-stories__grid.alignwide{max-width:1037px;margin-inline:auto}
.hispano-form .wp-block-columns{max-width:1035px;margin-inline:auto}
.hispano-banda-bullets{max-width:1003px}
/* Las dos fotos miden 1000 px en el archivo aprobado, no 1240. */
.hispano-globales__marco,.hispano-hero__marco{max-width:min(1000px,100%)}

/* — 35.3 · El encabezado del diseño es más alto y más ancho — */
/*   PDF: 18,2 % del ancho · tema: 13,9 %                        */

/* — 35.4 · Aire interno: el contenido también venía largo — */
.hispano-credenciales__grid{margin-top:44px !important}
.hispano-pilares__grid{margin-top:40px !important}
.hispano-beneficios__grid{margin-top:36px !important}
.hispano-pasos__grid{margin-top:44px !important}
.hispano-stories__grid{margin-top:32px !important}
.hispano-globales__marco{margin-top:34px !important}
.hispano-globales__texto{margin-top:34px !important;margin-bottom:22px}
.hispano-banda-bullets{margin-top:40px !important}
.hispano-openday-card{margin-top:40px !important}
.hispano-pilares .wp-block-buttons,
.hispano-globales .wp-block-buttons{margin-top:34px !important}
.hispano-form .wp-block-columns{margin-top:36px !important}

/* ══════════════════════════════════════════════════════════
   36 · DOS DEFECTOS VISTOS EN VIVO · 27 ago
   ══════════════════════════════════════════════════════════ */

/* — 36.1 · La franja crema bajo el encabezado —
   WordPress separa los hijos de .wp-site-blocks con el blockGap
   del tema. Ese hueco dejaba ver el fondo crema del body entre el
   encabezado índigo y el hero blanco. No existe en el diseño.   */
.wp-site-blocks > *{margin-block-start:0 !important;margin-block-end:0 !important}
.wp-site-blocks > * + *{margin-top:0 !important}
body{background:#fff}

/* — 36.2 · La banda «PK & K» no dibujaba su festón —
   La máscara iba sobre el mismo elemento que lleva el texto y el
   relleno, y el navegador la resolvía antes de pintar el fondo.
   Se separa: el festón es un ::before propio.                   */
.hispano-globales__banda{
  -webkit-mask:none;mask:none;position:relative;
  padding:13px 16px 10px;margin-top:5px}
.hispano-globales__banda::before{
  content:"";position:absolute;left:0;right:0;top:-5px;height:6px;
  background:var(--wp--preset--color--indigo);
  -webkit-mask:radial-gradient(22px at 50% 100%,#0000 98%,#000) 0 0/44px 6px repeat-x;
          mask:radial-gradient(22px at 50% 100%,#0000 98%,#000) 0 0/44px 6px repeat-x}

/* — 36.3 · Los camaleones estaban demasiado grandes y sueltos — */
.hispano-iguana img{width:54px}
.hispano-iguana{bottom:-2px}
.hispano-iguana:not(.hispano-iguana--cta){left:18px}
.hispano-iguana--cta{left:auto;right:calc(50% + 104px);bottom:-2px}
.hispano-iguana--cta img{width:42px}

/* ══════════════════════════════════════════════════════════════════
   MEDIA QUERIES · TODAS AL FINAL, A PROPÓSITO
   ══════════════════════════════════════════════════════════════════
   Historial: varias correcciones de móvil quedaron muertas porque una
   regla global escrita después, con la misma especificidad, les ganaba
   por orden de cascada. Teniéndolas aquí eso no puede volver a pasar.
   Orden: min-width ascendente · max-width descendente · reduced-motion.
   Cualquier regla nueva va ARRIBA de este bloque.
   ══════════════════════════════════════════════════════════════════ */

@media(min-width:601px){
  .hispano-hero__cta .wp-block-button__link{
    max-width:230px;padding-inline:24px;line-height:1.2}
}

@media(min-width:782px){
  /* por encima del corte se comporta como columnas normales */
  .hispano-carrusel--movil{
    display:flex !important;overflow:visible;scroll-snap-type:none;
    gap:var(--wp--preset--spacing--50);padding-bottom:0}
  .hispano-carrusel--movil > *{flex:1 1 0;scroll-snap-align:none}
  .hispano-carrusel--movil + .hispano-carrusel-ctrl{display:none}
  .hispano-credenciales__grid.hispano-carrusel--movil{gap:0}
  .hispano-credenciales__grid.hispano-carrusel--movil > *{flex:1 1 0}
  .hispano-pasos__grid.hispano-carrusel--movil{gap:18px}
}

@media(min-width:782px){
  /* el formulario del diseño va en dos columnas */
  .hispano-form .ff-t-cell{padding-inline:8px}
}

@media(min-width:782px){.hispano-nav{margin-top:14px !important}}

@media(min-width:901px){.hispano-globales__titular{padding-right:210px}}

@media(min-width:1000px){
  .hispano-stories__grid.hispano-carrusel > *{flex:0 0 calc((100% - 32px)/3)}
}

@media(max-width:900px){
  .hispano-globales__avioneta{position:static !important;margin:0 auto 18px}
  .hispano-globales__avioneta img{width:190px}
}

@media(max-width:900px){
  .hispano-banda-bullets__avioneta{position:static !important;margin:0 auto 12px}
  .hispano-banda-bullets__avioneta img{width:170px}
}

@media(max-width:900px){
  .hispano-guepardo{position:static;margin:0 auto 10px}
  .hispano-guepardo img{width:110px}
  .hispano-iguana img{width:52px}
  .hispano-iguana{left:12px}
  .hispano-iguana--cta{display:none}
}

@media(max-width:900px){.hispano-iguana img{width:40px}}

@media(max-width:781px){
  .hispano-header{position:static}
  .hispano-header__sellos img{height:46px}
  .hispano-header__agenda{font-size:.82rem}
  .hispano-nav a{font-size:1rem}
}

@media(max-width:781px){
  .hispano-hero__lockup{top:12px;left:12px}
  .hispano-hero__lockup img{width:118px}
  .hispano-hero__fotos img{aspect-ratio:4/3}
}

@media(max-width:781px){
  .hispano-cred + .hispano-cred{border-left:0;border-top:1.5px dashed var(--wp--preset--color--punteado);padding-top:30px;margin-top:24px}
}

@media(max-width:781px){.hispano-curva::before{left:-30%;right:-30%}}

@media(max-width:781px){
  .hispano-globales__qr{display:none}
  .hispano-globales__lockup img{width:110px}
  .hispano-globales__foto img{aspect-ratio:4/3}
}

@media(max-width:781px){
  .hispano-pilares__ilustracion{order:-1;max-width:340px;margin-inline:auto}
}

@media(max-width:781px){
  .hispano-footer__siguenos,.hispano-footer__datos{text-align:center}
  .hispano-footer .wp-block-social-links{justify-content:center}
  .hispano-footer__logos{justify-content:center}
  .hispano-footer__sellos img{height:42px}
}

@media(max-width:781px){
  .hispano-header{position:sticky;top:0}
  .hispano-header__sellos{display:none}
  .hispano-header__escudo{display:block;margin:0;flex:0 1 auto}
  .hispano-header__escudo img{height:40px;width:auto}
  .hispano-header__fila1{flex-wrap:nowrap;gap:10px}
  .hispano-header__card{padding:10px 14px !important}
  .hispano-header__openday{gap:4px}
  .hispano-header__agenda{font-size:.68rem;line-height:1.05}
  .hispano-header__openday-logo img{width:62px}
  .hispano-nav{margin-top:0 !important}
  .hispano-header .wp-block-navigation__responsive-container-open{margin-left:auto}
}

@media(max-width:781px){
  .hispano-cta-fija{
    display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:200;
    align-items:center;justify-content:space-between;gap:12px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:var(--wp--preset--color--indigo);
    box-shadow:0 -6px 24px rgba(39,33,88,.28)}
  .hispano-cta-fija__txt{
    margin:0;color:#fff;font-family:var(--wp--preset--font-family--display);
    font-weight:700;font-size:.78rem;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}
  .hispano-cta-fija__txt span{
    display:block;font-weight:500;font-size:.68rem;letter-spacing:.08em;
    color:var(--wp--preset--color--ambar)}
  .hispano-cta-fija .wp-block-button__link{
    padding:13px 20px;font-size:.8rem;white-space:nowrap;
    background:var(--wp--preset--color--ambar);color:#3A2400}
  /* que la barra no tape el final del contenido ni el pie */
  .hispano-footer{padding-bottom:calc(var(--wp--preset--spacing--80) + 76px) !important}
}

@media(max-width:781px){
  .hispano-hero__lockup{top:10px;left:10px}
  .hispano-hero__lockup img{width:104px}
  .hispano-globales__lockup{top:10px;left:10px}
  .hispano-globales__lockup img{width:96px}
  /* la frase y la banda dejan de tapar la foto: pasan debajo */
  .hispano-globales__marco{overflow:visible}
  .hispano-globales__foto img{border-radius:26px}
  .hispano-globales__pie{position:static !important;margin-top:-14px}
    .hispano-globales__banda{border-radius:0 0 14px 14px;margin:0 8px}
}

@media(max-width:781px){
  .hispano-hero,.hispano-credenciales,.hispano-globales,.hispano-pilares,
  .hispano-beneficios,.hispano-stories,.hispano-pasos,.hispano-form{
    padding-top:var(--wp--preset--spacing--80) !important;
    padding-bottom:var(--wp--preset--spacing--80) !important}
  .hispano-credenciales{padding-bottom:var(--wp--preset--spacing--90) !important}
  .hispano-pilar{margin-bottom:20px}
  
}

@media(max-width:781px){
  .hispano-eyebrow{letter-spacing:.08em;font-size:.74rem}
  .hispano-legal{font-size:.7rem;line-height:1.2}
  .hispano-paso h3{font-size:.98rem}
  .hispano-paso p{font-size:.9rem}
    .hispano-globales__banda{font-size:.68rem;padding:8px 12px}
  .hispano-form__registrate{font-size:.92rem}
  .hispano-cred h3{font-size:.98rem}
}

@media(max-width:781px){
  /* WordPress apila las columnas en móvil con .wp-block-columns:not(...) > .wp-block-column
     y !important. Hay que igualar su especificidad o la rejilla nunca entra en carrusel. */
  .wp-block-columns.hispano-carrusel--movil,
  .hispano-carrusel--movil{
    flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;gap:16px;padding-bottom:12px;
    scrollbar-width:none}
  .hispano-carrusel--movil::-webkit-scrollbar{display:none}
  .wp-block-columns.hispano-carrusel--movil > .wp-block-column,
  .hispano-carrusel--movil > *{
    flex:0 0 82% !important;scroll-snap-align:center;min-width:0;
    margin-top:0 !important;margin-bottom:0 !important}
  /* los divisores punteados no aplican en carrusel */
  .hispano-cred + .hispano-cred{border-left:0;border-top:0;padding-top:0;margin-top:0}
  .hispano-cred{
    background:#fff;border:2px dashed var(--wp--preset--color--ambar);
    border-radius:22px;padding:24px 18px}
  .hispano-paso{height:100%}
  .hispano-pasos__grid.hispano-carrusel--movil{padding-top:28px}
}

@media(max-width:781px){
  .hispano-carrusel-ctrl{margin-top:14px}
}

@media(max-width:781px){
  /* — El encabezado cabe en una fila: escudo · Open Day · menú — */
  .hispano-header__card{
    display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
  .hispano-header__fila1{flex:1 1 auto;min-width:0}
  .hispano-nav{flex:0 0 auto;width:auto;margin:0 !important}
  .hispano-header .wp-block-navigation__responsive-container-open{
    min-width:48px;min-height:48px;display:grid;place-items:center;
    color:var(--wp--preset--color--indigo)}
  /* El menú desplegado sí ocupa la pantalla completa */
  .hispano-header .wp-block-navigation__responsive-container.is-menu-open a{
    font-size:1.5rem;color:#fff !important;padding:12px 0}

  /* — Los marcadores de foto se ven completos, no recortados — */
  .hispano-hero__fotos img[src$=".svg"],
  .hispano-globales__foto img[src$=".svg"]{
    object-fit:contain;background:var(--wp--preset--color--gris);aspect-ratio:3/2}
}

@media(max-width:781px){.hispano-header::before,.hispano-header::after{display:none}}

@media(max-width:781px){
  .hispano-footer__logos{flex-wrap:wrap;justify-content:center}
  .hispano-footer__sellos img{height:38px}
  .hispano-footer__leoncio img{width:62px}
}

@media(max-width:781px){
  .hispano-hero,.hispano-credenciales,.hispano-globales,.hispano-pilares,
  .hispano-beneficios,.hispano-stories,.hispano-pasos,.hispano-form{
    padding-top:52px !important;padding-bottom:34px !important}
  .hispano-header{padding-top:12px;padding-bottom:12px}
}

@media(max-width:600px){
  .wp-block-buttons{
    flex-direction:column;align-items:stretch;gap:12px;
    width:100%;max-width:340px;margin-inline:auto}
  .wp-block-buttons .wp-block-button{width:100%}
  .wp-block-buttons .wp-block-button__link{
    width:100%;min-height:58px;padding:16px 20px;font-size:.86rem;letter-spacing:.05em}

  /* La barra fija es la excepción: se queda en línea y compacta. */
  .hispano-cta-fija .wp-block-buttons{
    flex-direction:row;width:auto;max-width:none;margin:0;gap:0}
  .hispano-cta-fija .wp-block-button__link{
    width:auto;min-height:48px;padding:12px 20px;font-size:.85rem;letter-spacing:.04em}
}

@media(max-width:600px){
  /* Cuatro líneas de titular es demasiado en 390 px. */
  .wp-site-blocks h2{font-size:1.62rem;line-height:1.16}
  .hispano-globales__bajada{font-size:1rem}
  .hispano-footer__siguenos{font-size:1.35rem}
}

@media(max-width:600px){
  .wp-site-blocks h1,.editor-styles-wrapper h1{font-size:1.75rem}
  .wp-site-blocks h2,.editor-styles-wrapper h2{font-size:1.45rem;line-height:1.16}
}

@media(max-width:600px){
  .wp-block-buttons .wp-block-button__link{
    min-height:52px;padding:15px 20px;font-size:.82rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hispano-carrusel{scroll-behavior:auto}
  .gs{opacity:1 !important;transform:none !important}
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

@media(prefers-reduced-motion:reduce){
  html,body{scroll-behavior:auto !important}
  .hispano-carrusel,
  .hispano-carrusel--movil,
  .wp-block-columns.hispano-carrusel--movil{scroll-behavior:auto !important}
  .wp-element-button:hover,.wp-block-button__link:hover{transform:none !important}
  .gs{opacity:1 !important;transform:none !important}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ══════════════════════════════════════════════════════════
   37 · ALTURAS · medido en producción sobre la v4.0.0
   Con los anchos ya correctos, la página seguía un 18 % más
   alta que el diseño. Estas son las cuatro fuentes del sobrante.
   ══════════════════════════════════════════════════════════ */

/* — 37.1 · La navegación arrastraba 142 px de aire —
   El bloque de navegación hereda el blockGap del tema dentro de
   sus contenedores de overlay. En escritorio no se ven, pero
   suman altura: el nav medía 202 px con 60 px de contenido.    */
.hispano-nav .wp-block-navigation__responsive-container,
.hispano-nav .wp-block-navigation__responsive-close,
.hispano-nav .wp-block-navigation__responsive-dialog,
.hispano-nav .wp-block-navigation__responsive-container-content{
  gap:0;row-gap:0}
.hispano-nav .wp-block-navigation__responsive-container:not(.is-menu-open),
.hispano-nav .wp-block-navigation__responsive-container:not(.is-menu-open) *{
  min-height:0}
.hispano-nav ul{gap:var(--wp--preset--spacing--70)}

/* — 37.2 · Los controles del carrusel ocultos seguían aportando margen — */
.hispano-carrusel-ctrl[hidden]{display:none !important;margin:0 !important}

/* — 37.3 · El pie tenía 101 px de relleno superior —
   Venía de sumar la onda al espaciado 90. En el diseño el
   festón arranca casi pegado al contenido.                     */
.hispano-footer{
  padding-top:calc(var(--onda) + 30px) !important;
  padding-bottom:58px !important}

/* — 37.4 · Las tarjetas de paso medían 374 px; el diseño pide ~290 — */
.hispano-paso{padding:40px 14px 18px}
.hispano-paso h3{font-size:clamp(.94rem,.9rem + .22vw,1.1rem)}
.hispano-paso .hispano-eyebrow{font-size:.76rem;margin-bottom:.45em}
.hispano-paso p{font-size:.8rem;line-height:1.36}
.hispano-paso__n{width:42px;height:42px;line-height:42px;font-size:1.05rem;top:-20px}
.hispano-pasos__grid{margin-top:34px !important}
.hispano-banda-bullets{margin-top:30px !important;padding-top:20px !important;padding-bottom:20px !important}

/* — 37.5 · Tamaños propios, ahora sin pelear con las clases de preset — */
.hispano-pilar__txt{font-size:.95rem;line-height:1.42;margin-bottom:0}
.hispano-story__txt-p{font-size:.78rem;line-height:1.35}
.hispano-hero__cta{margin-top:28px !important}

/* ══════════════════════════════════════════════════════════
   38 · FORMA · lo que la medición numérica no veía
   Hasta aquí comparé cantidades (tamaños, anchos, colores) y
   nunca la forma. Un diff visual del render contra el PDF, a la
   misma escala, mostró estas diferencias en un minuto.
   ══════════════════════════════════════════════════════════ */

/* — 38.1 · Los botones NO son píldoras —
   Medido sobre el PDF: los dos del hero son 197x63 px con radio
   de 7-8 px. El tema los tenía a 100 px de radio.              */
.wp-block-button__link,.wp-element-button,
.hispano-form .ff-btn-submit,.hispano-form button[type="submit"]{
  border-radius:9px !important}
.wp-block-button__link,.wp-element-button{min-height:56px;padding:15px 28px}

/* — 38.2 · El botón de Ciudadanos Globales es MORADO, no ciruela —
   Y el camaleón va montado sobre su borde superior, no al lado. */
.hispano-cta-iguana .wp-block-button__link{
  background:var(--wp--preset--color--morado)}
.hispano-cta-iguana .wp-block-button__link:hover{
  background:var(--wp--preset--color--indigo)}
.hispano-cta-iguana{position:relative;display:flex;justify-content:center}
.hispano-iguana--cta{
  position:absolute !important;left:50%;right:auto;
  transform:translateX(-14%);bottom:auto;top:-22px;z-index:4}
.hispano-iguana--cta img{width:58px}

/* — 38.3 · El número del paso salía en gris, no en blanco —
   `.hispano-paso p` (0,1,1) le ganaba a `.hispano-paso__n` (0,1,0).
   Y el círculo es mayor y se monta sobre el borde de la tarjeta. */
.hispano-paso .hispano-paso__n,
p.hispano-paso__n{
  color:#fff !important;
  width:52px;height:52px;line-height:52px;font-size:1.35rem;
  top:-26px;background:#19B0A4}
.hispano-paso{padding-top:46px}

@media(max-width:600px){
  .wp-block-buttons .wp-block-button__link{border-radius:9px !important}
  .hispano-iguana--cta{display:none}
}

/* — 38.4 · El círculo del paso lleva anillo blanco y se hunde más —
   En el diseño el círculo interrumpe el borde punteado de la tarjeta:
   lo consigue con un aro del color del fondo, no con z-index.      */
.hispano-paso .hispano-paso__n,p.hispano-paso__n{
  box-shadow:0 0 0 5px var(--wp--preset--color--crema);
  top:-24px}

/* — 38.5 · El punteado de las tarjetas: trazos más largos —
   Illustrator los dibuja con más separación que el `dashed` por
   defecto del navegador.                                          */
.hispano-paso,.hispano-tarjeta-punteada{
  border-style:dashed;border-width:1.5px;
  border-image:none}
.hispano-paso{
  border:0;border-radius:26px;
  background-image:
    repeating-linear-gradient(90deg,var(--wp--preset--color--morado) 0 7px,#0000 7px 14px),
    repeating-linear-gradient(90deg,var(--wp--preset--color--morado) 0 7px,#0000 7px 14px),
    repeating-linear-gradient(0deg,var(--wp--preset--color--morado) 0 7px,#0000 7px 14px),
    repeating-linear-gradient(0deg,var(--wp--preset--color--morado) 0 7px,#0000 7px 14px);
  background-size:100% 1.5px,100% 1.5px,1.5px 100%,1.5px 100%;
  background-position:0 0,0 100%,0 0,100% 0;
  background-repeat:no-repeat}

/* ══════════════════════════════════════════════════════════
   39 · TIPOGRAFÍA · MONTSERRAT
   El cliente pasó el diseño a Montserrat el 2 de septiembre de
   2026 (Preescolar1.pdf): 87,8 % de los caracteres de la portada.
   Montserrat es SIL Open Font License — libre para web y para
   autoalojar, sin licencia que comprar.

   Reparto de pesos en el archivo aprobado:
     Medium 500    45,0 %   cuerpo
     Regular 400   19,0 %   letra legal
     Bold 700      18,5 %   titulares y títulos de tarjeta
     ExtraBold 800  3,2 %   menú, botones del hero, credenciales
     SemiBold 600   2,1 %   etiquetas del formulario

   Los archivos van en assets/fonts/. Si faltan, functions.php
   encola Montserrat desde Google Fonts para que el sitio nunca
   quede sin tipografía.
   ══════════════════════════════════════════════════════════ */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-medium.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-semibold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-bold.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-extrabold.woff2") format("woff2");
  font-weight:800;font-style:normal;font-display:swap}

/* El cuerpo del diseño va en Medium (500), no en Regular. */
body{font-weight:500}
.hispano-form__legal,.hispano-legal,small{font-weight:400}

/* ══════════════════════════════════════════════════════════
   40 · BENEFICIOS · revisión bloque a bloque del 27 de agosto
   Tamaños tomados del PDF aprobado con pdfplumber, no a ojo:
   titular 33,5 px · bajada 27,5 px · h3 de tarjeta 28,2 px ·
   bajada de tarjeta 21,2 px · cuerpo 16,6 px · icono 80 px.
   Los clamp() llegan a esos valores exactos a 1440 px.
   ══════════════════════════════════════════════════════════ */

/* 40.1 · El guepardo se montaba sobre la última palabra del titular.
   En el diseño arranca justo donde termina «PASO» y su borde derecho
   queda a 1180 px. El titular se ensancha a la anchura de la rejilla
   para que `right` tenga la misma referencia que las tarjetas. */
.hispano-beneficios__titular{max-width:1089px;margin-inline:auto}
.hispano-guepardo{right:84px;top:-40px}
.hispano-guepardo img{width:152px}

/* 40.2 · Las tres tarjetas cerraban a alturas distintas
   (470 / 411 / 484 px). En el diseño la fila cierra pareja. */
.hispano-beneficios__grid.alignwide{align-items:stretch}
.hispano-beneficios__grid > .wp-block-column{display:flex;flex-direction:column}
.hispano-beneficios__grid > .wp-block-column > .hispano-tarjeta-punteada{
  flex:1 1 auto;display:flex;flex-direction:column}
/* el cuerpo empuja al botón contra el borde inferior, como en el diseño */
.hispano-tarjeta-punteada > p:last-of-type{margin-bottom:auto}

/* 40.3 · Tipografía de la tarjeta · medida sobre Preescolar1.pdf
   título 25,9 Bold · bajada 21,2 Bold · cuerpo 16,6 Medium */
.hispano-tarjeta-punteada h3{
  font-size:clamp(18px, 15.74px + 0.706vw, 27.03px);font-weight:700}
.hispano-tarjeta-punteada .hispano-eyebrow{
  font-size:clamp(15px, 13.23px + 0.555vw, 22.1px);font-weight:700}
.hispano-tarjeta-punteada p{
  font-size:clamp(14.5px, 13.9px + 0.188vw, 16.9px);line-height:1.36;font-weight:500}
.hispano-tarjeta-punteada p strong{font-weight:700}
.hispano-beneficio__icono{margin:0 auto 12px}
.hispano-beneficio__icono img{width:clamp(62px, 5.6vw, 80px)}

/* 40.4 · El botón del BID se apoya sobre el borde inferior de su
   tarjeta, montado a caballo sobre el punteado. */
.hispano-tarjeta-punteada .wp-block-buttons{
  margin-top:18px;margin-bottom:-30px;position:relative;z-index:2}

/* ══════════════════════════════════════════════════════════
   41 · CINCO PASOS
   Número 46,5 px dentro de un círculo de 50 px · botón 142 × 43 ·
   viñetas de la banda 18,8 px · antetítulo de la banda 18,7 px.
   ══════════════════════════════════════════════════════════ */

/* 41.1 · El número medía menos de la mitad y su anillo era crema
   sobre tarjeta clara: no se veía. En el diseño es blanco y el
   dígito llena el círculo. */
.hispano-paso .hispano-paso__n,p.hispano-paso__n{
  width:50px;height:50px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(28px, 22.73px + 1.648vw, 49.1px);
  box-shadow:0 0 0 5px #fff;
  top:-25px}

/* 41.2 · Las cinco tarjetas cerraban entre 219 y 330 px. */
.hispano-pasos__grid.alignwide{align-items:stretch}
.hispano-pasos__grid > .wp-block-column{display:flex;flex-direction:column}
.hispano-pasos__grid > .wp-block-column > .hispano-paso{
  flex:1 1 auto;display:flex;flex-direction:column}
.hispano-paso > p:last-of-type{margin-bottom:auto}

/* 41.3 · Tipografía de la tarjeta de paso · Preescolar1.pdf
   título 17,8 Bold · bajada 14,1 Bold · cuerpo 16,5 Medium */
.hispano-paso h3{font-weight:700}
.hispano-paso .hispano-eyebrow{
  font-size:clamp(11.5px, 10.75px + 0.234vw, 14.5px);font-weight:700}
.hispano-paso p{
  font-size:clamp(14px, 13.29px + 0.223vw, 16.86px);line-height:1.36;font-weight:500}
/* El número sigue en el diseño con la geométrica original; en Montserrat
   el peso equivalente es ExtraBold. */
.hispano-paso .hispano-paso__n,p.hispano-paso__n{font-weight:800}

/* 41.4 · Al botón del primer paso le falta el camaleón montado
   sobre su borde superior, igual que en el CTA de Globales. */
.hispano-paso .wp-block-buttons{position:relative;margin-top:20px}
/* En el diseño el botón mide 142 × 38 y su texto va en UNA línea. */
.hispano-paso .wp-block-button__link{
  min-width:142px;min-height:38px;padding:9px 16px;white-space:nowrap;
  font-size:clamp(11px, 10.2px + 0.25vw, 14.4px)}
.hispano-paso .wp-block-buttons::before{
  content:"";position:absolute;left:50%;top:-26px;
  width:52px;height:38px;transform:translateX(-58%);
  background:url("../img/iguana.png") no-repeat center/contain;
  pointer-events:none;z-index:3}

/* 41.5 · Banda de Prekínder y Kínder */
.hispano-banda-bullets .hispano-eyebrow{
  font-size:clamp(14px, 12.66px + 0.42vw, 19.4px)}
.hispano-banda-bullets .hispano-lista li{
  font-size:clamp(15px, 13.92px + 0.339vw, 19.3px);margin-bottom:9px}
.hispano-banda-bullets__avioneta{right:26px;top:-24px}
.hispano-banda-bullets__avioneta img{width:219px}

/* ══════════════════════════════════════════════════════════
   42 · RITMO VERTICAL · medido línea a línea sobre el PDF
   El diseño compone los titulares casi sin interlínea: «PLAN» y
   «REFERIDO» van a 28 px de separación con cuerpo de 28,2 px, o
   sea interlineado 1,0. De ahí sale su compacidad.
   El CUERPO también va a 1,0 en el archivo original. Aquí se deja
   en 1,3: por debajo de eso un párrafo de seis líneas deja de ser
   cómodo de leer y WCAG 1.4.12 se vuelve difícil de sostener.
   Es una desviación deliberada; queda anotada para decidirla.
   ══════════════════════════════════════════════════════════ */
.hispano-beneficios__titular .hispano-eyebrow{
  font-size:clamp(15px, 13.1px + 0.61vw, 23.9px);margin-top:.08em;font-weight:700}

/* 42.0-bis · Ritmo vertical del bloque, medido sobre Preescolar1.pdf
   El sitio arrastraba 26 px de más entre la bajada y «Prekínder -
   Kínder», 31 px entre el antetítulo y las tarjetas, y 15 px de
   relleno superior dentro de la tarjeta. */
.hispano-beneficios__grid{margin-top:16px !important}
.hispano-pasos__grid{margin-top:26px !important}
.hispano-tarjeta-punteada{padding-top:16px}
.hispano-banda-bullets{margin-top:26px !important}

/* 42.0 · Pesos de Montserrat por rol, tomados del archivo aprobado.
   El menú, los botones del hero y los títulos de credenciales van en
   ExtraBold; las etiquetas del formulario en SemiBold; las bajadas de
   sección en Bold a 27,5 px. */
.hispano-nav a,
.hispano-hero__cta .wp-block-button__link,
.hispano-cred h3{font-weight:800}
.hispano-form label,.hispano-form .ff-el-input--label label,
.hispano-form .fluentform label{font-weight:600}
.hispano-globales__bajada{
  font-size:clamp(19px, 16.57px + 0.759vw, 28.71px);font-weight:700}
.hispano-cred p,.hispano-pilar__txt{font-weight:500}
.hispano-globales__texto,.hispano-globales p{font-weight:500}
.hispano-tarjeta-punteada h3,.hispano-paso h3{line-height:1.0;margin-bottom:.42em}
.hispano-tarjeta-punteada .hispano-eyebrow,.hispano-paso .hispano-eyebrow{
  line-height:1.05;margin-bottom:.58em}
.hispano-tarjeta-punteada p,.hispano-paso p{line-height:1.3}
.hispano-beneficio__icono{margin:0 auto 8px}

/* 42.1 · Hispano Stories · cuerpo 12,3 px · nombre 14,1 px */
.hispano-story__txt-p{font-size:clamp(11.5px, 11.3px + 0.07vw, 12.5px);line-height:1.35}
.hispano-story__nombre{font-size:clamp(12.5px, 11.9px + 0.153vw, 14.5px)}

/* 42.2 · Las cuatro viñetas de la banda caben en una línea en el
   diseño; en el sitio partían en dos por falta de anchura.
   Medida sobre Preescolar1.pdf: la banda mide 785 px —bastante más
   angosta que las tarjetas, 1001— y casi no lleva relleno lateral.
   Las columnas no son simétricas: 36 % la izquierda, 64 % la derecha,
   que es la que lleva las frases largas. Con esas proporciones las
   cuatro viñetas caben en una línea, como en el archivo. */
.hispano-banda-bullets{max-width:785px;
  padding-left:25px !important;padding-right:6px !important}
.hispano-banda-bullets .wp-block-columns{gap:8px}
.hispano-banda-bullets .wp-block-columns > .wp-block-column:first-child{flex:0 0 38%}
.hispano-banda-bullets .wp-block-columns > .wp-block-column:last-child{flex:1 1 auto}
.hispano-banda-bullets .hispano-lista li{padding-left:20px}

/* 42.3 · Las viñetas de la banda van a 16,5 px Medium, no a 18,8:
   ése era el motivo real de que partieran en dos líneas.
   El antetítulo va en ExtraBold 18,7. */
.hispano-banda-bullets .hispano-lista li{
  font-size:clamp(14px, 13.29px + 0.223vw, 16.86px);font-weight:500}
.hispano-banda-bullets .hispano-eyebrow{
  font-size:clamp(14px, 12.66px + 0.42vw, 19.3px);font-weight:800}

/* 42.4 · Tracking · Illustrator compone ~2 % más estrecho que el
   navegador con la misma fuente y el mismo cuerpo. Medido sobre tres
   cadenas del archivo: −0,021 · −0,018 · −0,022 em. Sin esto los
   cortes de línea caen una palabra más allá que en el diseño y las
   secciones crecen de alto sin causa aparente. */
.wp-site-blocks p,.wp-site-blocks li,.hispano-lista li,
.hispano-tarjeta-punteada p,.hispano-paso p,.hispano-pilar__txt,
.hispano-cred p,.hispano-story__txt-p{letter-spacing:-0.02em}

/* — las @media de estas secciones, al final como manda el archivo — */
@media(max-width:781px){
  .hispano-beneficios__titular{max-width:100%}
  .hispano-guepardo{right:auto;top:auto}
  .hispano-tarjeta-punteada .wp-block-buttons{margin-bottom:0}
  .hispano-paso .wp-block-buttons::before{width:42px;height:31px;top:-21px}
  .hispano-banda-bullets{padding-left:22px !important;padding-right:22px !important}
}
@media(max-width:600px){
  .hispano-paso .hispano-paso__n,p.hispano-paso__n{
    width:42px;height:42px;top:-21px;box-shadow:0 0 0 4px #fff}
}