/* =====================================================================
   orbunio.com · lo que comparten todas las páginas (inicio, contacto, privacidad):
   el enlace para saltar al contenido, el texto solo para lectores de pantalla y el
   selector de tema del pie. Solo tokens --orb-*.
   ===================================================================== */

.saltar { position: absolute; left: 16px; top: -60px; z-index: 50; padding: 10px 14px; border-radius: var(--orb-r-control); background: var(--orb-ink); color: var(--orb-canvas); font: 500 15px/20px var(--orb-font-text); text-decoration: none; }
.saltar:focus { top: 12px; }
.orb-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* el pie: la línea legal y el selector de tema (tema.js) */
.orb-pie .legal { align-items: center; }
.orb-pie .legal a { color: inherit; }
.tema-pie { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--orb-r-pill); border: var(--orb-rail) solid var(--orb-line); background: var(--orb-canvas); }
.tema-pie button { all: unset; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: var(--orb-r-pill); font: 500 13px/1 var(--orb-font-text); color: var(--orb-muted); cursor: pointer; transition: background-color var(--orb-dur-feedback) var(--orb-ease), color var(--orb-dur-feedback) var(--orb-ease); }
.tema-pie button:hover { color: var(--orb-ink); }
.tema-pie button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.tema-pie button[aria-pressed="true"] { background: var(--orb-surface); color: var(--orb-ink); box-shadow: var(--orb-shadow-card), inset 0 0 0 1px var(--orb-line); }
.tema-pie button:focus-visible { outline: 2px solid var(--orb-focus); outline-offset: 2px; }