/* ── Menu de acessibilidade (estilo UserWay, paleta marrom) ── */ .a11y-widget { position: fixed; bottom: 6rem; left: 1.25rem; z-index: 9100; } .a11y-btn { width: 52px; height: 52px; border-radius: 50%; border: none; background: var(--cor-rodape, #2D1810); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.25); transition: transform .15s, background .15s; } .a11y-btn:hover { transform: scale(1.06); background: var(--cor-primaria); } .a11y-btn svg { width: 28px; height: 28px; fill: #fff; } .a11y-panel { position: absolute; bottom: calc(100% + 0.75rem); left: 0; width: 300px; max-height: 70vh; overflow-y: auto; background: var(--cor-rodape, #2D1810); color: #fff; border-radius: 14px; box-shadow: 0 10px 40px rgba(0,0,0,.35); padding: 1rem; } .a11y-panel__header { display: flex; align-items: center; justify-content: space-between; font-weight: 800; font-size: 0.95rem; margin-bottom: 0.85rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,.15); } .a11y-panel__close { background: none; border: none; color: #fff; font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 0.25rem 0.5rem; border-radius: 4px; } .a11y-panel__close:hover { background: rgba(255,255,255,.12); } .a11y-panel__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-bottom: 0.85rem; } .a11y-opt { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: #fff; border-radius: 10px; padding: 0.7rem 0.5rem; font-size: 0.78rem; font-weight: 600; line-height: 1.3; text-align: center; cursor: pointer; min-height: 44px; transition: background .15s, border-color .15s; } .a11y-opt:hover { background: rgba(255,255,255,.16); } .a11y-opt[aria-pressed="true"] { background: var(--cor-primaria); border-color: var(--cor-primaria); } .a11y-reset { width: 100%; background: transparent; border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 10px; padding: 0.7rem; font-size: 0.8rem; font-weight: 700; cursor: pointer; min-height: 44px; transition: background .15s; } .a11y-reset:hover { background: rgba(255,255,255,.12); } @media (max-width: 680px) { .a11y-widget { bottom: 5.5rem; left: 1rem; } .a11y-panel { width: calc(100vw - 2rem); max-width: 320px; } } /* ── Efeitos aplicados ao ── */ html.a11y-contraste { filter: contrast(1.4) brightness(1.05); } html.a11y-saturacao { filter: saturate(0.25); } html.a11y-contraste.a11y-saturacao { filter: contrast(1.4) brightness(1.05) saturate(0.25); } html.a11y-links a { text-decoration: underline !important; font-weight: 700 !important; } html.a11y-texto-1 { font-size: 112.5%; } html.a11y-texto-2 { font-size: 125%; } html.a11y-texto-3 { font-size: 140%; } html.a11y-espacamento body { letter-spacing: 0.04em; word-spacing: 0.18em; } html.a11y-sem-animacao *, html.a11y-sem-animacao *::before, html.a11y-sem-animacao *::after { animation: none !important; transition: none !important; } html.a11y-sem-imagem img, html.a11y-sem-imagem picture { opacity: 0 !important; } html.a11y-sem-imagem .hero-bg { background-image: none !important; } html.a11y-sem-imagem .card-thumb { background: #ddd !important; } html.a11y-dislexia body, html.a11y-dislexia .card-titulo, html.a11y-dislexia .noticia-titulo { font-family: Verdana, Tahoma, sans-serif !important; letter-spacing: 0.02em; } html.a11y-linha-1 body { line-height: 1.9 !important; } html.a11y-linha-2 body { line-height: 2.2 !important; } html.a11y-linha-3 body { line-height: 2.6 !important; } html.a11y-alinhado p, html.a11y-alinhado li { text-align: left !important; }