/* KlipTok v57 · MENÚ DE ACCESIBILIDAD. Idea y botones (A+ · A− · contraste) de «Menu-de-Acessibilidade» de felipecarusoo (MIT). */
.ktax{position:fixed;z-index:9500;inset-inline-start:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));font:600 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.ktax-btn{width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:#4f46e5;color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(30,27,75,.35)}
.ktax-btn:hover,.ktax-btn:focus-visible{background:#4338ca;outline:3px solid #a5b4fc;outline-offset:2px}
.ktax-panel{position:absolute;inset-inline-start:0;bottom:56px;width:230px;padding:12px;border-radius:16px;background:#fff;color:#1e1b4b;border:1px solid #c7d2fe;box-shadow:0 16px 40px rgba(30,27,75,.28)}
.ktax-panel[hidden]{display:none}
.ktax-panel h2{margin:0 0 8px;font-size:.95rem;font-weight:800;color:inherit}
.ktax-row{display:flex;gap:6px;margin-bottom:6px}
.ktax-panel button{flex:1;padding:9px 8px;border-radius:10px;border:1px solid #c7d2fe;background:#eef2ff;color:#1e1b4b;font:inherit;font-weight:800;cursor:pointer}
.ktax-panel button:hover{background:#e0e7ff}
.ktax-panel button:focus-visible{outline:3px solid #4f46e5;outline-offset:1px}
.ktax-panel button[aria-pressed="true"]{background:#4f46e5;border-color:#4f46e5;color:#fff}
.ktax-val{align-self:center;min-width:3.2em;text-align:center;font-weight:800}
.ktax-note{margin:8px 0 0;font-size:.72rem;font-weight:500;opacity:.75}
html.dark .ktax-panel{background:#0f172a;color:#e2e8f0;border-color:#334155}
html.dark .ktax-panel button{background:#1e293b;color:#e2e8f0;border-color:#475569}
@media (max-width:767px){.ktax{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}   /* sobre la barra inferior móvil */
/* ALTO CONTRASTE: negro / blanco / amarillo (los mismos tres colores del original). Imágenes y vídeos no se tocan. */
html.kt-hc{color-scheme:dark}
html.kt-hc body,html.kt-hc body *:not(img):not(video):not(canvas):not(svg):not(svg *):not(.ktax-btn){background-color:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;text-shadow:none!important}
html.kt-hc a,html.kt-hc a *{color:#ffd700!important;text-decoration:underline!important}
html.kt-hc button,html.kt-hc [role="button"],html.kt-hc input,html.kt-hc select,html.kt-hc textarea{border:2px solid #fff!important}
html.kt-hc button:hover,html.kt-hc a:hover{background-color:#222!important}
html.kt-hc :focus-visible{outline:3px solid #ffd700!important;outline-offset:2px!important}
html.kt-hc .ktax-btn{background:#ffd700!important;color:#000!important;border-color:#000!important}
html.kt-hc .ktax-panel button[aria-pressed="true"]{background-color:#ffd700!important;color:#000!important}
@media (prefers-reduced-motion:reduce){.ktax *{transition:none!important}}
