/**
 * Tokens y modo claro. El modo oscuro usa los estilos existentes (html.dark).
 * Modificar colores de cada tema desde :root / html[data-theme="light"].
 */

/* ——— Design tokens (oscuro = valores de referencia) ——— */
:root,
html[data-theme='dark'] {
  color-scheme: dark;
  --ga-background: #16083b;
  --ga-foreground: #e7deff;
  --ga-foreground-muted: #cbc3d7;
  --ga-surface: #16083b;
  --ga-surface-elevated: rgba(22, 8, 59, 0.38);
  --ga-surface-glass: rgba(255, 255, 255, 0.06);
  --ga-border: rgba(255, 255, 255, 0.12);
  --ga-border-subtle: rgba(255, 255, 255, 0.08);
  --ga-header-bg: rgba(46, 16, 101, 0.85);
  --ga-header-border: rgba(255, 255, 255, 0.1);
  --ga-footer-bg: #201445;
  --ga-footer-text: rgba(255, 255, 255, 0.6);
  --ga-accent: #8a5dfe;
  --ga-accent-secondary: #2dbdd7;
  --ga-shadow-soft: rgba(0, 0, 0, 0.18);
  --ga-mesh-violet: rgba(138, 93, 254, 0.15);
  --ga-mesh-cyan: rgba(45, 189, 215, 0.1);
  --ga-nav-muted: rgba(255, 255, 255, 0.7);
  --ga-nav-active: #2dbdd7;
  --ga-primary-text: #cfbdff;
  --ga-scroll-pct: rgba(231, 222, 255, 0.55);
}

html[data-theme='light'] {
  color-scheme: light;
  --ga-background: #faf8ff;
  --ga-foreground: #1a0f3d;
  --ga-foreground-muted: #524a6e;
  --ga-surface: #faf8ff;
  --ga-surface-elevated: #ffffff;
  --ga-surface-glass: #ffffff;
  --ga-surface-tint: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 242, 255, 0.96) 45%,
    rgba(236, 250, 253, 0.94) 100%
  );
  --ga-border: rgba(138, 93, 254, 0.16);
  --ga-border-subtle: rgba(45, 189, 215, 0.12);
  --ga-header-bg: rgba(255, 255, 255, 0.88);
  --ga-header-border: rgba(138, 93, 254, 0.1);
  --ga-footer-bg: linear-gradient(180deg, #f5f0ff 0%, #eef8fc 100%);
  --ga-footer-text: rgba(32, 20, 69, 0.68);
  --ga-accent: #7c4dff;
  --ga-accent-secondary: #1a9fb8;
  --ga-shadow-soft: rgba(138, 93, 254, 0.1);
  --ga-shadow-glow: 0 12px 40px rgba(138, 93, 254, 0.1), 0 4px 16px rgba(45, 189, 215, 0.06);
  --ga-mesh-violet: rgba(197, 85, 235, 0.11);
  --ga-mesh-cyan: rgba(45, 189, 215, 0.09);
  --ga-nav-muted: rgba(32, 20, 69, 0.72);
  --ga-nav-active: #6b39dd;
  --ga-primary-text: #6b39dd;
  --ga-scroll-pct: rgba(107, 57, 221, 0.55);
}

/* Transición al cambiar tema (toggle) */
html.gana-theme-transition,
html.gana-theme-transition body,
html.gana-theme-transition .site-header,
html.gana-theme-transition footer,
html.gana-theme-transition .glass-card,
html.gana-theme-transition .surface-panel,
html.gana-theme-transition .gana-lang-dropdown__toggle,
html.gana-theme-transition .gana-theme-toggle {
  transition:
    background-color 0.38s cubic-bezier(0.2, 0.8, 0.2, 1),
    color 0.38s cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 0.38s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.38s cubic-bezier(0.2, 0.8, 0.2, 1),
    fill 0.38s ease,
    stroke 0.38s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  html.gana-theme-transition,
  html.gana-theme-transition body,
  html.gana-theme-transition .site-header,
  html.gana-theme-transition footer {
    transition: none !important;
  }
}

