/* src/style.css */

/* =========================================
   1. Ajustes Base y Renderizado
   ========================================= */
html {
    scroll-behavior: smooth;
}

body {
    /* Mantiene el scrollbar siempre visible para evitar saltos de layout al cambiar entre pestañas */
    overflow-y: scroll; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =========================================
   2. Custom Scrollbar (Estética Ansarada / Dark Mode)
   ========================================= */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #000000;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    /* Bordes rectos para mantener el tono corporativo y serio */
    border-radius: 0px; 
}

::-webkit-scrollbar-thumb:hover {
    background: #4f46e5; /* Color brand (Índigo) al interactuar */
}

/* =========================================
   3. Fix de Autofill para Formularios en Dark Mode
   ========================================= */
/* Los navegadores (Chrome, Safari) inyectan un fondo blanco/amarillo al autocompletar datos. 
   Este hack fuerza el fondo oscuro y el texto claro para no romper la estética del Hero/Contacto. */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0a0a0a inset !important;
    -webkit-text-fill-color: #F5F5F5 !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* =========================================
   4. Animaciones Personalizadas (Opcionales)
   ========================================= */
/* Puedes aplicar la clase .animate-float a iconos o insignias para darles un aspecto más dinámico */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* Ocultar el badge flotante de reCAPTCHA v3 */
.grecaptcha-badge { 
    visibility: hidden !important; 
}