/* Modalita accessibile Borealis - 11 agosto 2026 (riscritta dopo la prova sul campo) Si attiva con la classe "a11y" su . Fuori dalla modalita non tocca nulla. Regola imparata a caro prezzo: NON toccare position, opacity, transform e overflow su tutti gli elementi. Menu e pannelli chiusi si aprivano da soli e la grana di fondo diventava opaca coprendo la pagina. Si interviene solo dove serve. */ /* --- valido sempre --- */ .a11y-salta{position:absolute;left:-9999px;top:0;z-index:100000;background:#ffe14d;color:#111; padding:12px 18px;font:600 17px/1.3 system-ui,sans-serif;border-radius:0 0 8px 0;text-decoration:none} .a11y-salta:focus{left:0} :focus-visible{outline:3px solid #ffe14d!important;outline-offset:3px!important} .a11y-tasto{position:fixed!important;left:12px!important;bottom:12px!important;top:auto!important;right:auto!important; z-index:99998;background:#111;color:#fff;border:2px solid #fff;border-radius:999px; font:600 15px/1 system-ui,sans-serif;padding:11px 16px;cursor:pointer;min-height:44px} .a11y-tasto:hover{background:#fff;color:#111} html.a11y .a11y-tasto{background:#ffe14d;color:#111;border-color:#111} @media print{.a11y-tasto{display:none}} /* ============ MODALITA ACCESSIBILE ACCESA ============ */ /* 1. niente movimento (senza toccare opacity ne transform su tutto) */ html.a11y *,html.a11y *::before,html.a11y *::after{ animation:none!important;transition:none!important;scroll-behavior:auto!important; text-shadow:none!important;box-shadow:none!important;filter:none!important; backdrop-filter:none!important;mix-blend-mode:normal!important} html.a11y #cvs,html.a11y #cur,html.a11y #curr,html.a11y canvas,html.a11y video[autoplay]{display:none!important} html.a11y body::after,html.a11y body::before{display:none!important;background:none!important} html.a11y body{cursor:auto!important} /* le sezioni che compaiono scorrendo devono restare visibili anche senza animazione */ html.a11y .rev,html.a11y [class*="rev"]{opacity:1!important;transform:none!important;visibility:visible!important} /* 1b. i testi che l'animazione d'ingresso teneva trasparenti devono comunque vedersi. Si agisce solo sugli elementi che portano testo o immagini: mai sui contenitori, altrimenti si riaccendono la grana di fondo e i pannelli chiusi. */ html.a11y h1,html.a11y h2,html.a11y h3,html.a11y h4,html.a11y h5,html.a11y h6, html.a11y p,html.a11y li,html.a11y a,html.a11y span,html.a11y strong,html.a11y em, html.a11y small,html.a11y label,html.a11y button,html.a11y img,html.a11y figure, html.a11y .hc,html.a11y .hc *{opacity:1!important;transform:none!important;visibility:visible!important} /* 2. contrasto alto */ html.a11y,html.a11y body{background:#0b0b0f!important;color:#fff!important} html.a11y section,html.a11y article,html.a11y aside,html.a11y header,html.a11y footer, html.a11y div,html.a11y li,html.a11y dd,html.a11y dt,html.a11y td,html.a11y th,html.a11y figure{ background-color:transparent!important;background-image:none!important;color:#fff!important; border-color:#8a8a99!important} html.a11y h1,html.a11y h2,html.a11y h3,html.a11y h4,html.a11y h5,html.a11y h6, html.a11y p,html.a11y span,html.a11y strong,html.a11y em,html.a11y small,html.a11y label{color:#fff!important} html.a11y a{color:#ffe14d!important;text-decoration:underline!important;text-underline-offset:3px} html.a11y a:hover{color:#fff!important} html.a11y button,html.a11y .btn,html.a11y .cta,html.a11y input[type=submit],html.a11y .as-navlink{ background:#ffe14d!important;color:#111!important;border:2px solid #fff!important; text-decoration:none!important;min-height:44px} html.a11y input,html.a11y select,html.a11y textarea{ background:#fff!important;color:#111!important;border:2px solid #111!important;min-height:44px;font-size:18px!important} html.a11y .hero{background-image:none!important} html.a11y .as-chip,html.a11y .as-chip.on,html.a11y .chip.on,html.a11y [aria-selected=true]{ background:#ffe14d!important;color:#111!important;border:2px solid #fff!important} html.a11y .as-chip *{color:#111!important} /* 3. testi piu grandi, righe piu larghe */ html.a11y body{font-size:19px!important;line-height:1.85!important;letter-spacing:.01em!important} html.a11y p,html.a11y li,html.a11y dd,html.a11y blockquote{font-size:19px!important;line-height:1.9!important;max-width:70ch} html.a11y a,html.a11y button,html.a11y label,html.a11y .tg,html.a11y .tag,html.a11y .chip{font-size:18px!important;line-height:1.5!important} html.a11y h1{font-size:clamp(34px,6vw,54px)!important;line-height:1.15!important} html.a11y h2{font-size:clamp(28px,4.6vw,40px)!important;line-height:1.2!important} html.a11y h3{font-size:clamp(23px,3.4vw,30px)!important;line-height:1.3!important} html.a11y h4,html.a11y h5,html.a11y h6{font-size:21px!important} /* 4. una colonna sola, senza spostare cio che e' posizionato a mano */ html.a11y *{grid-template-columns:1fr!important;grid-template-areas:none!important;float:none!important; flex-wrap:wrap!important;min-width:0!important} html.a11y img,html.a11y iframe,html.a11y video{max-width:100%!important;height:auto!important} html.a11y section,html.a11y .sec{padding:28px 20px!important} html.a11y .ash-card,html.a11y .ev,html.a11y .card,html.a11y .art,html.a11y .gi,html.a11y .gci{ width:100%!important;max-width:100%!important;display:block!important;margin:0 0 18px 0!important} html.a11y{overflow-x:hidden!important} /* 2b. i richiami colorati (bottoni finti fatti con i link) diventano tutti uguali: fondo giallo, testo nero, bordo bianco. Serve a evitare giallo su verde. */ html.a11y a.hcta,html.a11y a.as-hl,html.a11y a[class*="cta"],html.a11y a[class*="btn"], html.a11y a[class*="hl"],html.a11y a[class*="pill"],html.a11y a[class*="button"]{ background:#ffe14d!important;background-image:none!important;color:#111!important; border:2px solid #fff!important;text-decoration:none!important;padding:10px 16px!important; display:inline-block!important;margin:0 8px 10px 0!important} html.a11y a.hcta *,html.a11y a[class*="cta"] *,html.a11y a[class*="btn"] *{color:#111!important}