/* ——— Toggle tema ——— */
.gana-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border: 1px solid var(--ga-border);
  background: var(--ga-surface-glass);
  color: var(--ga-foreground);
  cursor: pointer;
  overflow: hidden;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    transform 0.2s ease,
    box-shadow 0.25s ease;
}

.gana-theme-toggle:focus-visible {
  outline: 2px solid rgba(45, 189, 215, 0.65);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .gana-theme-toggle:hover {
    border-color: rgba(138, 93, 254, 0.45);
    box-shadow: 0 0 14px rgba(138, 93, 254, 0.2);
  }
  .gana-theme-toggle:active {
    transform: scale(0.94);
  }
}

.gana-theme-toggle__icon {
  position: absolute;
  font-size: 1.2rem !important;
  line-height: 1;
  transition:
    opacity 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gana-theme-toggle.is-dark .gana-theme-toggle__icon--moon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.gana-theme-toggle.is-dark .gana-theme-toggle__icon--sun {
  opacity: 0;
  transform: rotate(-90deg) scale(0.5);
}
.gana-theme-toggle.is-light .gana-theme-toggle__icon--moon {
  opacity: 0;
  transform: rotate(90deg) scale(0.5);
}
.gana-theme-toggle.is-light .gana-theme-toggle__icon--sun {
  opacity: 1;
  transform: rotate(0deg) scale(1);
  color: #e6a700;
}

@media (prefers-reduced-motion: reduce) {
  .gana-theme-toggle__icon {
    transition: opacity 0.15s ease;
    transform: none !important;
  }
}

/* ——— Modo claro: superficies y tipografía (Tailwind semánticos) ——— */
html[data-theme='light'] body {
  background-color: var(--ga-background);
  background-image:
    radial-gradient(ellipse 90% 55% at 8% -5%, var(--ga-mesh-violet), transparent 55%),
    radial-gradient(ellipse 75% 50% at 95% 10%, var(--ga-mesh-cyan), transparent 50%),
    radial-gradient(ellipse 70% 45% at 50% 105%, rgba(138, 93, 254, 0.06), transparent 55%);
  background-attachment: fixed;
  color: var(--ga-foreground);
}

html[data-theme='light'] .bg-surface,
html[data-theme='light'] .bg-background {
  background-color: var(--ga-background) !important;
}

html[data-theme='light'] .text-on-surface,
html[data-theme='light'] .text-on-background {
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .text-on-surface-variant {
  color: var(--ga-foreground-muted) !important;
}

html[data-theme='light'] .text-primary {
  color: var(--ga-primary-text) !important;
}

html[data-theme='light'] .text-slate-300 {
  color: #4a4563 !important;
}

html[data-theme='light'] .text-slate-400 {
  color: #5b5478 !important;
}

html[data-theme='light'] .text-white:not(.signature-gradient):not([class*='from-']):not(.btn-glow),
html[data-theme='light'] .text-white\/60,
html[data-theme='light'] .text-white\/70,
html[data-theme='light'] .text-white\/80 {
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .text-white\/60 {
  color: var(--ga-footer-text) !important;
}

html[data-theme='light'] .text-white\/70 {
  color: var(--ga-nav-muted) !important;
}

html[data-theme='light'] .site-header {
  background-color: var(--ga-header-bg) !important;
  border-color: var(--ga-header-border) !important;
  box-shadow: 0 8px 28px rgba(32, 20, 69, 0.06) !important;
}

html[data-theme='light'] .site-header .nav-link-animated {
  color: var(--ga-nav-muted) !important;
}

html[data-theme='light'] .site-header .nav-link-animated:hover {
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .site-header a.border-white\/40 {
  border-color: rgba(32, 20, 69, 0.22) !important;
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .site-header a.border-white\/40:hover {
  border-color: rgba(107, 57, 221, 0.45) !important;
  background: rgba(138, 93, 254, 0.06) !important;
}

html[data-theme='light'] footer.bg-\[\#201445\],
html[data-theme='light'] body > footer {
  background: var(--ga-footer-bg) !important;
  border-top: 1px solid rgba(138, 93, 254, 0.12) !important;
}

html[data-theme='light'] footer .text-white\/60 {
  color: var(--ga-footer-text) !important;
}

html[data-theme='light'] footer h5.text-white {
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] footer a.hover\:text-\[\#2DBDD7\]:hover {
  color: var(--ga-accent-secondary) !important;
}

/* Glass / paneles — blanco + acento marca (sin gris plano) */
html[data-theme='light'] .glass-card,
html[data-theme='light'] .glass {
  background: var(--ga-surface-tint) !important;
  border: 1px solid var(--ga-border) !important;
  box-shadow: var(--ga-shadow-glow);
}

html[data-theme='light'] .surface-panel,
html[data-theme='light'] .surface-panel--metric {
  background: var(--ga-surface-tint) !important;
  border: 1px solid var(--ga-border) !important;
  box-shadow: var(--ga-shadow-glow);
}

html[data-theme='light'] .hero-chat-card {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 24px 48px rgba(32, 20, 69, 0.1) !important;
}

html[data-theme='light'] .environmental-gradient,
html[data-theme='light'] .subpage-hero.environmental-gradient {
  background:
    radial-gradient(circle at 20% 30%, var(--ga-mesh-violet) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, var(--ga-mesh-cyan) 0%, transparent 50%) !important;
}

html[data-theme='light'] .bg-mesh {
  background:
    radial-gradient(circle at 20% 30%, var(--ga-mesh-violet) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, var(--ga-mesh-cyan) 0%, transparent 40%) !important;
}

html[data-theme='light'] .hero-section--flow::after {
  background: linear-gradient(180deg, transparent 0%, rgba(247, 244, 252, 0.85) 100%) !important;
}

html[data-theme='light'] .bg-white\/5,
html[data-theme='light'] .bg-white\/10,
html[data-theme='light'] .bg-on-surface\/10 {
  background: linear-gradient(
    135deg,
    rgba(138, 93, 254, 0.07) 0%,
    rgba(255, 255, 255, 0.92) 50%,
    rgba(45, 189, 215, 0.06) 100%
  ) !important;
  border-color: rgba(138, 93, 254, 0.12) !important;
}

html[data-theme='light'] .border-white\/5,
html[data-theme='light'] .border-white\/10,
html[data-theme='light'] .border-white\/20 {
  border-color: var(--ga-border) !important;
}

html[data-theme='light'] .platform-pipeline-card,
html[data-theme='light'] .interactive-card,
html[data-theme='light'] .value-card,
html[data-theme='light'] .platform-compare-table,
html[data-theme='light'] .pricing-plan,
html[data-theme='light'] .faq-stack details,
html[data-theme='light'] .blog-card,
html[data-theme='light'] .contact-intent-card,
html[data-theme='light'] .contact-ora-hint {
  background: var(--ga-surface-tint) !important;
  border: 1px solid var(--ga-border) !important;
  box-shadow: var(--ga-shadow-glow);
}

html[data-theme='light'] .ora-agent-panel__inner {
  background: var(--ga-surface-tint) !important;
  border: 1px solid var(--ga-border) !important;
  box-shadow: var(--ga-shadow-glow);
}

html[data-theme='light'] .cta-panel {
  border-color: var(--ga-border) !important;
}

html[data-theme='light'] .cross-sell-panel {
  border-color: rgba(45, 189, 215, 0.28) !important;
  background:
    linear-gradient(
      135deg,
      rgba(45, 189, 215, 0.08) 0%,
      rgba(138, 93, 254, 0.06) 50%,
      rgba(255, 255, 255, 0.92) 100%
    ) !important;
  box-shadow: 0 10px 32px rgba(32, 20, 69, 0.08) !important;
}

html[data-theme='light'] .ga-promo-banner {
  background: linear-gradient(90deg, #2a1460 0%, #201445 50%, #163a55 100%) !important;
  border-bottom-color: rgba(45, 189, 215, 0.3) !important;
}

html[data-theme='light'] .ga-segment-modal__panel {
  background: #ffffff !important;
  border-color: rgba(138, 93, 254, 0.18) !important;
  box-shadow: 0 24px 64px rgba(32, 20, 69, 0.18) !important;
}

html[data-theme='light'] .ga-segment-title {
  color: #1a0f3d !important;
}

html[data-theme='light'] .ga-segment-sub,
html[data-theme='light'] .ga-segment-privacy {
  color: #524a6e !important;
}

html[data-theme='light'] .ga-segment-option {
  border-color: rgba(32, 20, 69, 0.12) !important;
  background: rgba(138, 93, 254, 0.04) !important;
}

html[data-theme='light'] .ga-segment-option__label {
  color: #1a0f3d !important;
}

html[data-theme='light'] .ga-segment-option__box {
  border-color: rgba(32, 20, 69, 0.28) !important;
}

html[data-theme='light'] .ga-segment-input {
  border-color: rgba(32, 20, 69, 0.16) !important;
  background: #f7f4ff !important;
  color: #1a0f3d !important;
}

html[data-theme='light'] .ga-segment-input::placeholder {
  color: rgba(32, 20, 69, 0.4) !important;
}

html[data-theme='light'] .ga-segment-modal__close {
  background: rgba(32, 20, 69, 0.06) !important;
  color: rgba(32, 20, 69, 0.5) !important;
}

html[data-theme='light'] .ga-segment-skip button {
  color: rgba(32, 20, 69, 0.45) !important;
}


html[data-theme='light'] .gana-scroll-progress__pct {
  color: var(--ga-scroll-pct) !important;
}

html[data-theme='light'] .gana-scroll-progress__track {
  background: linear-gradient(
    180deg,
    transparent,
    rgba(32, 20, 69, 0.12) 12%,
    rgba(32, 20, 69, 0.12) 88%,
    transparent
  ) !important;
}

/* Selector idioma en claro */
html[data-theme='light'] .gana-lang-dropdown__toggle {
  border-color: rgba(32, 20, 69, 0.14) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .gana-lang-dropdown__panel {
  border-color: var(--ga-border) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 40px rgba(32, 20, 69, 0.12) !important;
}

html[data-theme='light'] .gana-lang-dropdown__option {
  color: rgba(32, 20, 69, 0.85) !important;
}

html[data-theme='light'] .gana-lang-dropdown__option.is-active,
html[data-theme='light'] .gana-lang-dropdown__option[aria-selected='true'] {
  color: var(--ga-accent-secondary) !important;
  background: rgba(45, 189, 215, 0.1) !important;
}

/* Contacto / formularios */
html[data-theme='light'] .contact-form-panel__head,
html[data-theme='light'] .contact-form {
  background: var(--ga-surface-tint) !important;
}

html[data-theme='light'] .contact-form-panel {
  background: linear-gradient(
    135deg,
    rgba(197, 85, 235, 0.35),
    rgba(138, 93, 254, 0.28),
    rgba(45, 189, 215, 0.32)
  ) !important;
}

html[data-theme='light'] .contact-form__input {
  background: rgba(32, 20, 69, 0.04) !important;
  border-color: var(--ga-border) !important;
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] .contact-form__input::placeholder {
  color: rgba(32, 20, 69, 0.4) !important;
}

html[data-theme='light'] .contact-form__select {
  color-scheme: light;
}

html[data-theme='light'] .contact-quick-actions__mail {
  border-color: var(--ga-border) !important;
  color: var(--ga-foreground) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

/* Cookies (fondos inline oscuros) */
html[data-theme='light'] #cookie-banner .glass-card,
html[data-theme='light'] #cookie-modal > div:last-child {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--ga-border) !important;
}

html[data-theme='light'] #cookie-banner h4,
html[data-theme='light'] #cookie-modal h3,
html[data-theme='light'] #cookie-banner p,
html[data-theme='light'] #cookie-modal p {
  color: var(--ga-foreground) !important;
}

html[data-theme='light'] #cookie-banner p.text-slate-300,
html[data-theme='light'] #cookie-modal .text-slate-300 {
  color: var(--ga-foreground-muted) !important;
}

/* Bandas de sección (evitar gris plano) */
html[data-theme='light'] section[class*='surface-container'] {
  background: linear-gradient(
    165deg,
    #f8f2ff 0%,
    #faf8ff 42%,
    #e9f7fb 100%
  ) !important;
}

html[data-theme='light'] .bg-surface-container-high,
html[data-theme='light'] [class*='surface-container-high'] {
  background: linear-gradient(145deg, #f5efff 0%, #ecf9fc 100%) !important;
}

html[data-theme='light'] .bg-surface-container-highest,
html[data-theme='light'] [class*='surface-container-highest'] {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(138, 93, 254, 0.14);
  color: #6b39dd !important;
}

html[data-theme='light'] .bg-surface-container,
html[data-theme='light'] .bg-surface-bright,
html[data-theme='light'] .bg-surface-container-low {
  background: linear-gradient(135deg, rgba(138, 93, 254, 0.1), rgba(45, 189, 215, 0.08)) !important;
  color: #6b39dd !important;
}

/* Cajas slate en legales / cookies → tinte marca */
html[data-theme='light'] .bg-slate-50,
html[data-theme='light'] [class*='bg-slate-50'] {
  background: linear-gradient(135deg, #ffffff 0%, #f6f0ff 55%, #edf9fc 100%) !important;
  border-color: rgba(138, 93, 254, 0.14) !important;
  color: var(--ga-foreground);
}

html[data-theme='light'] aside[class*='bg-slate-900'],
html[data-theme='light'] aside[class*='bg-slate-50'] {
  background: linear-gradient(180deg, #ffffff 0%, #f8f3ff 100%) !important;
  border-color: rgba(138, 93, 254, 0.12) !important;
  box-shadow: 4px 0 24px rgba(138, 93, 254, 0.06);
}

html[data-theme='light'] aside .text-slate-400,
html[data-theme='light'] aside .text-slate-500 {
  color: #6a6288 !important;
}

html[data-theme='light'] aside a:hover {
  color: #6b39dd !important;
}

html[data-theme='light'] .bg-slate-100 {
  background: rgba(138, 93, 254, 0.08) !important;
  color: #6b39dd !important;
}

html[data-theme='light'] .bg-slate-900.text-white {
  background: linear-gradient(135deg, #6b39dd, #2dbdd7) !important;
  color: #fff !important;
}

html[data-theme='light'] .divide-slate-50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(138, 93, 254, 0.1) !important;
}

html[data-theme='light'] .border-slate-100,
html[data-theme='light'] .border-slate-200 {
  border-color: rgba(138, 93, 254, 0.12) !important;
}

/* ——— Home: métricas reales (propuesta de valor) ——— */
html[data-theme='light'] #propuesta-valor .value-showcase-intro p.text-label-sm {
  color: #1a9fb8 !important;
}

html[data-theme='light'] #propuesta-valor .value-showcase-intro p.text-body-lg {
  color: var(--ga-foreground-muted) !important;
}

html[data-theme='light'] .value-stats-rail {
  background: linear-gradient(
    135deg,
    rgba(197, 85, 235, 0.42),
    rgba(138, 93, 254, 0.32),
    rgba(45, 189, 215, 0.38)
  ) !important;
  box-shadow:
    0 1px 2px rgba(32, 20, 69, 0.04),
    0 20px 48px rgba(138, 93, 254, 0.14) !important;
}

html[data-theme='light'] .value-stats-rail__glow {
  background: radial-gradient(ellipse 85% 100% at 50% 0%, rgba(255, 255, 255, 0.65), transparent 58%);
}

html[data-theme='light'] .value-stats-rail__grid {
  background: #ffffff !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme='light'] .value-stat__label {
  color: #5b5478 !important;
  letter-spacing: 0.14em;
}

html[data-theme='light'] .value-stat:not(:last-child)::after {
  background: linear-gradient(
    180deg,
    transparent,
    rgba(32, 20, 69, 0.1),
    transparent
  ) !important;
}

html[data-theme='light'] .value-stat--cyan .value-stat__value {
  filter: drop-shadow(0 2px 10px rgba(45, 189, 215, 0.22));
}

html[data-theme='light'] .value-stat--violet .value-stat__value {
  filter: drop-shadow(0 2px 10px rgba(138, 93, 254, 0.22));
}

html[data-theme='light'] .value-stat--magenta .value-stat__value,
html[data-theme='light'] .value-stat--blend .value-stat__value {
  filter: drop-shadow(0 2px 10px rgba(197, 85, 235, 0.2));
}

@media (max-width: 767px) {
  html[data-theme='light'] .value-stats-rail__grid {
    gap: 0.35rem;
  }

  html[data-theme='light'] .value-stat {
    background: rgba(248, 242, 255, 0.45);
    border-radius: 14px;
  }
}

html[data-theme='light'] .value-showcase-intro + .grid .surface-panel {
  background: var(--ga-surface-tint) !important;
}

/* Sobre nosotros: bloque de métricas */
html[data-theme='light'] #about-stats {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(248, 242, 255, 0.85) 50%,
    rgba(236, 250, 253, 0.5) 100%
  );
}

html[data-theme='light'] #about-stats .font-label-sm {
  color: #5b5478 !important;
}

html[data-theme='light'] #about-stats .font-display-xl.text-secondary {
  color: #1a9fb8 !important;
}

html[data-theme='light'] #about-stats .font-display-xl.text-tertiary {
  color: #9b4fd4 !important;
}

html[data-theme='light'] #platform-dashboard .surface-panel,
html[data-theme='light'] #platform-dashboard .glass-card,
html[data-theme='light'] #step-content-1,
html[data-theme='light'] #step-content-2,
html[data-theme='light'] #step-content-3,
html[data-theme='light'] #step-content-4,
html[data-theme='light'] .step-content {
  background: var(--ga-surface-tint) !important;
  border: 1px solid var(--ga-border) !important;
  box-shadow: var(--ga-shadow-glow);
}

html[data-theme='light'] .guarantee-panel {
  /* mantiene gradiente firma; solo suaviza sombra */
  box-shadow: 0 20px 48px rgba(138, 93, 254, 0.2) !important;
}

/* ——— Plataforma: tabla comparativa ——— */
html[data-theme='light'] #platform-compare .platform-compare-table {
  background: var(--ga-surface-tint) !important;
  border: 1px solid rgba(138, 93, 254, 0.18) !important;
  box-shadow: var(--ga-shadow-glow) !important;
}

html[data-theme='light'] #platform-compare thead tr {
  background: linear-gradient(
    90deg,
    rgba(197, 85, 235, 0.07) 0%,
    rgba(138, 93, 254, 0.1) 45%,
    rgba(45, 189, 215, 0.08) 100%
  ) !important;
}

