/* ===================================================== TEMA NOTURNO - PORTAL DA TRANSPARÊNCIA Ativado via atributo [data-theme="dark"] no ===================================================== */ /* ----------- BOTÃO DE TOGGLE DE TEMA (Lua / Sol) ---------- */ .theme-toggle { display: inline-flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; transition: transform 0.25s ease, color 0.25s ease; } .theme-toggle:hover { transform: scale(1.1); } .theme-toggle .theme-toggle-icon { transition: opacity 0.25s ease, transform 0.35s ease; } .theme-toggle .theme-toggle-icon-sun { display: none; } [data-theme="dark"] .theme-toggle .theme-toggle-icon-moon { display: none; } [data-theme="dark"] .theme-toggle .theme-toggle-icon-sun { display: inline-block; color: #ffd54f; } /* ----------- VARIÁVEIS GLOBAIS NO TEMA ESCURO ---------- */ [data-theme="dark"] { color-scheme: dark; --snowWhite: #0f1419; --softGray: #161c23; --white: #1a2129; --gray: #2a333d; --gray-50: #161c23; --gray-100: #1a2129; --gray-200: #222a33; --gray-300: #2a333d; --gray-400: #4b5563; --gray-500: #6e7681; --gray-600: #8b949e; --gray-700: #b1bac4; --gray-800: #d0d7de; --gray-900: #e6edf3; } /* ----------- BODY E TIPOGRAFIA BASE ---------- */ [data-theme="dark"] body, [data-theme="dark"] body.bg-light { background-color: #0f1419 !important; color: #e6edf3 !important; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #e6edf3 !important; } [data-theme="dark"] p, [data-theme="dark"] .preto, [data-theme="dark"] .desc { color: #c9d1d9 !important; } [data-theme="dark"] a { color: #76caa3; } [data-theme="dark"] p a, [data-theme="dark"] .desc a { color: #A9EAFF !important; } [data-theme="dark"] hr { color: #30363d !important; border-color: #30363d !important; } [data-theme="dark"] small, [data-theme="dark"] .small { color: #b1bac4; } /* ----------- UTILITÁRIOS DE TEXTO ---------- */ [data-theme="dark"] .text-dark { color: #e6edf3 !important; } [data-theme="dark"] .text-body { color: #c9d1d9 !important; } [data-theme="dark"] .text-muted, [data-theme="dark"] .text-soft { color: #8b949e !important; } [data-theme="dark"] .text-success, [data-theme="dark"] .text-tertiary, [data-theme="dark"] .text-green { color: #76caa3 !important; } [data-theme="dark"] .text-primary { color: #58a6ff !important; } [data-theme="dark"] .text-secondary { color: #79b8ff !important; } [data-theme="dark"] .text-info { color: #79b8ff !important; } [data-theme="dark"] .text-warning { color: #ffd54f !important; } [data-theme="dark"] .text-danger { color: #f89a4c !important; } [data-theme="dark"] .text-royal { color: #58a6ff !important; } /* ----------- UTILITÁRIOS DE BACKGROUND ---------- */ [data-theme="dark"] .bg-light, [data-theme="dark"] .bg-white, [data-theme="dark"] .bg-body { background-color: #0f1419 !important; } [data-theme="dark"] .bg-softGray { background-color: #161c23 !important; } [data-theme="dark"] .bg-gray { background-color: #2a333d !important; } /* ----------- BARRA SUPERIOR (DEFAULT BAR) ---------- */ [data-theme="dark"] .defaultBar { background-color: #14201c !important; border-bottom: 1px solid #1f2b27; } /* ----------- HEADER / TOPO / NAVEGAÇÃO ---------- */ [data-theme="dark"] .topo { background-color: #0f1419; } [data-theme="dark"] .topo-nav-transparencia { background: linear-gradient(90deg, #2c423c 0%, #14201c 100%) !important; } [data-theme="dark"] .nav .nav-item a.nav-link { color: #e6edf3; } /* ----------- CARDS GERAIS ---------- */ [data-theme="dark"] .card { background-color: #1a2129 !important; color: #e6edf3 !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45) !important; } [data-theme="dark"] .card-title, [data-theme="dark"] .card .card-title { color: #e6edf3 !important; } [data-theme="dark"] .card-text { color: #c9d1d9 !important; } [data-theme="dark"] .card-body { background-color: transparent !important; } /* ----------- BOX DE BUSCA (search.blade.php) ---------- */ [data-theme="dark"] .bg-light.rounded-bottom-3 { background-color: #161c23 !important; } [data-theme="dark"] .input-group .form-control, [data-theme="dark"] input.form-control, [data-theme="dark"] textarea.form-control, [data-theme="dark"] select.form-select { background-color: #1a2129 !important; color: #e6edf3 !important; border-color: #30363d !important; } [data-theme="dark"] .form-control::placeholder { color: #8b949e !important; opacity: 1; } [data-theme="dark"] .form-control:focus, [data-theme="dark"] .form-select:focus { background-color: #222a33 !important; color: #e6edf3 !important; border-color: #76caa3 !important; box-shadow: 0 0 0 0.25rem rgba(118, 202, 163, 0.25) !important; } [data-theme="dark"] .text-soft.form-control { color: #e6edf3 !important; } /* ----------- CARDS DOS BOTÕES DA HOME (cardSingle / cardDropDown) ---------- */ [data-theme="dark"] .btn-outline-success { background-color: #1a2129 !important; color: #e6edf3 !important; border-color: #2a333d !important; } [data-theme="dark"] .btn-outline-success:hover { background-color: #222a33 !important; color: #ffffff !important; border-color: #76caa3 !important; } [data-theme="dark"] .btn-outline-success .text-dark { color: #e6edf3 !important; } [data-theme="dark"] .btn-outline-success .text-muted { color: #8b949e !important; } [data-theme="dark"] .bg-success.bg-opacity-10 { background-color: rgba(118, 202, 163, 0.18) !important; } /* ----------- DROPDOWNS ---------- */ [data-theme="dark"] .dropdown-menu { background-color: #1a2129 !important; border-color: #30363d !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55) !important; } [data-theme="dark"] .dropdown-item { color: #e6edf3 !important; } [data-theme="dark"] .dropdown-item:hover, [data-theme="dark"] .dropdown-item:focus { background-color: #222a33 !important; color: #ffffff !important; } [data-theme="dark"] .dropdown-item.active, [data-theme="dark"] .dropdown-item:active { background-color: #1a5640 !important; color: #ffffff !important; } [data-theme="dark"] .dropdown-divider { border-color: #30363d !important; } /* ----------- BOTÕES ---------- */ [data-theme="dark"] .btn-primary { background-color: #1f2937 !important; border-color: #2a333d !important; color: #e6edf3 !important; } [data-theme="dark"] .btn-primary:hover { background-color: #2a333d !important; border-color: #353e48 !important; } [data-theme="dark"] .btn-success { background-color: #1a5640 !important; border-color: #1a5640 !important; color: #ffffff !important; } [data-theme="dark"] .btn-success:hover { background-color: #1f6b50 !important; border-color: #1f6b50 !important; } [data-theme="dark"] .btn-secondary { background-color: #2a333d !important; border-color: #2a333d !important; color: #e6edf3 !important; } [data-theme="dark"] .btn-outline-secondary { color: #b1bac4 !important; border-color: #30363d !important; background-color: transparent !important; } [data-theme="dark"] .btn-outline-secondary:hover { background-color: #222a33 !important; color: #ffffff !important; border-color: #30363d !important; } [data-theme="dark"] .btn-outline-primary { color: #e6edf3 !important; border-color: #30363d !important; } [data-theme="dark"] .btn-outline-primary:hover { background-color: #1f2937 !important; color: #ffffff !important; border-color: #30363d !important; } /* ----------- MODAIS ---------- */ [data-theme="dark"] .modal-content { background-color: #1a2129 !important; color: #e6edf3 !important; border-color: #30363d !important; } [data-theme="dark"] .modal-header, [data-theme="dark"] .modal-footer { background-color: #161c23 !important; border-color: #30363d !important; } [data-theme="dark"] .modal-title { color: #e6edf3 !important; } [data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } /* ----------- OFFCANVAS (MENU LATERAL) ---------- */ [data-theme="dark"] .offcanvas { background-color: #1a2129 !important; color: #e6edf3 !important; } [data-theme="dark"] .offcanvas-cabecalho { border-bottom-color: #30363d !important; } [data-theme="dark"] .offcanvas .offcanvas-body h4.offcanvas-body-titulos { color: #e6edf3 !important; border-bottom-color: #30363d !important; } [data-theme="dark"] .offcanvas .nav-item a.nav-link-lateral, [data-theme="dark"] .offcanvas .nav-item a.nav-link-lateral:active, [data-theme="dark"] .offcanvas .nav-item a.nav-link-lateral:hover, [data-theme="dark"] .offcanvas .nav-item a.nav-link-lateral:visited { color: #e6edf3 !important; } [data-theme="dark"] .offcanvas .offcanvas-cabecalho .btn { color: #76caa3 !important; } /* ----------- TABELAS ---------- */ [data-theme="dark"] .table { color: #e6edf3 !important; --bs-table-color: #e6edf3; --bs-table-bg: transparent; --bs-table-border-color: #30363d; } [data-theme="dark"] .table > :not(caption) > * > * { background-color: #161c23 !important; color: #e6edf3 !important; border-color: #30363d !important; } [data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #1a2129 !important; color: #e6edf3 !important; } [data-theme="dark"] .table thead th { background-color: #14201c !important; color: #e6edf3 !important; } [data-theme="dark"] .titulo-transparencia { background-color: #1a3f3a !important; color: #e6edf3 !important; } [data-theme="dark"] .color-table { background-color: #161c23 !important; } /* ----------- ACORDEÃO ---------- */ [data-theme="dark"] .accordion-item { background-color: #1a2129 !important; border-color: #30363d !important; color: #e6edf3 !important; } [data-theme="dark"] .accordion-button { background-color: #1a2129 !important; color: #e6edf3 !important; box-shadow: inset 0 -1px 0 #30363d !important; } [data-theme="dark"] .accordion-button:not(.collapsed) { background-color: #222a33 !important; color: #76caa3 !important; } [data-theme="dark"] .accordion-button::after { filter: invert(1) brightness(200%); } [data-theme="dark"] .accordion-body { background-color: #1a2129 !important; color: #c9d1d9 !important; } /* ----------- FOOTER ---------- */ [data-theme="dark"] footer.footer-pmar-transparencia { background: linear-gradient(90deg, #14201c 0%, #0b1614 100%) !important; color: #e6edf3 !important; } [data-theme="dark"] footer.footer-pmar-transparencia .footer-pmar-icons { color: #76caa3 !important; } /* ----------- BACK TO TOP ---------- */ [data-theme="dark"] #backToTop { background-color: #1a5640 !important; color: #ffffff !important; } [data-theme="dark"] #backToTop i { color: #ffffff !important; } /* ----------- ABAS (TABS) ---------- */ [data-theme="dark"] .nav-tabs { border-bottom-color: #30363d !important; } [data-theme="dark"] .nav-tabs .nav-link { color: #b1bac4 !important; background-color: transparent !important; border-color: transparent !important; } [data-theme="dark"] .nav-tabs .nav-link:hover { border-color: #30363d #30363d #30363d !important; color: #e6edf3 !important; } [data-theme="dark"] .nav-tabs .nav-link.active { background-color: #1a2129 !important; color: #76caa3 !important; border-color: #30363d #30363d #1a2129 !important; } /* ----------- PAGINAÇÃO ---------- */ [data-theme="dark"] .pagination .page-link { color: #b1bac4 !important; } [data-theme="dark"] .pagination .page-item.active .page-link { color: #76caa3 !important; } [data-theme="dark"] .pagination .page-item.disabled .page-link { color: #4b5563 !important; } /* ----------- NOTÍCIAS (CARDS) ---------- */ [data-theme="dark"] .homeNews-card, [data-theme="dark"] .news-card { background-color: #1a2129 !important; color: #e6edf3 !important; } [data-theme="dark"] .homeNews-title, [data-theme="dark"] .news-title { color: #e6edf3 !important; } [data-theme="dark"] .homeNews-summary, [data-theme="dark"] .news-summary, [data-theme="dark"] .news-summary-interna, [data-theme="dark"] .homeNews-date, [data-theme="dark"] .news-date { color: #8b949e !important; } [data-theme="dark"] .news-label, [data-theme="dark"] .homeNews-label { background-color: transparent !important; border-color: #79b8ff !important; color: #79b8ff !important; } [data-theme="dark"] .card-slug { background-color: #1a2129 !important; border-color: #30363d !important; color: #e6edf3 !important; } [data-theme="dark"] .card-slug a { color: #e6edf3 !important; } [data-theme="dark"] .slug-summary a, [data-theme="dark"] .card-slug a { color: #e6edf3 !important; } /* ----------- PORTAL DA TRANSPARÊNCIA (cards específicos) ---------- */ [data-theme="dark"] .card-transparencia { background-color: #1a3f3a !important; border-color: #2f5d56 !important; color: #e6edf3 !important; } [data-theme="dark"] .card-transparencia .dropdown-menu, [data-theme="dark"] .card-transparencia .dropdown-menu li { background-color: #0b1614 !important; } /* ----------- FAQ ---------- */ [data-theme="dark"] .faq { background: #0f1419 !important; } [data-theme="dark"] .faq .faq-container .faq-item2 { background-color: #1a2129 !important; } [data-theme="dark"] .faq .faq-container .faq-item2 h3 { color: #e6edf3 !important; } [data-theme="dark"] .faq .faq-container .faq-item2 .faq-content p { color: #c9d1d9 !important; } /* ----------- OUVIDORIA ---------- */ [data-theme="dark"] .ouvi-quadro, [data-theme="dark"] a.ouvi-quadro2, [data-theme="dark"] a.ouvi-quadro2:visited, [data-theme="dark"] a.ouvi-quadro2:active { background-color: #14201c !important; border-color: #2f5d56 !important; color: #e6edf3 !important; } [data-theme="dark"] a.ouvi-quadro2 p, [data-theme="dark"] a.ouvi-quadro2 p.ouvi-titulo2 { color: #e6edf3 !important; } [data-theme="dark"] .ouvi-quadro .diahora { color: #b1bac4 !important; } /* ----------- FORMULÁRIOS / CHECKS ---------- */ [data-theme="dark"] .form-check-input { background-color: #2a333d; border-color: #4b5563; } [data-theme="dark"] .form-check-input:checked { background-color: #1a5640; border-color: #1a5640; } [data-theme="dark"] .form-label { color: #e6edf3 !important; } [data-theme="dark"] .input-group-text { background-color: #161c23 !important; color: #e6edf3 !important; border-color: #30363d !important; } /* ----------- BREADCRUMB ---------- */ [data-theme="dark"] .breadcrumb { background-color: transparent !important; } [data-theme="dark"] .breadcrumb-item, [data-theme="dark"] .breadcrumb-item a { color: #b1bac4 !important; } [data-theme="dark"] .breadcrumb-item.active { color: #76caa3 !important; } [data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #4b5563 !important; } /* ----------- 404 ---------- */ [data-theme="dark"] .section-404 h2 { color: #e6edf3 !important; } [data-theme="dark"] .section-404 p, [data-theme="dark"] .section-404 a { color: #c9d1d9 !important; } /* ----------- SCROLLBAR ---------- */ [data-theme="dark"] ::-webkit-scrollbar-track { background-color: #0f1419; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background-color: #30363d; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background-color: #4b5563; } /* ----------- ADMIN LOGIN ---------- */ [data-theme="dark"] .card-admin-login { background-color: rgba(15, 20, 25, 0.65) !important; } [data-theme="dark"] .card-fibromialgia { background-color: #1a2129 !important; border-color: #30363d !important; } [data-theme="dark"] .card-fibromialgia .input-email, [data-theme="dark"] .input-password { background-color: #161c23 !important; border-color: #30363d !important; color: #e6edf3 !important; } /* ----------- BORDAS GERAIS NEUTRAS ---------- */ [data-theme="dark"] .border, [data-theme="dark"] .border-top, [data-theme="dark"] .border-bottom, [data-theme="dark"] .border-start, [data-theme="dark"] .border-end { border-color: #30363d !important; } /* ----------- LISTA / ITENS ---------- */ [data-theme="dark"] .list-group-item { background-color: #1a2129 !important; color: #e6edf3 !important; border-color: #30363d !important; } [data-theme="dark"] .list-group-item.active { background-color: #1a5640 !important; border-color: #1a5640 !important; color: #ffffff !important; } /* ----------- LINK HELP / LINK SECRETARIAS ---------- */ [data-theme="dark"] .link-help, [data-theme="dark"] .link-secretarias { color: #e6edf3 !important; } [data-theme="dark"] .link-help .text-primary, [data-theme="dark"] .link-secretarias .text-primary { color: #76caa3 !important; } /* ----------- TOOLTIP ---------- */ [data-theme="dark"] .tooltip-inner { background-color: #1a2129 !important; color: #e6edf3 !important; } /* ----------- ALERTAS (mantém intenção semântica em tons mais escuros) ---------- */ [data-theme="dark"] .alert-success { background-color: rgba(118, 202, 163, 0.12); border-color: rgba(118, 202, 163, 0.3); color: #b8e9d2; } [data-theme="dark"] .alert-info { background-color: rgba(121, 184, 255, 0.12); border-color: rgba(121, 184, 255, 0.3); color: #b8d7ff; } [data-theme="dark"] .alert-warning { background-color: rgba(255, 213, 79, 0.12); border-color: rgba(255, 213, 79, 0.3); color: #ffe9a8; } [data-theme="dark"] .alert-danger { background-color: rgba(248, 154, 76, 0.12); border-color: rgba(248, 154, 76, 0.3); color: #f9c89c; } /* ----------- HOME GUIA RÁPIDO / GUIA INSTITUCIONAL ---------- */ [data-theme="dark"] .home-guia-rapido, [data-theme="dark"] .home-mais-buscados, [data-theme="dark"] .home-VideoInstitucional, [data-theme="dark"] .home-banners-1, [data-theme="dark"] .home-banners-2, [data-theme="dark"] .home-banners-3, [data-theme="dark"] .home-links-institucionais, [data-theme="dark"] .home-pontos-turisticos { background-color: #0f1419 !important; } [data-theme="dark"] .home-noticias { background-color: #14201c !important; } [data-theme="dark"] .home-mais-buscados .home-mais-buscados-row .card, [data-theme="dark"] .home-mais-buscados .home-mais-buscados-col .card { background-color: #1a2129 !important; } /* ----------- SEÇÃO TITLE / MAIN INFO ---------- */ [data-theme="dark"] #mainInfo p { color: #c9d1d9 !important; } [data-theme="dark"] .sectionTitle .card-body { background-color: transparent !important; } /* ----------- IMG THUMBNAIL ---------- */ [data-theme="dark"] .img-thumbnail { background-color: #1a2129 !important; border-color: #30363d !important; } /* ----------- SISTEMA EP-* (tabelas internas de páginas) ---------- Estas classes são definidas com