@layer components{.top-nav{--top-nav-accent:var(--color-primary);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);flex-wrap:wrap;display:flex}@media (prefers-color-scheme:dark){.top-nav{--top-nav-accent:var(--color-focus-dark)}}:root[data-theme=dark] .top-nav{--top-nav-accent:var(--color-focus-dark)}:root[data-theme=light] .top-nav{--top-nav-accent:var(--color-primary)}.top-nav-lista{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.top-nav-item{display:flex}.top-nav-link{padding:var(--space-2) var(--space-1);color:var(--color-text);border-bottom:2px solid #0000;font-weight:400;text-decoration:none;display:inline-block}.top-nav-link:hover{text-decoration:underline}.top-nav-link-activa{color:var(--top-nav-accent);text-underline-offset:.25em;border-bottom-color:currentColor;font-weight:700;text-decoration:underline}.top-nav-marca{color:var(--color-text);font-family:var(--font-family-heading);font-weight:600}.top-nav-derecha{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.top-nav-acciones{align-items:center;display:flex}.top-nav-sesion{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.top-nav-sesion-link{padding:var(--space-2) var(--space-3);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none}.top-nav-sesion-link:hover{text-decoration:underline}.top-nav-sesion-link-destacado{color:var(--color-primary-contrast);background-color:var(--color-primary);border-color:var(--color-primary)}.top-nav-link:focus-visible,.top-nav-sesion-link:focus-visible{outline:2px solid var(--top-nav-accent);outline-offset:2px}}