*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { min-width: 320px; margin: 0; }
body.menu-open { overflow: hidden; }
img, video { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 3px solid #31587b; outline-offset: 3px; }
h1, h2, h3, p { margin: 0; }
/* Escala solo el contenido; navegación, pie y barra de contacto quedan fuera. */
main { --content-text-scale: .9; font-size: calc(16px * var(--content-text-scale)); }
main p { text-align: justify; }
.skip-link { position: fixed; z-index: 100; left: 12px; top: -100px; padding: 12px 16px; background: #fff; color: var(--navy); }
.skip-link:focus { top: 12px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
.contact-form__status { padding: 13px 16px; border: 1px solid #8cc6a9; border-radius: 10px; background: #edf8f0; color: #17543a; font-size: max(13px, calc(14px * var(--content-text-scale, 1))); line-height: 1.5; }
.contact-form__status[data-state="pending"] { border-color: #b8c6d0; background: #f1f5f8; color: var(--navy); }
.contact-form__status[data-state="error"] { border-color: #dca9a5; background: #fff2f1; color: #8d302a; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}