/* ==========================================================================
   Recursos de acessibilidade - Instituto Geriátrico de Brasília
   Pensado para o público do site: idosos, pessoas com ELA, TEA e outras
   doenças degenerativas, cuidadores e familiares.
   ========================================================================== */

/* Link "pular para o conteúdo" - só aparece quando recebe foco do teclado,
   essencial para quem navega sem mouse (ex.: pessoas com ELA usando
   teclado adaptado, leitor de tela, etc.) */
.ig-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    background: #132a4a;
    color: #fff !important;
    padding: 14px 22px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0 0 6px 0;
    text-decoration: none;
}
.ig-skip-link:focus {
    left: 0;
}

/* Contorno de foco bem visível em qualquer elemento navegável por teclado */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #ffb400 !important;
    outline-offset: 2px !important;
}

/* Barra de acessibilidade fixa no topo */
.ig-acessibilidade-bar {
    background: #0d1f38;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}
.ig-acessibilidade-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.ig-acessibilidade-bar__label {
    margin-right: 4px;
    font-weight: 600;
    white-space: nowrap;
}
.ig-a11y-btn {
    background: #1e3a63;
    color: #fff;
    border: 1px solid #2c4f82;
    border-radius: 4px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    min-height: 36px;
}
.ig-a11y-btn:hover {
    background: #2c4f82;
}
.ig-a11y-btn[aria-pressed="true"] {
    background: #ffb400;
    border-color: #ffb400;
    color: #132a4a;
    font-weight: 700;
}

/* ---- Tamanhos de fonte ajustáveis ----
   Aumenta a letra de todo o site de forma proporcional; útil para
   idosos e pessoas com baixa visão. */
html.ig-fonte-grande { font-size: 118%; }
html.ig-fonte-maior { font-size: 135%; }

/* ---- Alto contraste ----
   Fundo escuro e texto claro com cores mais saturadas, ajuda pessoas
   com baixa visão e sensibilidade a telas muito claras. */
html.ig-alto-contraste body {
    background: #000 !important;
    color: #fff !important;
}
html.ig-alto-contraste #content-wrapper,
html.ig-alto-contraste .container-main,
html.ig-alto-contraste .ig-card,
html.ig-alto-contraste section {
    background: #000 !important;
    color: #fff !important;
}
html.ig-alto-contraste p,
html.ig-alto-contraste li,
html.ig-alto-contraste span,
html.ig-alto-contraste h1,
html.ig-alto-contraste h2,
html.ig-alto-contraste h3,
html.ig-alto-contraste h4,
html.ig-alto-contraste h5,
html.ig-alto-contraste h6 {
    color: #fff !important;
}
html.ig-alto-contraste a {
    color: #ffd166 !important;
    text-decoration: underline !important;
}
html.ig-alto-contraste .header-requestbtn,
html.ig-alto-contraste .ig-a11y-btn[aria-pressed="true"] {
    background: #ffd166 !important;
    color: #000 !important;
    border-color: #ffd166 !important;
}
html.ig-alto-contraste .site-header,
html.ig-alto-contraste footer.site-footer {
    background: #000 !important;
    border-bottom: 1px solid #444;
}
html.ig-alto-contraste img {
    filter: grayscale(15%) contrast(105%);
}

/* Respeita quem pediu ao sistema operacional para reduzir animações
   (importante para TEA e sensibilidade a movimento) */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

@media (max-width: 767px) {
    .ig-acessibilidade-bar__label { width: 100%; margin-bottom: 4px; }
}