html[data-theme='light'] #platform-compare thead th {
  color: #5b5478 !important;
  border-bottom: 1px solid rgba(32, 20, 69, 0.08);
}

html[data-theme='light'] #platform-compare thead th:nth-child(2) {
  color: #6b39dd !important;
  background: rgba(138, 93, 254, 0.08);
  box-shadow: inset 0 -3px 0 #8a5dfe;
}

html[data-theme='light'] #platform-compare tbody {
  background: #fff;
}

html[data-theme='light'] #platform-compare tbody tr {
  border-color: rgba(32, 20, 69, 0.07) !important;
}

html[data-theme='light'] #platform-compare tbody td {
  color: #5b5478 !important;
}

html[data-theme='light'] #platform-compare tbody td:first-child {
  color: #1a0f3d !important;
  font-weight: 700;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(243, 236, 255, 0.7));
}

html[data-theme='light'] #platform-compare tbody td:nth-child(2) {
  color: #0a6b7d !important;
  font-weight: 600;
  background: linear-gradient(90deg, rgba(138, 93, 254, 0.05), rgba(45, 189, 215, 0.08));
}

html[data-theme='light'] #platform-compare tbody td:nth-child(3),
html[data-theme='light'] #platform-compare tbody td:nth-child(4) {
  color: #6a6288 !important;
}

