html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  height: auto;
}

:focus-visible {
  outline: 3px solid #F9C74F;
  outline-offset: 3px;
}

.hidden [name="bot-field"],
[name="bot-field"].hidden {
  display: none !important;
}

/* Evita franjas blancas arriba/abajo al hacer scroll */
html,
body {
  min-height: 100%;
  margin: 0;
  background-color: #EAF4F2 !important;
}

/* Fondo permanente del viewport */
html {
  background: #EAF4F2 !important;
  overscroll-behavior-y: none;
}

/* Asegura que el body cubra todo el alto disponible */
body {
  background: #EAF4F2 !important;
  min-height: 100vh;
}

/* Evita que se vea blanco detrás del contenido en rebote de scroll */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #EAF4F2;
  z-index: -1;
  pointer-events: none;
}