/* ================================================= */
/* 1. VARIÁVEIS GLOBAIS                              */
/* ================================================= */
:root {
    --verde-escola: #006400;
    --preto-profundo: #000000;
    --amarelo-modal: #FFFF00;
    --azul-input: #00b0ff;
    --azul-marinho: #000080;
    --verde-entrar: #009B3A;
    --vermelho-cancelar: #ff0000;
    --prata-metalico: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 20%, #8e9eab 40%, #ffffff 50%, #bdc3c7 65%, #ffffff 80%, #757f9a 100%);
}

/* RESET E BASE */
body { background-color: var(--verde-escola) !important; margin: 0; padding: 0; overflow-x: hidden; width: 100%; }
.navbar-escola { background-color: var(--preto-profundo) !important; border-bottom: 2px solid #444; min-height: 100px; z-index: 1030; }

/* ================================================= */
/* 2. MENU PRATA METALIZADO                          */
/* ================================================= */
.menu-metalico {
    background: var(--prata-metalico);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
    transition: all 0.3s ease;
}
.menu-metalico:hover { filter: drop-shadow(0px 0px 8px rgba(255,255,255,0.6)); transform: translateY(-1px); }

/* ================================================= */
/* 3. TRAVAS DE SEGURANÇA IMAGENS (Notebook)         */
/* ================================================= */
img { max-width: 100%; height: auto; }
.tozinho-img {
    width: 100px !important; height: auto !important; max-width: 100px !important;
    display: block; margin: 0 auto 10px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));
}
.logo-padua { height: 70px !important; width: auto !important; }
.svg-nome-escola { height: 55px; width: auto; filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.4)); }

/* ================================================= */
/* 4. ESTILO DO MODAL E PÁGINAS DE CADASTRO          */
/* ================================================= */
.login-modal-content, .cadastro-container { 
    background-color: var(--amarelo-modal) !important; 
    border-radius: 25px !important; 
    padding: 20px; 
    border: 1px solid var(--azul-marinho) !important;
}

.login-modal-title { color: var(--azul-marinho) !important; font-family: 'Fredoka One', cursive; font-size: 1.8rem; text-align: center; }
.login-form-label { color: var(--azul-marinho) !important; font-weight: bold; text-transform: uppercase; font-size: 0.8rem; display: block; }

.login-input-custom {
    background-color: var(--azul-input) !important; color: var(--azul-marinho) !important;
    border: 2px solid var(--azul-marinho) !important; border-radius: 12px !important; padding: 12px !important; font-weight: 600;
}

/* BOTÕES PADRONIZADOS (VERDE E VERMELHO) */
.btn-verde-login, .btn-cancelar-modal {
    display: flex !important; align-items: center; justify-content: center;
    width: 100% !important; max-width: 250px;
    margin: 10px auto !important; padding: 12px 0 !important; border-radius: 12px !important;
    font-weight: bold !important; text-transform: uppercase; text-align: center; transition: 0.2s;
    text-decoration: none !important;
}

.btn-verde-login { background-color: var(--verde-entrar) !important; color: #fff !important; border: 2px solid #007d2f !important; }
.btn-cancelar-modal { background-color: var(--vermelho-cancelar) !important; color: #fff !important; border: 2px solid #b30000 !important; }

.btn-verde-login:hover, .btn-cancelar-modal:hover { transform: scale(1.05); opacity: 0.9; color: #fff !important; }

/* LINKS DO MODAL */
.login-link { color: var(--azul-marinho) !important; font-weight: bold !important; text-decoration: none; font-size: 0.9rem; }
.login-link:hover { text-decoration: underline; }

/* ================================================= */
/* 5. AJUSTES MOBILE (Samsung A11)                   */
/* ================================================= */
@media (max-width: 991px) {
    .svg-nome-escola { height: 25px !important; }
    .tozinho-img { width: 80px !important; }
}