html[data-theme='light'] #platform-compare .text-cyan-300,
html[data-theme='light'] #platform-compare .text-violet-300 {
  color: inherit !important;
}

html[data-theme='light'] #platform-compare .text-slate-400,
html[data-theme='light'] #platform-compare .text-slate-500 {
  color: inherit !important;
}

html[data-theme='light'] #platform-compare tbody tr:hover td {
  background-color: rgba(138, 93, 254, 0.04);
}

html[data-theme='light'] #platform-compare tbody tr:hover td:first-child {
  background-color: rgba(138, 93, 254, 0.06);
}

html[data-theme='light'] #platform-compare tbody tr:hover td:nth-child(2) {
  background: linear-gradient(90deg, rgba(138, 93, 254, 0.09), rgba(45, 189, 215, 0.12));
}

/* ——— Sobre nosotros: 3 verdades ——— */
html[data-theme='light'] #about-truths > .max-w-7xl > h2 {
  color: #1a0f3d !important;
}

html[data-theme='light'] #about-truths .glass-card {
  background: #ffffff !important;
  border: 1px solid rgba(32, 20, 69, 0.08) !important;
  border-top-width: 3px !important;
  box-shadow:
    0 1px 2px rgba(32, 20, 69, 0.04),
    0 20px 48px rgba(138, 93, 254, 0.08) !important;
  transition:
    transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(1) .glass-card {
  border-top-color: #2dbdd7 !important;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(2) .glass-card {
  border-top-color: #8a5dfe !important;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(3) .glass-card {
  border-top-color: #c555eb !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme='light'] #about-truths .group:hover .glass-card {
    transform: translateY(-4px);
    box-shadow:
      0 8px 24px rgba(32, 20, 69, 0.06),
      0 28px 56px rgba(138, 93, 254, 0.14) !important;
    border-color: rgba(138, 93, 254, 0.22) !important;
  }
}

