/* ========================================================================== Recursos assistivos (painel de acessibilidade) — ver js/a11y.js As preferências viram atributos data-a11y-* no (aplicados já no ), então tudo que é só CSS vale desde a primeira pintura da página. Tudo que é interface do painel fica dentro de .a11y-ui e é excluído dos ajustes. ========================================================================== */ /* ---- Fontes alternativas (só são baixadas quando escolhidas) ---- */ @font-face{font-family:'DF Atkinson Hyperlegible';src:url('/fonts/a11y/Atkinson-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'DF Atkinson Hyperlegible';src:url('/fonts/a11y/Atkinson-Bold.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap} @font-face{font-family:'DF Newsreader';src:url('/fonts/a11y/Newsreader-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'DF Newsreader';src:url('/fonts/a11y/Newsreader-Bold.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap} @font-face{font-family:'DF OpenDyslexic';src:url('/fonts/a11y/OpenDyslexic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'DF OpenDyslexic';src:url('/fonts/a11y/OpenDyslexic-Bold.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap} /* ========================================================================== 1. Efeitos aplicados ao site ========================================================================== */ /* ---- Tamanho da fonte / entrelinhas / espaço entre letras ---- O js/a11y.js mede o tamanho original de cada elemento com texto e grava --a11y-fs / --a11y-lh / --a11y-ls / --a11y-ws nele (marcado com data-a11y-t). */ html[data-a11y-fontsize] [data-a11y-t]{font-size:var(--a11y-fs) !important;overflow-wrap:break-word} html[data-a11y-fontsize] [data-a11y-t], html[data-a11y-lineheight] [data-a11y-t]{line-height:var(--a11y-lh) !important} html[data-a11y-letterspacing] [data-a11y-t]{letter-spacing:var(--a11y-ls) !important;word-spacing:var(--a11y-ws) !important} /* ---- Estilo do texto ---- */ html[data-a11y-font="atkinson"] :is(body, body *:not(.a11y-ui, .a11y-ui *)){font-family:'DF Atkinson Hyperlegible',sans-serif !important} html[data-a11y-font="newsreader"] :is(body, body *:not(.a11y-ui, .a11y-ui *)){font-family:'DF Newsreader',Georgia,serif !important} html[data-a11y-font="dyslexic"] :is(body, body *:not(.a11y-ui, .a11y-ui *)){font-family:'DF OpenDyslexic',sans-serif !important} /* ---- Letras destacadas ---- */ html[data-a11y-bold] :is(body, body *:not(.a11y-ui, .a11y-ui *)){font-weight:700 !important} /* ---- Destaque de links (anel duplo: legível sobre fundo claro e escuro) ---- */ html[data-a11y-links] a[href]:not(.a11y-ui *){outline:3px solid #F5B400 !important;outline-offset:2px !important;box-shadow:0 0 0 2px #0F1830 !important;text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:3px !important;border-radius:3px} /* ---- Destacar títulos ---- */ html[data-a11y-headings] :is(h1,h2,h3,h4,h5,h6,[role="heading"]):not(.a11y-ui *){outline:2px dashed #F5B400 !important;outline-offset:6px !important;background-color:rgba(245,180,0,.14) !important;border-radius:4px} /* ---- Esconder imagens ---- */ html[data-a11y-noimg] :is(img, video, picture, canvas, iframe):not(.a11y-ui *){visibility:hidden !important} html[data-a11y-noimg] :is(.img-slot, [style*="url("]):not(.a11y-ui *){background-image:none !important;background-color:var(--navy,#1B2A4C) !important} html[data-a11y-noimg] .home-hero__shield{display:none !important} /* ---- Pausar animações ---- */ html[data-a11y-pause]{scroll-behavior:auto !important} html[data-a11y-pause] *,html[data-a11y-pause] *::before,html[data-a11y-pause] *::after{animation:none !important;transition:none !important} html[data-a11y-pause] :is(.reveal, .reveal-media, .reveal-scale){opacity:1 !important;transform:none !important;filter:none !important} html[data-a11y-pause] .stack-card{transform:none !important;--dim:0 !important} html[data-a11y-pause] :is(.home-hero, .why-us, .consorcio-hero, .premio) .img-slot{transform:none !important} /* ---- Contraste escuro ---- */ html[data-a11y-contrast="dark"]{background:#000 !important} html[data-a11y-contrast="dark"] :is(body, body *:not(.a11y-ui, .a11y-ui *, svg *)){background-color:#000 !important;background-image:none !important;color:#fff !important;border-color:#fff !important;box-shadow:none !important;text-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important} html[data-a11y-contrast="dark"] body *:not(.a11y-ui, .a11y-ui *)::before, html[data-a11y-contrast="dark"] body *:not(.a11y-ui, .a11y-ui *)::after{background-image:none !important;box-shadow:none !important} html[data-a11y-contrast="dark"] a[href]:not(.a11y-ui *){color:#FFE500 !important;text-decoration:underline !important} html[data-a11y-contrast="dark"] :is(button, input, select, textarea, [class*="btn"]):not(.a11y-ui *){outline:2px solid currentColor !important;outline-offset:1px} html[data-a11y-contrast="dark"] :is(input, textarea)::placeholder{color:#cfcfcf !important} /* ---- Contraste claro ---- */ html[data-a11y-contrast="light"]{background:#fff !important} html[data-a11y-contrast="light"] :is(body, body *:not(.a11y-ui, .a11y-ui *, svg *)){background-color:#fff !important;background-image:none !important;color:#000 !important;border-color:#000 !important;box-shadow:none !important;text-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important} html[data-a11y-contrast="light"] body *:not(.a11y-ui, .a11y-ui *)::before, html[data-a11y-contrast="light"] body *:not(.a11y-ui, .a11y-ui *)::after{background-image:none !important;box-shadow:none !important} html[data-a11y-contrast="light"] a[href]:not(.a11y-ui *){color:#0B3AA8 !important;text-decoration:underline !important} html[data-a11y-contrast="light"] :is(button, input, select, textarea, [class*="btn"]):not(.a11y-ui *){outline:2px solid currentColor !important;outline-offset:1px} html[data-a11y-contrast="light"] :is(input, textarea)::placeholder{color:#444 !important} /* O brilho do escudo é um recorte (mask) — sem imagem de fundo ele vira uma mancha. */ html:is([data-a11y-contrast="dark"], [data-a11y-contrast="light"]) .home-hero__shield-shine{display:none !important} /* Fotos recortadas (PNG/WebP transparente) não ganham fundo chapado — senão viram um retângulo com a sombra da capa. */ html:is([data-a11y-contrast="dark"], [data-a11y-contrast="light"]) img:not(.a11y-ui *){background-color:transparent !important} html:is([data-a11y-contrast="dark"], [data-a11y-contrast="light"], [data-a11y-noimg]) .prod-hero__photo-glow{display:none !important} /* ---- Filtros de cor: contraste invertido, intensidade e daltonismo ---- Compostos num único filter no (a raiz não cria bloco de contenção para position:fixed). */ html{--a11y-f1:opacity(1);--a11y-f2:opacity(1);--a11y-f3:opacity(1)} html[data-a11y-contrast="invert"]{--a11y-f1:invert(1) hue-rotate(180deg)} html[data-a11y-saturation="low"]{--a11y-f2:saturate(.45)} html[data-a11y-saturation="high"]{--a11y-f2:saturate(2)} html[data-a11y-saturation="mono"]{--a11y-f2:grayscale(1)} html[data-a11y-daltonism="deuteranopia"]{--a11y-f3:url(#a11y-deuteranopia)} html[data-a11y-daltonism="protanopia"]{--a11y-f3:url(#a11y-protanopia)} html[data-a11y-daltonism="tritanopia"]{--a11y-f3:url(#a11y-tritanopia)} html:is([data-a11y-contrast="invert"], [data-a11y-saturation], [data-a11y-daltonism]){filter:var(--a11y-f1) var(--a11y-f2) var(--a11y-f3)} /* No modo invertido, fotos e o próprio painel são "desinvertidos" para continuarem naturais. */ html[data-a11y-contrast="invert"] :is(img, video, .img-slot, [style*="url("]):not(.a11y-ui *), html[data-a11y-contrast="invert"] .a11y-ui{filter:invert(1) hue-rotate(180deg)} /* ---- Destaques temporários (leitor e navegação pela estrutura) ---- */ .a11y-reading{outline:3px solid #F5B400 !important;outline-offset:3px !important;background-color:rgba(245,180,0,.16) !important;border-radius:4px} .a11y-flash{animation:a11yFlash 1.8s var(--ease,ease) !important} @keyframes a11yFlash{0%,60%{outline:3px solid #F5B400;outline-offset:6px;background-color:rgba(245,180,0,.2)}100%{outline:3px solid transparent;outline-offset:6px;background-color:transparent}} /* ========================================================================== 2. Interface do painel ========================================================================== */ .a11y-ui{position:fixed;inset:0;z-index:400;pointer-events:none;font-family:'Roboto',sans-serif;font-size:14px;line-height:1.4;color:var(--charcoal,#2E3238);-webkit-font-smoothing:antialiased} .a11y-ui *{box-sizing:border-box} :where(.a11y-ui) button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer} .a11y-ui svg{display:block;flex:none} .a11y-ui :focus-visible{outline:3px solid #F5B400;outline-offset:2px} .a11y-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ---- Botão "Recursos assistivos": aba azul no alto da borda direita; mostra só o ícone ---- ---- e expande o texto para a esquerda ao passar o mouse ou focar pelo teclado. ---- */ .a11y-trigger{position:absolute;right:0;top:clamp(110px, 26vh, 240px);pointer-events:auto;display:flex;align-items:center;height:48px;padding:0 10px 0 11px;border-radius:12px 0 0 12px;background:#0B47C5 !important;border:1px solid rgba(255,255,255,.55) !important;border-right:0 !important;color:#fff !important;font:600 13px/1 'Roboto',sans-serif !important;letter-spacing:.01em;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(4,20,70,.55),0 2px 6px rgba(4,20,70,.2);transition:background-color .35s var(--ease,ease),padding .45s var(--ease,ease)} .a11y-trigger__label{max-width:0;opacity:0;overflow:hidden;transition:max-width .45s var(--ease,ease),opacity .25s var(--ease,ease),margin .45s var(--ease,ease)} .a11y-trigger:hover,.a11y-trigger:focus-visible,.a11y-trigger[aria-expanded="true"]{background:#0838A0 !important;padding-left:16px} .a11y-trigger:hover .a11y-trigger__label,.a11y-trigger:focus-visible .a11y-trigger__label,.a11y-trigger[aria-expanded="true"] .a11y-trigger__label{max-width:180px;opacity:1;margin-right:10px} .a11y-trigger:focus-visible{outline:3px solid #F5B400;outline-offset:3px} .a11y-trigger__icon{width:26px;height:26px} .a11y-trigger__count{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#F5B400;color:#0F1830;font:700 11px/20px 'Roboto',sans-serif;text-align:center;box-shadow:0 0 0 2px #fff} .a11y-trigger__count[hidden]{display:none} @media (max-width:640px){ .a11y-trigger{top:clamp(96px, 22vh, 200px);height:44px;padding:0 8px 0 9px} } @media (hover:none){ .a11y-trigger:hover{padding-left:9px} .a11y-trigger:hover .a11y-trigger__label{max-width:0;opacity:0;margin-right:0} } /* ---- Painel ---- */ .a11y-panel{position:absolute;top:16px;right:16px;bottom:16px;width:min(440px, calc(100vw - 32px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;pointer-events:auto;box-shadow:0 34px 90px -24px rgba(8,14,32,.5),0 0 0 1px rgba(27,42,76,.08);transform:translateX(calc(100% + 32px));opacity:0;visibility:hidden;transition:transform .55s var(--ease,ease),opacity .35s var(--ease,ease),visibility 0s linear .55s} .a11y-panel.is-open{transform:none;opacity:1;visibility:visible;transition:transform .55s var(--ease,ease),opacity .35s var(--ease,ease)} @media (max-width:640px){ .a11y-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;height:min(88dvh, 760px);border-radius:22px;transform:translateY(calc(100% + 24px))} } .a11y-panel__head{position:relative;display:flex;align-items:flex-start;gap:14px;padding:22px 20px 22px 22px;color:#fff;background:radial-gradient(120% 140% at 100% 0%, #2B3F6B 0%, rgba(43,63,107,0) 55%),var(--navy,#1B2A4C)} .a11y-panel__badge{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);flex:none} .a11y-panel__badge svg{width:26px;height:26px} .a11y-panel__heading{flex:1;min-width:0;padding-top:2px} .a11y-panel__eyebrow{font:600 10.5px/1 'Roboto',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-light,#DADDE1);opacity:.85} .a11y-panel__title{margin:7px 0 0;font:700 23px/1.05 var(--font-display,'Anek Kannada'),sans-serif;letter-spacing:-.005em;color:#fff} .a11y-panel__sub{margin:6px 0 0;font:400 13px/1.45 'Roboto',sans-serif;color:rgba(255,255,255,.72)} .a11y-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.1) !important;color:#fff !important;transition:background-color .3s var(--ease,ease)} .a11y-icon-btn:hover{background:rgba(255,255,255,.2) !important} .a11y-panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--ice,#F7F8FA);padding:4px 16px 22px;scrollbar-width:thin;scrollbar-color:#c3c8d0 transparent} .a11y-section__title{display:flex;align-items:center;gap:12px;margin:20px 4px 12px;font:600 11px/1 'Roboto',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5A6273} .a11y-section__title::after{content:'';flex:1;height:1px;background:var(--silver-light,#DADDE1)} .a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} /* ---- Cartões de recurso ---- */ .a11y-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:122px;padding:14px 14px 13px;border-radius:16px;text-align:left;background:#fff !important;border:1px solid var(--silver-light,#DADDE1) !important;color:var(--navy,#1B2A4C) !important;transition:border-color .3s var(--ease,ease),box-shadow .3s var(--ease,ease),transform .3s var(--ease,ease),background-color .3s var(--ease,ease)} .a11y-tile:hover{border-color:#B8BFCA !important;box-shadow:0 12px 26px -16px rgba(15,24,48,.4);transform:translateY(-1px)} .a11y-tile:active{transform:translateY(0) scale(.985)} .a11y-tile__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#EDF0F5;color:var(--navy,#1B2A4C);transition:background-color .3s var(--ease,ease),color .3s var(--ease,ease)} .a11y-tile__icon svg{width:22px;height:22px} .a11y-tile__label{font:600 14px/1.25 'Roboto',sans-serif;color:var(--charcoal,#2E3238)} .a11y-tile__foot{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px} .a11y-tile__value{font:500 12px/1.2 'Roboto',sans-serif;color:#646C7A;text-align:right} .a11y-steps{display:flex;gap:4px} .a11y-steps i{width:14px;height:4px;border-radius:2px;background:var(--silver-light,#DADDE1);transition:background-color .3s var(--ease,ease)} .a11y-steps i.is-on{background:var(--navy,#1B2A4C)} .a11y-switch{position:relative;width:30px;height:18px;border-radius:9px;background:var(--silver-light,#DADDE1);transition:background-color .3s var(--ease,ease)} .a11y-switch::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .3s var(--ease,ease)} .a11y-tile.is-active{background:var(--navy,#1B2A4C) !important;border-color:var(--navy,#1B2A4C) !important;box-shadow:0 14px 28px -16px rgba(15,24,48,.6)} .a11y-tile.is-active .a11y-tile__icon{background:rgba(255,255,255,.12);color:#fff} .a11y-tile.is-active .a11y-tile__label{color:#fff} .a11y-tile.is-active .a11y-tile__value{color:var(--silver-light,#DADDE1)} .a11y-tile.is-active .a11y-steps i{background:rgba(255,255,255,.22)} .a11y-tile.is-active .a11y-steps i.is-on{background:#F5B400} .a11y-tile.is-active .a11y-switch{background:#F5B400} .a11y-tile.is-active .a11y-switch::after{transform:translateX(12px)} .a11y-tile[aria-disabled="true"]{opacity:.55;cursor:not-allowed} .a11y-tile[aria-disabled="true"]:hover{transform:none;box-shadow:none} /* Último cartão de um grupo ímpar ocupa a linha inteira, em formato horizontal. */ .a11y-grid > .a11y-tile:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;min-height:0;gap:14px} .a11y-grid > .a11y-tile:last-child:nth-child(odd) .a11y-tile__foot{width:auto;margin:0 0 0 auto;flex-direction:column;align-items:flex-end;gap:7px} .a11y-panel__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--silver-light,#DADDE1);background:#fff} .a11y-panel__note{font:400 12px/1.35 'Roboto',sans-serif;color:#646C7A} .a11y-reset{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--silver-light,#DADDE1) !important;color:var(--navy,#1B2A4C) !important;font:600 13px/1 'Roboto',sans-serif !important;white-space:nowrap;transition:border-color .3s var(--ease,ease),background-color .3s var(--ease,ease)} .a11y-reset:hover{border-color:var(--navy,#1B2A4C) !important;background:var(--ice,#F7F8FA) !important} .a11y-reset svg{width:16px;height:16px} /* ---- Máscara de leitura ---- */ .a11y-mask{position:absolute;inset:0;pointer-events:none} .a11y-mask__top,.a11y-mask__bottom{position:absolute;left:0;right:0;background:rgba(6,10,22,.72)} .a11y-mask__top{top:0;height:var(--y1,40vh);border-bottom:2px solid rgba(245,180,0,.9)} .a11y-mask__bottom{top:var(--y2,60vh);bottom:0;border-top:2px solid rgba(245,180,0,.9)} /* ---- Guia de leitura ---- */ .a11y-guide{position:absolute;left:0;right:0;top:0;pointer-events:none;transform:translateY(var(--y,50vh));will-change:transform} .a11y-guide--orange{height:6px;background:#FF7A00;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 4px 14px rgba(255,122,0,.45)} .a11y-guide--contrast{height:14px;background:#000;border-top:3px solid #FFE500;border-bottom:3px solid #FFE500} /* ---- Lupa de conteúdo ---- */ .a11y-lens{position:absolute;left:0;top:0;max-width:min(560px, calc(100vw - 24px));padding:16px 20px;border-radius:14px;background:var(--navy-deep,#0F1830);color:#fff;font:500 26px/1.4 'Roboto',sans-serif;box-shadow:0 22px 50px -18px rgba(0,0,0,.6),0 0 0 2px #F5B400;pointer-events:none;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden} .a11y-lens[hidden]{display:none} @media (max-width:640px){.a11y-lens{font-size:22px}} /* ---- Barra do leitor de sites ---- */ .a11y-player{position:absolute;left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 6px;border-radius:999px;background:var(--navy,#1B2A4C);color:#fff;box-shadow:0 18px 40px -16px rgba(8,14,32,.6)} .a11y-player[hidden]{display:none} .a11y-player__main{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;background:#fff !important;color:var(--navy,#1B2A4C) !important;font:600 13px/1 'Roboto',sans-serif !important} .a11y-player__main svg{width:18px;height:18px} .a11y-player .a11y-icon-btn{width:38px;height:38px} .a11y-player .a11y-icon-btn svg{width:18px;height:18px} .a11y-player__hint{max-width:190px;padding:0 6px;font:400 12px/1.3 'Roboto',sans-serif;color:rgba(255,255,255,.75)} @media (max-width:640px){ .a11y-player{left:max(12px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom))} .a11y-player__hint{display:none} } /* ---- Folha lateral (estrutura da página) ---- */ .a11y-sheet{position:absolute;top:16px;right:16px;bottom:16px;width:min(420px, calc(100vw - 32px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;pointer-events:auto;box-shadow:0 34px 90px -24px rgba(8,14,32,.5),0 0 0 1px rgba(27,42,76,.08)} .a11y-sheet[hidden]{display:none} @media (max-width:640px){.a11y-sheet{top:auto;left:8px;right:8px;bottom:8px;width:auto;height:min(80dvh, 700px)}} .a11y-tabs{display:flex;gap:4px;padding:6px;margin:14px 16px 4px;border-radius:12px;background:var(--ice,#F7F8FA)} .a11y-tab{flex:1;height:36px;border-radius:9px;font:600 13px/1 'Roboto',sans-serif !important;color:#5A6273 !important;transition:background-color .3s var(--ease,ease),color .3s var(--ease,ease)} .a11y-tab[aria-selected="true"]{background:#fff !important;color:var(--navy,#1B2A4C) !important;box-shadow:0 2px 8px -2px rgba(15,24,48,.18)} .a11y-sheet__list{flex:1;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:8px 12px 20px} .a11y-sheet__empty{padding:24px 8px;color:#646C7A;font-size:13px} .a11y-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:10px;text-align:left;color:var(--charcoal,#2E3238) !important;transition:background-color .25s var(--ease,ease)} .a11y-item:hover{background:var(--ice,#F7F8FA) !important} .a11y-item__tag{flex:none;min-width:34px;height:24px;padding:0 7px;border-radius:6px;display:grid;place-items:center;background:var(--navy,#1B2A4C);color:#fff;font:700 11px/1 'Roboto',sans-serif;letter-spacing:.04em} .a11y-item__text{min-width:0;display:flex;flex-direction:column;gap:2px} .a11y-item__title{font:500 14px/1.3 'Roboto',sans-serif;overflow-wrap:anywhere} .a11y-item__meta{font:400 12px/1.3 'Roboto',sans-serif;color:#646C7A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* ---- Modo de leitura ---- */ .a11y-reader{--r-fs:1;--r-lh:1;--r-ls:0em;position:absolute;inset:0;pointer-events:auto;overflow-y:auto;overscroll-behavior:contain;background:#FBF8F2;color:#20242B} .a11y-reader[hidden]{display:none} .a11y-reader[data-theme="dark"]{background:#111318;color:#E6E4DF} .a11y-reader__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:14px max(20px, calc((100% - 760px) / 2));background:inherit;border-bottom:1px solid rgba(27,42,76,.12)} .a11y-reader[data-theme="dark"] .a11y-reader__bar{border-bottom-color:rgba(255,255,255,.1)} .a11y-reader__label{flex:1;font:600 11px/1 'Roboto',sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.7} .a11y-reader__theme{height:36px;padding:0 14px;border-radius:999px;border:1px solid currentColor !important;font:600 12.5px/1 'Roboto',sans-serif !important;opacity:.85} .a11y-reader__theme:hover{opacity:1} .a11y-reader .a11y-icon-btn{background:rgba(27,42,76,.08) !important;color:inherit !important} .a11y-reader[data-theme="dark"] .a11y-icon-btn{background:rgba(255,255,255,.1) !important} .a11y-reader__article{max-width:720px;margin:0 auto;padding:44px 24px 120px;font:400 calc(20px * var(--r-fs)) / calc(1.7 * var(--r-lh)) 'DF Newsreader',Georgia,serif;letter-spacing:var(--r-ls);word-spacing:calc(var(--r-ls) * 1.33)} .a11y-reader__article :is(h1,h2,h3,h4){font-family:var(--font-display,'Anek Kannada'),sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.005em;margin:1.6em 0 .5em} .a11y-reader__article h1{font-size:calc(40px * min(var(--r-fs), 1.6));margin-top:.2em} .a11y-reader__article h2{font-size:calc(29px * min(var(--r-fs), 1.7))} .a11y-reader__article :is(h3,h4){font-size:calc(22px * var(--r-fs))} .a11y-reader__article p,.a11y-reader__article ul,.a11y-reader__article blockquote{margin:0 0 1em} .a11y-reader__article ul{padding-left:1.2em} .a11y-reader__article li{margin:.3em 0} .a11y-reader__article blockquote{padding-left:1em;border-left:3px solid #F5B400;font-style:italic} .a11y-reader__meta{font:500 13px/1.4 'Roboto',sans-serif;opacity:.65;margin-bottom:10px} html[data-a11y-font="atkinson"] .a11y-reader__article,html[data-a11y-font="atkinson"] .a11y-reader__article :is(h1,h2,h3,h4){font-family:'DF Atkinson Hyperlegible',sans-serif} html[data-a11y-font="dyslexic"] .a11y-reader__article,html[data-a11y-font="dyslexic"] .a11y-reader__article :is(h1,h2,h3,h4){font-family:'DF OpenDyslexic',sans-serif} html[data-a11y-bold] .a11y-reader__article{font-weight:700} /* O painel respeita "pausar animações" e a preferência do sistema. */ @media (prefers-reduced-motion: reduce){ .a11y-panel,.a11y-tile,.a11y-trigger{transition:none} }