/* ============================================================
   SPANISH PAGES (es/*.html): the two pieces the kit lacks.
   Everything else is site.css + services.css + the page's own CSS,
   exactly as the English twin. Loaded after the twin's stylesheets.
     .es-draft   the "en revisión" line (stays until a human approves
                 the page and es/reviewed.json lists it)
     .es-govern  "translation of the English text, which governs" note
                 under a vetted disclaimer
   ============================================================ */
.es-draft {
  margin: 0; padding: 10px var(--pad); text-align: center; font-size: 12px; line-height: 1.5;
  color: var(--ink-soft); background: var(--paper-deep); border-top: 1px solid var(--hairline);
}
.es-draft b { color: var(--ink); }
.es-draft a { color: inherit; }
.es-govern { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; color: inherit; }
.es-govern a { color: inherit; }
/* Spanish headlines run longer: let the home hero's h1/h2 use the full column */
html[lang="es"] .hq .hero-slide h1, html[lang="es"] .hq .hero-slide h2 { max-width: 12.5em; }
/* Spanish nav labels run longer: "Sobre mí" wrapped to two lines at 1201 to 1440 px (2026-10-13; no overflow with nowrap at 1201) */
html[lang="es"] .nav-links .nav-item > a, html[lang="es"] .nav-links .nav-toggle { white-space: nowrap; }