html[data-theme='light'] #about-truths h4.text-white,
html[data-theme='light'] #about-truths h4 {
  color: #1a0f3d !important;
}

html[data-theme='light'] #about-truths .text-on-surface-variant {
  color: #4f4868 !important;
  line-height: 1.65;
}

html[data-theme='light'] #about-truths .about-truth-index {
  opacity: 0.92 !important;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(1) .about-truth-index {
  color: #2dbdd7 !important;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(2) .about-truth-index {
  color: #8a5dfe !important;
}

html[data-theme='light'] #about-truths .grid > div:nth-child(3) .about-truth-index {
  color: #c555eb !important;
}

/* ——— Contacto: panel de información ——— */
html[data-theme='light'] .contact-info-panel h2,
html[data-theme='light'] .contact-info-panel > p.text-on-surface {
  color: #1a0f3d !important;
}

html[data-theme='light'] .contact-info-panel__city,
html[data-theme='light'] .contact-info-panel .text-on-surface-variant {
  color: #5b5478 !important;
}

html[data-theme='light'] .contact-info-item__label {
  color: #6b39dd !important;
  opacity: 1;
}

html[data-theme='light'] .contact-info-item__value {
  color: #1a0f3d !important;
}

html[data-theme='light'] .contact-info-item__value--text {
  color: #3d3558 !important;
  font-weight: 500;
}

