/* Avelagro Solutions — estilos complementarios a Tailwind (design system Agro-Professional) */

body {
  background-color: #f9faf7;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.icon-fill {
  font-variation-settings: 'FILL' 1;
}

/* Título hero más grande en pantallas medianas y superiores */
@media (min-width: 768px) {
  .text-headline-xl {
    font-size: 48px;
    line-height: 56px;
  }
}

/* Menú móvil abierto */
#mobile-menu.open {
  display: flex;
}

html {
  scroll-behavior: smooth;
}

/* Ajuste para que el scroll a las secciones no quede tapado por el header sticky */
section[id] {
  scroll-margin-top: 88px;
}

/* Estado de error visible del formulario */
#form-error.hidden {
  display: none;
}