/* Importar la fuente de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

body { 
    background-color: #f4f6f8; 
    color: #1a365d;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Efecto de cristal claro para el formulario y menú */
.glass-panel { 
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(20px); 
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 1); 
    box-shadow: 0 25px 50px -12px rgba(26, 54, 93, 0.15);
}

.glass-menu {
    background: rgba(255, 255, 255, 0.6); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Inputs del formulario */
.glass-input {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e1;
    color: #1e293b;
    transition: all 0.3s ease;
}

.glass-input:focus {
    background: #ffffff;
    border-color: #1a365d;
    outline: none;
    box-shadow: 0 0 0 4px rgba(26, 54, 93, 0.1);
}

/* Barra de desplazamiento para tema claro */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track { 
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb { 
    background: #cbd5e1; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #94a3b8; 
}