html[data-theme='light'] a.contact-info-item__value:hover {
  color: #0a7a8f !important;
}

html[data-theme='light'] .contact-info-item__icon {
  background: linear-gradient(135deg, rgba(138, 93, 254, 0.12), rgba(45, 189, 215, 0.1)) !important;
  color: #6b39dd !important;
  border: 1px solid rgba(138, 93, 254, 0.15);
}

html[data-theme='light'] .contact-scroll-form {
  color: #6b39dd !important;
}

html[data-theme='light'] .contact-scroll-form:hover {
  color: #0a7a8f !important;
}

html[data-theme='light'] .contact-map-label {
  color: #6b39dd !important;
}

html[data-theme='light'] .contact-map {
  border-color: rgba(32, 20, 69, 0.1) !important;
  box-shadow: 0 12px 32px rgba(32, 20, 69, 0.08) !important;
  background: #fff !important;
}

html[data-theme='light'] .contact-map-link {
  color: #6b39dd !important;
}

html[data-theme='light'] .contact-map-link:hover {
  color: #0a7a8f !important;
}

html[data-theme='light'] .contact-form__label {
  color: #5b5478 !important;
}

html[data-theme='light'] .contact-ora-hint {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(138, 93, 254, 0.15) !important;
}

html[data-theme='light'] .contact-ora-hint p,
html[data-theme='light'] .contact-ora-hint .text-on-surface-variant {
  color: #3d3558 !important;
}

