body { font-family: 'Inter', sans-serif; background-color: #e0e5ec; color: #444; margin: 0; }
        .neu-card { background: #e0e5ec; box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff; border-radius: 24px; }
        .neu-input { background: #e0e5ec; box-shadow: inset 6px 6px 12px #bebebe, inset -6px -6px 12px #ffffff; border: none; }
        .neu-button { background: #e0e5ec; box-shadow: 6px 6px 12px #bebebe, -6px -6px 12px #ffffff; transition: 0.2s; }
        .neu-button:active { box-shadow: inset 4px 4px 8px #bebebe, inset -4px -4px 8px #ffffff; }
        
        /* Fondo con gradiente suave para el Hero */
        .hero-bg {
            background: linear-gradient(135deg, #e0e5ec 0%, #d1d9e6 100%);
            position: relative;
            overflow: hidden;
        }
        
        .nav-blur {
            background: rgba(224, 229, 236, 0.8);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255,255,255,0.3);
        }
        /* Estilo para el menú móvil */
        #mobile-menu { transition: all 0.3s ease-in-out; }
        .hidden-menu { transform: translateY(-100%); opacity: 0; pointer-events: none; }
        .show-menu { transform: translateY(0); opacity: 1; pointer-events: auto; }     
        
        /* Estilos para el efecto de despliegue */
        .hidden-menu { 
            transform: translateY(-20px); 
            opacity: 0; 
            pointer-events: none; 
            transition: all 0.3s ease;
        }
        .show-menu { 
            transform: translateY(0); 
            opacity: 1; 
            pointer-events: auto; 
            transition: all 0.3s ease;
        }