/* Diseño de página de la app. Solo variables de tokens.css. */

.skip-link:focus {
  position: static; width: auto; height: auto; clip: auto;
  display: inline-block; padding: var(--space-2) var(--space-4);
  background: var(--surface); color: var(--text);
}

.site-header {
  display: flex; align-items: center; min-height: var(--header-h);
  padding: 0 var(--space-4); background: var(--surface); border-bottom: 1px solid var(--border);
}
.site-header__brand { display: inline-flex; align-items: center; }
.site-header__logo { display: block; height: var(--space-10); width: auto; }

.site-main {
  max-width: var(--portal-max); margin: 0 auto; padding: var(--space-8) var(--space-4);
}

.inicio { display: grid; gap: var(--space-3); }

.site-footer {
  max-width: var(--portal-max); margin: 0 auto; padding: var(--space-6) var(--space-4);
  font-size: var(--text-sm);
}
.site-footer a { color: var(--text); }