html[data-theme='light'] .contact-intent-card__icon--violet {
  background: rgba(138, 93, 254, 0.12) !important;
  color: #6b39dd !important;
  border-color: rgba(138, 93, 254, 0.2) !important;
}

html[data-theme='light'] .contact-intent-card__icon--cyan {
  background: rgba(45, 189, 215, 0.12) !important;
  color: #0a7a8f !important;
  border-color: rgba(45, 189, 215, 0.25) !important;
}

html[data-theme='light'] .contact-intent-card--accent {
  background: linear-gradient(145deg, #ffffff 0%, rgba(45, 189, 215, 0.12) 100%) !important;
  border-color: rgba(45, 189, 215, 0.28) !important;
}

html[data-theme='light'] .contact-intent-card h2,
html[data-theme='light'] .contact-intent-card p {
  color: #1a0f3d !important;
}

html[data-theme='light'] .contact-intent-card p.text-on-surface-variant,
html[data-theme='light'] .contact-intent-card .text-slate-400 {
  color: #5b5478 !important;
}

/* Páginas legales: columna principal en modo claro */
html[data-theme='light'] body[data-i18n-page='privacy'] main.flex-1,
html[data-theme='light'] body[data-i18n-page='legal'] main.flex-1,
html[data-theme='light'] body[data-i18n-page='cookies'] main.flex-1 {
  background: linear-gradient(180deg, #faf8ff 0%, #f3f0ff 50%, #eef8fc 100%) !important;
}

html[data-theme='light'] body[data-i18n-page='privacy'] aside,
html[data-theme='light'] body[data-i18n-page='legal'] aside,
html[data-theme='light'] body[data-i18n-page='cookies'] aside {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(138, 93, 254, 0.12) !important;
}

html[data-theme='light'] body[data-i18n-page='privacy'] aside h3,
html[data-theme='light'] body[data-i18n-page='legal'] aside h3,
html[data-theme='light'] body[data-i18n-page='cookies'] aside h3 {
  color: #1a0f3d !important;
}