/** * Skip links — uso em todo o site (WCAG 2.4.1 Bypass Blocks) * * Marcação recomendada (primeiro elemento focável dentro de ): * * * Classes suportadas: * .skip-to-main — convênio atual no header de alunos * .skip-link — alias genérico para outras shells / páginas * * Comportamento: fora do ecrã até receber foco por teclado (Tab); ao focar, * aparece no canto superior esquerdo com contraste elevado. Não requer JS. */ .skip-to-main, .skip-link { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; z-index: 10001; } /* Tab / foco por teclado: :focus-visible preferido; :focus cobre browsers mais antigos */ .skip-to-main:focus-visible, .skip-link:focus-visible, .skip-to-main:focus, .skip-link:focus { position: fixed; top: 8px; left: 8px; width: auto; height: auto; padding: 8px 14px; background: #1565c0; color: #fff; border-radius: 6px; font-weight: 600; font-size: 0.95rem; line-height: 1.3; text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); outline: 3px solid #fff; outline-offset: 2px; clip: auto; white-space: normal; overflow: visible; }