/* ARQUIVO: style.css */

/* --- Efeitos de Vidro (Glassmorphism) --- */
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.glass-button {
    background: rgba(37, 140, 244, 0.2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(37, 140, 244, 0.3);
    color: white;
    transition: all 0.3s ease;
}

.glass-button:hover {
    background: rgba(37, 140, 244, 0.4);
    box-shadow: 0 0 15px rgba(37, 140, 244, 0.3);
    transform: translateY(-1px);
}

.glass-button:disabled {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
    box-shadow: none;
}

/* --- Inputs (Correção do Fundo Branco) --- */
.glass-input {
    /* Forçamos um fundo escuro transparente */
    background: rgba(0, 0, 0, 0.4) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    color: white !important; /* Força texto branco */
    transition: all 0.3s ease;
}

.glass-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.glass-input:focus {
    border-color: rgba(37, 140, 244, 0.6);
    background: rgba(0, 0, 0, 0.6) !important;
    box-shadow: 0 0 0 1px rgba(37, 140, 244, 0.3);
    outline: none;
}

/* ⚠️ CORREÇÃO CRÍTICA: ISSO REMOVE O FUNDO BRANCO DO AUTOFILL ⚠️ */
.glass-input:-webkit-autofill,
.glass-input:-webkit-autofill:hover, 
.glass-input:-webkit-autofill:focus, 
.glass-input:-webkit-autofill:active {
    /* A cor #101922 deve ser igual ao fundo do seu site */
    -webkit-box-shadow: 0 0 0 30px #101922 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Garante que as opções do dropdown (select) sejam escuras ao abrir */
select.glass-input option {
    background-color: #101922;
    color: white;
}

/* --- Luzes de Fundo (Base) --- */
.ambient-light {
    position: fixed;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    z-index: 0;
    pointer-events: none;
    will-change: transform;
}

/* --- Animação de Flutuação --- */
@keyframes flutuar {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.luz-animada {
    animation: flutuar 10s ease-in-out infinite;
}

.delay-1 { animation-delay: 0s; }
.delay-2 { animation-delay: 2s; }
.delay-3 { animation-delay: 5s; }