:root {
            --bg-body: #f8f8f8;
            --bg-header: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            --bg-navbar: #0d2142;
            --amarelo: #f1c40f;
            --blue-itaubal: #003366;
            --bg-card: #ffffff;
            --text-main: #222222;
            --border-color: #d1d9e0;
            --green-itaubal: #006b3f;
        }
        /* MODO ESCURO */
        body.dark-mode, body.dark-mode * {
            background-color: #000 !important;
            color: #fff !important;
            border-color: #fff !important;
            background-image: none !important;
            box-shadow: none !important;
        }
        /* Transforma brasão, Radar, mapa e ícones sociais em PRETO E BRANCO */
        body.dark-mode img, body.dark-mode iframe, body.dark-mode .social-circle i {
            filter: grayscale(100%) !important; /* Remove todas as cores */
        }
        /* Ajustes específicos para garantir visibilidade no fundo preto */
        body.dark-mode i.fa {
            filter: grayscale(1) brightness(2.0) !important;
        } /* Ícones de texto ficam brancos */
        body.dark-mode .map-box, body.dark-mode .radar-box {
            border: 2px solid #fff !important;
        } /* Borda branca para destacar blocos brancos */
        /* Borda clara para o brasão no header escuro */
        body.dark-mode .brand-box img {
            border: 2px solid rgba(255, 255, 255, 0.2) !important;
            border-radius: 4px;
            padding: 5px;
        }
        body.dark-mode .btn-quick, body.dark-mode .form-control {
            border: 1px solid #fff !important;
        }
        body {
            font-family: 'Open Sans', sans-serif;
            background-color: var(--bg-body);
            margin: 0;
        }
        /* ACESSIBILIDADE */
        .accessibility-bar {
            background: #222;
            color: #fff;
            padding: 8px 0;
            font-size: 11px;
            text-transform: uppercase;
        }
        .accessibility-bar a {
            color: #fff;
            margin-right: 15px;
            text-decoration: none;
            font-weight: bold;
            cursor: pointer;
        }
        .accessibility-bar a:hover {
            color: var(--amarelo);
        }
        /* HEADER */
        .top-info-bar {
            background: #fdfdfd;
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
            font-size: 11px;
        }
        .top-link {
            font-weight: 700;
            color: #444 !important;
            text-transform: uppercase;
            margin-left: 20px;
            text-decoration: none;
        }
        .top-link i {
            color: var(--amarelo);
            margin-right: 5px;
        }
        .main-header {
            background: var(--bg-header);
            padding: 30px 0;
            color: #fff;
        }
        .brand-box {
            display: flex;
            align-items: center;
        }
        .brand-box img {
            height: 80px;
            margin-right: 20px;
        }
        .brand-text h1 {
            font-size: 24px;
            margin: 0;
            font-weight: 800;
        }
        .brand-text h2 {
            font-size: 20px;
            margin: 0;
            font-weight: 300;
            opacity: 0.9;
        }
        .btn-quick {
            display: inline-block;
            padding: 8px 12px;
            margin: 2px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            border-radius: 4px;
            text-decoration: none;
            transition: 0.3s;
        }
        .btn-quick:hover {
            background: #fff;
            color: #0d2142;
            text-decoration: none;
        }
        /* ==========================================================================
           MENU PRINCIPAL
           ========================================================================== */
        nav {
            margin-bottom: 1% !important;
        }
        .navbar-itaubal {
            background-color: var(--blue-itaubal) !important;
            border-radius: 0;
            border: none;
            border-top: 4px solid var(--amarelo);
            margin-bottom: 0;
        }
        .navbar-itaubal .navbar-nav > li > a {
            color: #fff !important;
            font-weight: 700;
            text-transform: uppercase;
            padding: 22px 18px;
            font-size: 12px;
            transition: all 0.2s ease;
            background: transparent !important;
        }
        /* Mantém a cor no hover e quando o dropdown está aberto */
        .navbar-itaubal .navbar-nav > li:hover > a, .navbar-itaubal .navbar-nav > li.open > a, .navbar-itaubal .navbar-nav > li.active > a {
            background-color: rgba(255, 255, 255, 0.1) !important;
            color: var(--amarelo) !important;
        }
        /* Dropdown Menu */
        .dropdown-menu {
            background-color: #fff !important;
            border: none;
            border-top: 3px solid var(--amarelo);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            padding: 5px 0;
        }
        .dropdown-menu > li > a {
            padding: 10px 20px;
            font-weight: 600;
            color: #333 !important;
            font-size: 13px;
            background-color: #fff !important;
        }
        .dropdown-menu > li > a:hover {
            background-color: #f5f5f5 !important;
            color: var(--azul-claro) !important;
            padding-left: 25px;
        }
        /* Busca no Menu */
        .navbar-form .input-group {
            border-radius: 4px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        .navbar-form .form-control {
            background: transparent !important;
            border: none;
            color: #fff !important;
        }
        .btn-search {
            background: var(--amarelo);
            border: none;
            color: #0d2142;
        }
        /* FOOTER */
        footer {
            background-color: #1e3c72;
            color: #fff;
            border-top: 4px solid var(--amarelo);
        }
        .footer-hours {
            background: rgba(0, 0, 0, 0.2);
            padding: 12px 0;
            font-size: 13px;
            font-weight: 600;
        }
        .footer-main {
            padding: 50px 0;
        }
        .footer-col h5 {
            font-weight: 700;
            border-bottom: 2px solid var(--amarelo);
            display: inline-block;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }
        .footer-links {
            list-style: none;
            padding: 0;
        }
        .footer-links li {
            margin-bottom: 10px;
        }
        .footer-links a {
            color: rgba(255, 255, 255, 0.7);
            font-size: 13px;
            text-decoration: none;
        }
        .footer-links a:hover {
            color: #fff;
            padding-left: 5px;
            transition: 0.3s;
        }
        .footer-bottom {
            background: #0d2142;
            padding: 40px 0;
        }
        .social-circle {
            font-size: 24px;
            margin: 0 15px;
            color: #fff;
        }
        .nav-sic li {
            display: inline-flex;
            margin-left: 11px;
            padding-top: 5px;
        }
        .nav-sic li:first-child {
            margin-left: 0;
        }
        .nav-sic a {
            color: #F3F3F3;
            padding: 5px;
            font-size: 2rem;
            margin-bottom: 15px;
            font-family: "Saira Extra Condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            text-underline-position: below;
        }
        .nav-sic a:hover {
            outline: 1px solid #E5E5E5;
        }
        /* barra compartilhamento em artigos */
        .compartilhamento {
            display: block;
            padding: 10px;
            background: #f1f1f1;
            margin-bottom: 12px;
            vertical-align: middle
        }
        .compartilhamento span {
            font-size: 1.2rem;
        }
        .compartilhamento a {
            letter-spacing: 10px;
            font-size: 2.3rem;
            cursor: pointer;
        }
        .compartilhamento a:hover {
            color: darkgreen;
        }
        @media (max-width: 768px) {
            .compartilhamento {
                text-align: center;
            }
            .compartilhamento span {
                display: none;
            }
            /* Diminui a barra de acessibilidade */
            .accessibility-bar {
                padding: 4px 0;
                font-size: 9px;
            }
            .accessibility-bar a {
                margin-right: 8px;
            }
            /* Compacta o horário e links do topo */
            .top-info-bar {
                padding: 5px 0;
                font-size: 10px;
            }
            .top-link {
                margin-left: 10px;
                font-size: 9px;
            }
            /* Ajusta o Brasão/Logo */
            .main-header {
                padding: 15px 0;
            }
            .brand-box img {
                height: 50px;
                margin-right: 10px;
            }
            .brand-text h1 {
                font-size: 16px;
            }
            .brand-text h2 {
                font-size: 14px;
            }
            /* BOTÕES DE ACESSO RÁPIDO (REDUZIDOS) */
            .quick-access-btns {
                text-align: center;
                margin-top: 15px;
            }
            .btn-quick {
                padding: 5px 8px;
                font-size: 9px;
                margin: 1px;
                letter-spacing: -0.2px;
            }
            .navbar-itaubal .navbar-toggle {
                margin-top: 12px;
                margin-bottom: 12px;
            }
            .navbar-itaubal .navbar-nav > li > a {
                padding: 12px 15px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            }
        }
    .container2 {
                background: #fff;
                border-radius: 6px;
                padding: 25px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.08);
                margin-bottom: 20px;
    }
        .breadcrumb {
            margin-top: 20px;
            background: #fff;
            border-left: 4px solid #f1c40f;
            border-bottom: 2px solid #f8f8f8;
        }