html{scroll-behavior:smooth}
.marquee{display:inline-block;animation:mq 22s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
input[type=range]{cursor:pointer}
#toast{transition:opacity .25s}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sr-only.focus\:not-sr-only:focus{position:fixed;width:auto;height:auto;clip:auto}

/* Hamburguesa animada */
#btnMenu.open .ham-l:nth-child(1){transform:translateY(7px) rotate(45deg)}
#btnMenu.open .ham-l:nth-child(2){opacity:0}
#btnMenu.open .ham-l:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ham-l{transition:.25s}

/* ===== MODO CLARO ===== */
html.light body{background:#f8fafc!important;color:#0f172a!important}
html.light #siteHeader{background:rgba(255,255,255,.92)!important;border-color:#e2e8f0!important}
html.light #siteHeader a,html.light #siteHeader nav a{color:#0f172a!important}
html.light #btnMenu{background:#f1f5f9!important;border-color:#e2e8f0!important}
html.light .ham-l{background:#0f172a!important}
html.light #mMenu{background:#fff!important;border-color:#e2e8f0!important}
html.light #btnTheme{background:#f1f5f9!important;border-color:#e2e8f0!important}
html.light main h1,html.light main h2{color:#0f172a!important}
html.light main p{color:#334155}
html.light .bg-white\/5{background:#fff!important;border-color:#e2e8f0!important}
html.light .border-white\/10{border-color:#e2e8f0!important}
html.light .text-slate-400{color:#64748b!important}
html.light .text-white\/70,.text-white\/80{color:#475569!important}

/* ===== ACCESIBILIDAD ===== */
html.a-contrast body{filter:contrast(1.25)}
html.a-contrast img{filter:contrast(1.2)}
html.a-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}
html.a-links a{background:#fef08a!important;color:#000!important;border-radius:6px;padding:0 4px}
html.a-motion *,html.a-motion *::before,html.a-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a-space body{line-height:1.9!important;letter-spacing:.04em!important}
html.a-space p,html.a-space li{margin-bottom:.6em!important}
html.font-lg{font-size:112.5%}html.font-xl{font-size:125%}
