/* Identidad visual compartida por la portada, el diario, la galería y el panel. */
:root {
  --site-ink: #04091b;
  --site-surface: #0c1a42;
  --site-royal: #1b4fa0;
  --site-gold: #f5bc1c;
  --site-text: #e2e8f0;
  --site-muted: #adb9cb;
  --site-line: rgba(255,255,255,.12);
  --site-radius: 14px;
  --site-focus: #f5bc1c;
}

:is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--site-focus) !important;
  outline-offset: 3px !important;
}

.site-skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 20000;
  transform: translateY(-160%);
  padding: .7rem 1rem;
  border-radius: .65rem;
  background: var(--site-gold);
  color: var(--site-ink) !important;
  font: 700 .9rem 'DM Sans', sans-serif;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(0,0,0,.45);
}
.site-skip-link:focus-visible { transform: translateY(0); }

.site-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.site-status-page {
  box-sizing: border-box;
  min-height: 100vh;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 2rem 1rem;
  color: var(--site-text);
  background: radial-gradient(ellipse at 50% 0%,rgba(27,79,160,.22),transparent 60%),var(--site-ink);
  font-family: 'DM Sans',sans-serif;
}
.site-status-card {
  box-sizing: border-box;
  width: min(100%, 580px);
  min-width: 0;
  padding: clamp(1.75rem,5vw,3rem);
  border: 1px solid rgba(245,188,28,.2);
  border-radius: 1.5rem;
  background: linear-gradient(145deg,var(--site-surface),#071026);
  box-shadow: 0 24px 70px rgba(0,0,0,.4);
  text-align: center;
}
.site-status-logo { width: 56px; height: 56px; object-fit: contain; }
.site-status-eyebrow { margin: 1rem 0 .75rem; color: var(--site-gold); font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.site-status-title { margin: 0 0 1rem; color: #fff; font: 700 clamp(2rem,6vw,3rem)/1.12 'Playfair Display',serif; }
.site-status-text { margin: 0 auto 1.7rem; max-width: 40ch; color: var(--site-muted); line-height: 1.65; }
.site-status-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .8rem 1.25rem; border-radius: .75rem; background: var(--site-gold); color: var(--site-ink); font-weight: 800; text-decoration: none; }
.site-status-action:hover { background: #ffce48; }

@media (prefers-reduced-motion: reduce) {
  .site-skip-link { transition: none; }
}