/* site-institucional.css
   Estilos compartilhados das paginas publicas /br/
   Inserido como ultimo stylesheet para sobrescrever estilos base inline */

/* ── Background ───────────────────────────────────────── */
body {
    background: #f8fafc;
    background-image:
        radial-gradient(circle at 10% 18%, rgba(59,130,246,0.08), transparent 42%),
        radial-gradient(circle at 90% 10%, rgba(16,185,129,0.07), transparent 42%),
        radial-gradient(circle at 60% 88%, rgba(14,165,233,0.06), transparent 42%);
    background-size: auto;
    animation: none;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.animated-gradient { display: none; }
main { flex: 1; }

/* ── Navbar ───────────────────────────────────────────── */
.navbar-custom {
    background: rgba(255,255,255,0.88) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(148,163,184,0.20) !important;
    box-shadow: 0 4px 28px rgba(15,23,42,0.08) !important;
}
.navbar-custom .navbar-nav .nav-link {
    background: rgba(248,250,252,0.80) !important;
    color: #1e293b !important;
    border: 1px solid rgba(148,163,184,0.28) !important;
    border-radius: 1.5rem !important;
    margin: 0 0.4rem !important;
    padding: 0.65rem 1.4rem !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    transition: background 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s !important;
}
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link:focus,
.navbar-custom .navbar-nav .nav-link:hover {
    background: linear-gradient(120deg, rgba(16,185,129,0.15), rgba(59,130,246,0.10)) !important;
    border-color: rgba(16,185,129,0.45) !important;
    color: #0f172a !important;
    box-shadow: 0 2px 14px rgba(16,185,129,0.12) !important;
}

/* Botao "Ja tenho conta" — destaque com cor de acento */
.navbar-custom .navbar-nav .nav-link.nav-cta {
    background: linear-gradient(120deg, rgba(16,185,129,0.20), rgba(59,130,246,0.16)) !important;
    border-color: rgba(16,185,129,0.55) !important;
    color: #065f46 !important;
}
.navbar-custom .navbar-nav .nav-link.nav-cta:hover {
    background: linear-gradient(120deg, #10b981, #3b82f6) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 20px rgba(16,185,129,0.32) !important;
}

.navbar-custom .dropdown-menu {
    background: rgba(255,255,255,0.97) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-radius: 1.5rem !important;
    border: 1px solid rgba(148,163,184,0.22) !important;
    box-shadow: 0 8px 32px rgba(15,23,42,0.12) !important;
    padding: 0.5rem !important;
}
.navbar-custom .dropdown-menu .dropdown-item {
    color: #334155 !important;
    border-radius: 1.2rem !important;
    font-size: 1rem !important;
    padding: 0.65rem 1.4rem !important;
}
.navbar-custom .dropdown-menu .dropdown-item:hover,
.navbar-custom .dropdown-menu .dropdown-item:focus {
    background: linear-gradient(120deg, rgba(16,185,129,0.10), rgba(59,130,246,0.08)) !important;
    color: #0f172a !important;
}

/* ── Footer ───────────────────────────────────────────── */
.footer,
footer.footer {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #e2e8f0;
    padding: 1.5rem 0 1rem 0;
}
.footer a,
footer.footer a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s;
}
.footer a:hover,
footer.footer a:hover { color: #10b981; text-decoration: none; }
.footer strong,
footer.footer strong { color: #f1f5f9; }
.footer-bottom {
    background: #020617;
    color: #475569;
    padding: 0.45rem 0;
    font-size: 0.85rem;
    text-align: center;
}