/*
  Archivo de estilos personalizados (style.css)
  Aquí puedes agregar CSS que complemente o sobreescriba Tailwind CSS.
  Por ejemplo, para elementos que son difíciles de estilizar con clases de utilidad.
*/

/* Estilo para el canvas de partículas */
#interactive-canvas {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0; /* Asegura que esté detrás de todo */
    width: 100%;
    height: 100%;
}

/* Un pequeño ajuste para asegurar que los inputs se vean bien en Safari */
input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Scroll suave al hacer clic en los enlaces del ancla */
html {
  scroll-behavior: smooth;
}