:root{--color-fondo: #ffffff;--color-superficie: #f5f6f8;--color-texto: #1b1f24;--color-texto-suave: #55606d;--color-borde: #d7dce3;--color-primario: #1f5f9e;--color-primario-texto: #ffffff;--color-foco: #0b63ce;--color-error: #a3231f;--color-error-fondo: #fdecea;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--radius-1: .375rem;--font-base: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-base);color:var(--color-texto);background-color:var(--color-fondo)}:focus-visible{outline:2px solid var(--color-foco);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.skip-link{position:absolute;left:var(--space-2);top:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-primario);color:var(--color-primario-texto);border-radius:var(--radius-1);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-borde);background-color:var(--color-superficie)}.app-header__brand{font-weight:700}.app-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;margin:0;padding:0}.app-nav a{color:var(--color-texto)}.app-header__session{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);color:var(--color-texto-suave)}.app-main{flex:1;padding:var(--space-4)}.button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-borde);border-radius:var(--radius-1);background-color:var(--color-superficie);color:var(--color-texto);font:inherit;cursor:pointer}.button--primary{background-color:var(--color-primario);border-color:var(--color-primario);color:var(--color-primario-texto)}