/* * Acessibilidade - Template LEG * Alto Contraste: usa filter invert(1) no para inversão limpa da página inteira. * Imagens e vídeos são re-invertidos para preservar as cores originais. * Isso evita qualquer conflito com background-color em containers de slider/carrossel. */ /* ─── Alto Contraste ─── */ html.high-contrast { filter: invert(1) hue-rotate(180deg); } /* Re-inverte mídias: dupla inversão = voltam às cores originais */ html.high-contrast img, html.high-contrast video, html.high-contrast canvas, html.high-contrast picture, html.high-contrast iframe { filter: invert(1) hue-rotate(180deg); } /* Indicador visual no botão de contraste quando ativo */ html.high-contrast #btn-toggle-contrast, html.high-contrast .btn-toggle-contrast { filter: invert(1) hue-rotate(180deg); outline: 2px solid #ff0; } /* * Correção de tom azul no alto contraste: * O filter invert(1) hue-rotate(180deg) transforma qualquer tom de azul (#2370B7, #004a9f, #003366) * de volta para azul, pois: invert(azul)=laranja → hue-rotate(180°)=azul novamente. * Solução: forçar esses elementos para preto antes do filtro → preto invertido = branco puro. */ /* ── Header / Navbar ── */ html.high-contrast .header-top, html.high-contrast #menu-principal, html.high-contrast .navbar, html.high-contrast .cor-padrao-bg, html.high-contrast footer, html.high-contrast .footer { background-color: #000000 !important; } html.high-contrast .header-top a, html.high-contrast #menu-principal .nav-link, html.high-contrast #menu-principal .btn { color: #ffffff !important; } /* ── Ícones do Acesso Rápido e Ouvidoria ── */ html.high-contrast .quick-access li a i, html.high-contrast .lista1 li a i { color: #000000 !important; } /* ── Fundo dos cards de Acesso Rápido / Ouvidoria ── */ html.high-contrast .quick-access li a { background-color: #ffffff !important; color: #000000 !important; } /* ── Cabeçalhos de seção (linha azul + texto azul) ── */ html.high-contrast .cabecalho-secao-3 h1, html.high-contrast .cabecalho-secao-2 h1 { color: #000000 !important; background: #000000 !important; } html.high-contrast .cabecalho-secao-3 h1 span, html.high-contrast .cabecalho-secao-2 h1 span { background-color: #ffffff !important; color: #000000 !important; } /* ── Borda azul nos formulários ── */ html.high-contrast .forms-home form { border-top-color: #000000 !important; } /* ── Dots do carrossel de Vereadores ── */ html.high-contrast .highlights2-container .highlights2-dots li button, html.high-contrast .highlights-container .highlights-dots li button { background-color: #000000 !important; } /* ── Links azuis gerais no conteúdo ── */ html.high-contrast a { color: inherit !important; } /* ─── Escala de Cinza ─── */ html.grayscale-mode { filter: grayscale(100%); } /* Contraste e escala de cinza simultâneos */ html.high-contrast.grayscale-mode { filter: invert(1) hue-rotate(180deg) grayscale(100%); } html.high-contrast.grayscale-mode img, html.high-contrast.grayscale-mode video, html.high-contrast.grayscale-mode canvas, html.high-contrast.grayscale-mode picture, html.high-contrast.grayscale-mode iframe { filter: invert(1) hue-rotate(180deg); }