/* Estados y foco compartidos; paleta centralizada en tokens.css. */
[hidden]{display:none!important}
:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--acento);outline-offset:3px;box-shadow:0 0 0 3px rgba(27,42,74,.1)}
.tomo-skeleton{display:block;height:3.5rem;margin:.7rem 0;border-radius:4px;background:var(--linea)}
.tomo-error{color:var(--mal)!important}
.tomo-aviso{position:fixed;bottom:6rem;left:50%;transform:translateX(-50%);z-index:50;width:max-content;max-width:calc(100% - 2rem);padding:.8rem 1rem;margin:0;border:1px solid var(--linea);border-radius:4px;background:var(--hoja);color:var(--tinta);font:.88rem/1.5 var(--sans);overflow-wrap:anywhere;box-shadow:0 4px 20px rgba(27,42,74,.1)}
.tomo-reintentar{display:inline-block;width:auto;padding:.4rem .7rem;font:inherit;color:var(--acento);background:var(--hoja);border:1px solid var(--linea);border-radius:3px;cursor:pointer}
.tabla-scroll{max-width:100%;overflow-x:auto}
.tabla-scroll table{min-width:640px}
.tabla-scroll:focus-visible{outline:2px solid var(--acento)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}