/* Alternate theme: the modern dark theme remains the default. */
html[data-theme="light"] {
  color-scheme: light;
  --modern-bg: #f4f7fb;
  --modern-bg-soft: #e6f2fb;
  --modern-card: rgba(255, 255, 255, 0.94);
  --modern-card-soft: rgba(255, 255, 255, 0.78);
  --modern-text: #102a43;
  --modern-muted: #5c7188;
  --modern-border: rgba(16, 42, 67, 0.12);
  --site-text: #102a43;
  --site-text-soft: #5c7188;
  --texto: #102a43;
  --fondo: #f4f7fb;
  --gris-claro: #eaf2f8;
}

html[data-theme="light"] body {
  color: #102a43;
  background:
    radial-gradient(circle at 12% 0%, rgba(125, 211, 252, 0.24), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(0, 86, 163, 0.1), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
}

html[data-theme="light"] body::before {
  opacity: 0.24;
  background-image:
    linear-gradient(rgba(0, 86, 163, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 86, 163, 0.05) 1px, transparent 1px);
}

html[data-theme="light"] .topbar,
html[data-theme="light"] body > nav {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: rgba(0, 86, 163, 0.16);
  box-shadow: 0 14px 34px rgba(16, 42, 67, 0.1);
}

html[data-theme="light"] .topbar .brand,
html[data-theme="light"] .topbar .brand span,
html[data-theme="light"] body > nav .nav-brand,
html[data-theme="light"] body > nav .nav-brand span {
  color: #102a43;
}

html[data-theme="light"] .topbar .brand span,
html[data-theme="light"] body > nav .nav-brand span,
html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .section-eyebrow::before,
html[data-theme="light"] .hero h1 span,
html[data-theme="light"] .hero-cand h1 span {
  color: #0079b8;
}

html[data-theme="light"] .topbar .top-link,
html[data-theme="light"] .topbar .top-button,
html[data-theme="light"] body > nav .nav-link,
html[data-theme="light"] .hero-cta-secondary,
html[data-theme="light"] .cta-btn-secondary,
html[data-theme="light"] .nav-pill-secondary {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(16, 42, 67, 0.14) !important;
  color: #173b5c !important;
}

html[data-theme="light"] .topbar .top-link:hover,
html[data-theme="light"] .topbar .top-button:hover,
html[data-theme="light"] body > nav .nav-link:hover,
html[data-theme="light"] .hero-cta-secondary:hover,
html[data-theme="light"] .cta-btn-secondary:hover,
html[data-theme="light"] .nav-pill-secondary:hover {
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(0, 121, 184, 0.34) !important;
  color: #102a43 !important;
}

html[data-theme="light"] .hero,
html[data-theme="light"] .hero-cand,
html[data-theme="light"] .impulso,
html[data-theme="light"] .cta-final {
  background:
    radial-gradient(circle at 82% 18%, rgba(14, 165, 233, 0.14), transparent 25%),
    radial-gradient(circle at 14% 80%, rgba(0, 86, 163, 0.1), transparent 30%),
    linear-gradient(180deg, #eaf5fb, #f4f7fb) !important;
}

html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero-cand h1,
html[data-theme="light"] .hero p,
html[data-theme="light"] .hero-cand p {
  color: #102a43 !important;
}

html[data-theme="light"] .hero-point {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  color: #5c7188 !important;
  box-shadow: 0 12px 30px rgba(16, 42, 67, 0.08);
}

html[data-theme="light"] .hero-point strong {
  color: #079bd8 !important;
}

/* Shared text that individual page styles previously forced to white. */
html[data-theme="light"] .hero-logo,
html[data-theme="light"] .hero-sub,
html[data-theme="light"] .hero-point,
html[data-theme="light"] .scroll-hint,
html[data-theme="light"] .impulso-label,
html[data-theme="light"] .cta-final p,
html[data-theme="light"] .cta p,
html[data-theme="light"] footer,
html[data-theme="light"] footer strong {
  color: #5c7188 !important;
}

html[data-theme="light"] .hero-logo,
html[data-theme="light"] .cta-final h2,
html[data-theme="light"] .cta h2,
html[data-theme="light"] .auth-menu-item,
html[data-theme="light"] .modal-kicker,
html[data-theme="light"] .modal-title,
html[data-theme="light"] .modal-meta,
html[data-theme="light"] .modal-text {
  color: #102a43 !important;
}

html[data-theme="light"] .cta {
  background: linear-gradient(145deg, #ffffff, #eaf5fb) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  color: #102a43 !important;
}

html[data-theme="light"] .decision-item,
html[data-theme="light"] .decision-item strong,
html[data-theme="light"] .source-item,
html[data-theme="light"] .source-item strong,
html[data-theme="light"] .option-label,
html[data-theme="light"] .profile-label {
  color: #102a43 !important;
}

html[data-theme="light"] .decision-item::before,
html[data-theme="light"] .scroll-arrow {
  border-color: rgba(0, 121, 184, 0.42) !important;
}

html[data-theme="light"] .auth-menu-panel,
html[data-theme="light"] .session-popup-card,
html[data-theme="light"] .modal-card {
  background: #ffffff !important;
  border-color: rgba(16, 42, 67, 0.14) !important;
  color: #102a43 !important;
}

html[data-theme="light"] .auth-menu-panel {
  min-width: 190px;
  padding: 0.4rem;
  border-radius: 16px;
  box-shadow: 0 18px 38px rgba(16, 42, 67, 0.16);
}

html[data-theme="light"] .auth-menu-button {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(0, 121, 184, 0.24) !important;
  color: #102a43 !important;
}

html[data-theme="light"] .auth-menu-button:hover {
  background: #e5f4fb !important;
  border-color: rgba(0, 121, 184, 0.5) !important;
}

html[data-theme="light"] .auth-menu-button .auth-menu-icon,
html[data-theme="light"] .auth-menu-button svg {
  fill: #0079b8 !important;
  color: #0079b8 !important;
}

html[data-theme="light"] .auth-menu-label {
  padding: 0.4rem 0.65rem 0.25rem;
  color: #6b8198 !important;
}

html[data-theme="light"] .auth-menu-item {
  min-height: 2.7rem;
  padding: 0.65rem 0.7rem;
  border-radius: 10px;
  color: #173b5c !important;
  font-size: 0.88rem;
}

html[data-theme="light"] .auth-menu-item:hover {
  background: #e5f4fb !important;
  color: #102a43 !important;
}

html[data-theme="light"] .auth-menu-item .auth-menu-icon {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
  fill: #0079b8;
}

html[data-theme="light"] .hero-panel {
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  box-shadow: 0 22px 52px rgba(16, 42, 67, 0.12);
}

html[data-theme="light"] .cta-final {
  background:
    radial-gradient(circle at 80% 20%, rgba(125, 211, 252, 0.2), transparent 30%),
    linear-gradient(135deg, #e7f4fb 0%, #f8fbfd 100%) !important;
  color: #102a43 !important;
}

html[data-theme="light"] .cta-final h2,
html[data-theme="light"] .cta-final p {
  color: #102a43 !important;
}

html[data-theme="light"] .cta-final::before {
  color: rgba(0, 86, 163, 0.05);
}

html[data-theme="light"] #valores,
html[data-theme="light"] #propuestas,
html[data-theme="light"] #cifras,
html[data-theme="light"] #noticias,
html[data-theme="light"] .section,
html[data-theme="light"] .equipo,
html[data-theme="light"] .acciones {
  background: transparent !important;
}

html[data-theme="light"] .valor-card,
html[data-theme="light"] .equipo-note,
html[data-theme="light"] .accion-content {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  box-shadow: 0 18px 45px rgba(16, 42, 67, 0.1);
}

html[data-theme="light"] .valor-title,
html[data-theme="light"] .equipo-copy p,
html[data-theme="light"] .equipo-note,
html[data-theme="light"] .equipo-note code,
html[data-theme="light"] .accion-content h3,
html[data-theme="light"] .accion-content p,
html[data-theme="light"] .valor-text {
  color: #102a43 !important;
}

html[data-theme="light"] .valor-num {
  color: rgba(0, 121, 184, 0.12) !important;
}

html[data-theme="light"] .impulso {
  background:
    radial-gradient(circle at 20% 20%, rgba(125, 211, 252, 0.24), transparent 34%),
    linear-gradient(135deg, #e8f5fb, #f8fbfd) !important;
}

html[data-theme="light"] .impulso-card {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  box-shadow: 0 14px 34px rgba(16, 42, 67, 0.08);
}

html[data-theme="light"] .impulso-num {
  color: #079bd8 !important;
}

html[data-theme="light"] .impulso-label {
  color: #5c7188 !important;
}

html[data-theme="light"] .equipo-copy h2,
html[data-theme="light"] .equipo-copy h3,
html[data-theme="light"] .equipo-copy strong {
  color: #102a43 !important;
}

html[data-theme="light"] .noticias-shell {
  background:
    radial-gradient(circle at 92% 8%, rgba(125, 211, 252, 0.2), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #edf7fc 100%) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  color: #102a43 !important;
  box-shadow: 0 24px 60px rgba(16, 42, 67, 0.12);
}

html[data-theme="light"] .noticias-shell::before {
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(0, 86, 163, 0.06), transparent 25%);
}

html[data-theme="light"] .noticias-header .section-title,
html[data-theme="light"] .noticias-header .section-eyebrow,
html[data-theme="light"] .noticias-meta,
html[data-theme="light"] .news-status {
  color: #102a43 !important;
}

html[data-theme="light"] .noticias-header .section-eyebrow::before {
  background: #0ea5e9;
}

html[data-theme="light"] .news-view-all,
html[data-theme="light"] .news-refresh,
html[data-theme="light"] .signout-btn,
html[data-theme="light"] .auth-action.secondary {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(16, 42, 67, 0.15) !important;
  color: #173b5c !important;
}

html[data-theme="light"] .news-view-all:hover,
html[data-theme="light"] .news-refresh:hover,
html[data-theme="light"] .signout-btn:hover,
html[data-theme="light"] .auth-action.secondary:hover {
  background: #dff3fb !important;
  border-color: rgba(0, 121, 184, 0.35) !important;
}

html[data-theme="light"] .noticia-card {
  background: rgba(255, 255, 255, 0.96) !important;
}

html[data-theme="light"] .noticia-badge {
  background: rgba(16, 42, 67, 0.82);
  color: #ffffff;
}

html[data-theme="light"] .hero::after {
  background: #f4f7fb !important;
}

html[data-theme="light"] body > main,
html[data-theme="light"] body > .page,
html[data-theme="light"] body > main h1,
html[data-theme="light"] body > main h2,
html[data-theme="light"] body > main h3,
html[data-theme="light"] body > main h4,
html[data-theme="light"] body > .page h1,
html[data-theme="light"] body > .page h2,
html[data-theme="light"] body > .page h3,
html[data-theme="light"] body > .page h4,
html[data-theme="light"] .section-title,
html[data-theme="light"] .razon-titulo,
html[data-theme="light"] .valor-title,
html[data-theme="light"] .prop-content h3,
html[data-theme="light"] .accion-content h3,
html[data-theme="light"] .logro-card h3,
html[data-theme="light"] .summary-card h3,
html[data-theme="light"] .result-card h3,
html[data-theme="light"] .option-card h3,
html[data-theme="light"] .branch-card h3,
html[data-theme="light"] .tip-card h3,
html[data-theme="light"] .campus-card h3,
html[data-theme="light"] .panel-title,
html[data-theme="light"] .decision-item strong,
html[data-theme="light"] .source-item strong,
html[data-theme="light"] .option-label,
html[data-theme="light"] .profile-label,
html[data-theme="light"] .noticia-title,
html[data-theme="light"] .modal-title {
  color: #102a43 !important;
}

html[data-theme="light"] .lead,
html[data-theme="light"] .section-intro,
html[data-theme="light"] .status,
html[data-theme="light"] .helper,
html[data-theme="light"] .disclaimer,
html[data-theme="light"] .modal-text,
html[data-theme="light"] .source-text,
html[data-theme="light"] .result-note,
html[data-theme="light"] .option-note,
html[data-theme="light"] .flow-step p,
html[data-theme="light"] .stat .label,
html[data-theme="light"] .page .lead,
html[data-theme="light"] .page .status,
html[data-theme="light"] .razon-texto,
html[data-theme="light"] .prop-content p,
html[data-theme="light"] .cifra-label,
html[data-theme="light"] .logro-card p,
html[data-theme="light"] .summary-card p,
html[data-theme="light"] .result-card p,
html[data-theme="light"] .option-card p,
html[data-theme="light"] .branch-card p,
html[data-theme="light"] .tip-card p,
html[data-theme="light"] .campus-card p,
html[data-theme="light"] .panel-text,
html[data-theme="light"] .panel-card p,
html[data-theme="light"] .panel-card small,
html[data-theme="light"] .source-item,
html[data-theme="light"] .decision-item,
html[data-theme="light"] .noticia-excerpt,
html[data-theme="light"] .noticia-date,
html[data-theme="light"] .modal-meta {
  color: #5c7188 !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .summary-card,
html[data-theme="light"] .source-item,
html[data-theme="light"] .helper-card,
html[data-theme="light"] .result-card,
html[data-theme="light"] .option-card,
html[data-theme="light"] .flow-step,
html[data-theme="light"] .stat,
html[data-theme="light"] .search-card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .cifra-item,
html[data-theme="light"] .razon-card,
html[data-theme="light"] .propuesta-fila,
html[data-theme="light"] .branch-card,
html[data-theme="light"] .tip-card,
html[data-theme="light"] .campus-card,
html[data-theme="light"] .quiz-card,
html[data-theme="light"] .panel-card,
html[data-theme="light"] .decision-item,
html[data-theme="light"] .option-label,
html[data-theme="light"] .noticia-card {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(16, 42, 67, 0.12) !important;
  box-shadow: 0 18px 45px rgba(16, 42, 67, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .search-input {
  background: #ffffff !important;
  border-color: rgba(16, 42, 67, 0.16) !important;
  color: #102a43 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: rgba(92, 113, 136, 0.8);
}

html[data-theme="light"] footer {
  background: #eaf2f8;
  border-top-color: rgba(16, 42, 67, 0.1);
  color: #5c7188 !important;
}

html[data-theme="light"] footer strong {
  color: #102a43 !important;
}

html[data-theme="light"] .theme-toggle {
  background: #102a43;
  border-color: #102a43;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(16, 42, 67, 0.2);
}