:root {
    /* Paleta padrão (modo claro) */
    --bs-primary: #004C97;
    --votorantim-blue: #004C97;
    --votorantim-blue-dark: #003366;
    --votorantim-yellow: #ffc107;
    --votorantim-text-dark: #002b5c;
    --votorantim-footer-bg: #004C97;
    --votorantim-footer-text: #fff;
    scroll-padding-top: 80px;
}

[data-bs-theme="dark"] {
    /* Paleta adaptada para fundo escuro */
    --votorantim-blue: #4da3ff;
    --votorantim-blue-dark: #1e6bd6;
    --votorantim-yellow: #ffd966;
    --votorantim-text-dark: #b3d9ff;
    --votorantim-footer-bg: #1a1a1a; /* footer escuro */
    --votorantim-footer-text: #fff;
}

/* Geral */
html {
    scroll-behavior: smooth;
}

body {
    padding-top: 70px;
}



/* Supondo que a classe ou ID da sua imagem da logo seja '.logo-brasao' */
.logo-brasao {
    /* Deslocamento horizontal 0, vertical 2px (levemente para baixo) */
    /* Desfoque de 4px, cor preta com 50% de transparência */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    /* Adiciona um preenchimento interno para que a cor de fundo não fique colada na logo */
    padding: 10px;
    /* Um fundo branco muito suave (ou uma cor muito clara que combine com o brasão) */
    background-color: rgba(255, 255, 255, 0.9); /* Branco muito transparente */
    /* Bordas levemente arredondadas */
    border-radius: 4px;
}

/* Navbar */
.navbar {
    background-color: var(--votorantim-footer-bg) !important;
}

.carousel-fade .carousel-item {
  transition: opacity 1s ease-in-out;
}

.navbar-title {
    color: #fff !important;
}

.navbar .nav-link {
    color: #fff !important; /* branco padrão */
    transition: color 0.2s ease-in-out, border-bottom 0.2s;
    border-bottom: 2px solid transparent;
}

    .navbar .nav-link:hover,
    .navbar .nav-link:focus,
    .navbar .nav-link.active {
        color: var(--votorantim-yellow) !important;
        border-bottom: 2px solid var(--votorantim-yellow);
    }



/* Ícone mobile branco */
.navbar-toggler .bi-list {
    color: #fff !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6,
.card-title {
    color: var(--votorantim-blue) !important;
}

/* Card hover */
.card:hover {
    transform: translateY(-5px);
    transition: 0.2s;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

/* Accordion */
.accordion-button,
.accordion-button.collapsed {
    --bs-accordion-btn-icon-transform: rotate(-90deg) !important;
    background-color: var(--bs-accordion-btn-bg) !important;
}

/* Footer */
footer {
    background-color: var(--votorantim-footer-bg) !important;
    color: var(--votorantim-footer-text) !important;
}