/* Variables y compatibilidad aisladas para la página institucional. */
.about-page {
  --navy-900: #0b1120;
  --navy-800: #162032;
  --navy-700: #24324a;
  --paper: #f8fafc;
  --paper-2: #ffffff;
  --ink: #0f172a;
  --ink-soft: #475569;
  --ink-faint: #64748b;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;
  --accent: #dc2626;
  --accent-dark: #991b1b;
  --accent-tint: #fef2f2;
  --font-mono: "Roboto Mono", monospace;
  --gutter: 1.25rem;
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.about-page .institutional-ticker .ticker-content {
  display: flex;
  flex: 1;
  justify-content: center;
  padding-left: 0;
  animation: none;
  transform: none;
  text-align: center;
}

.about-page .nav a[aria-current="page"] {
  color: #fff;
  background: var(--primary-dark);
}

.about-page .footer a {
  color: #f0b4ba;
}

.about-page .footer a:hover {
  color: #fff;
}

/* El contenido permanece visible aunque el navegador limite las animaciones. */
.about-page .reveal {
  opacity: 1;
  transform: none;
}

@media (min-width: 860px) {
  .about-page .nav a[aria-current="page"] {
    background: transparent;
    border-bottom-color: var(--accent);
  }
}

@media (max-width: 520px) {
  .about-page .institutional-ticker .ticker-content {
    justify-content: flex-start;
    text-align: left;
  }
}