/* Built from ./theme/ — edit parts, not this file */
/* Tuko theme toggle + dark mode (tuko AI + blog) */

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: 4px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--black, #1a1a1a);
  cursor: pointer;
  flex: 0 0 auto;
  z-index: 210;
  transition: background 0.2s ease, color 0.2s ease;
}
.theme-toggle:hover {
  background: rgba(61, 80, 242, 0.08);
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--blue, #3D50F2);
  outline-offset: 2px;
}
.theme-toggle .theme-icon {
  width: 20px;
  height: 20px;
  display: none;
}
/* Luna rellena: se lee mejor que el stroke fino */
.theme-toggle .theme-icon--moon {
  width: 21px;
  height: 21px;
  fill: currentColor !important;
  stroke: none !important;
}
.theme-toggle .theme-icon--sun {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html:not([data-theme="dark"]) .theme-toggle .theme-icon--moon { display: block; }
html[data-theme="dark"] .theme-toggle .theme-icon--sun { display: block; }

@media (max-width: 1070px) {
  nav .nav-hamburger {
    margin-left: 0;
  }
}

/* ── Dark palette (sin invertir --black/--white: rompe cards claras) ── */
html[data-theme="dark"] {
  color-scheme: dark;
  --gray-1: #161922;
  --gray-2: #2a2e3a;
  --gray-3: #b8bfce;
  --gray-4: #d4d9e4;
  --blue-light: rgba(61, 80, 242, 0.18);
  --blue-dark: #0b0d14;
}

html[data-theme="dark"] body {
  background: #0b0d14;
  color: #f2f3f7;
}

html[data-theme="dark"] nav,
html[data-theme="dark"] body:has(.blog-hero) nav,
html[data-theme="dark"] body:has(.article-page) nav,
html[data-theme="dark"] body:has(.legal-page) nav {
  background: rgba(11, 13, 20, 0.92);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .nav-links a {
  color: #d7dbe6;
}
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .nav-links a.nav-link-active {
  color: #8fa0ff;
}
html[data-theme="dark"] .nav-hamburger span {
  background: #f2f3f7;
}
html[data-theme="dark"] .theme-toggle {
  color: #f2f3f7;
}
html[data-theme="dark"] .theme-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mobile-menu {
  background: rgba(14, 16, 24, 0.98);
  border-bottom-color: rgba(123, 140, 255, 0.16);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .mobile-menu.open {
  border-bottom-color: rgba(123, 140, 255, 0.18);
}
html[data-theme="dark"] .mobile-menu-scrim {
  background: rgba(4, 6, 12, 0.72);
}
html[data-theme="dark"] .mobile-menu a {
  color: #e8ebf5;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mobile-menu a:hover,
html[data-theme="dark"] .mobile-menu a.nav-link-active {
  color: #8fa0ff;
}
html[data-theme="dark"] .mobile-lang {
  border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .mobile-lang-label {
  color: #c2c8d6;
}
html[data-theme="dark"] .mobile-lang .lang-switcher,
html[data-theme="dark"] .lang-switcher {
  background: #1a1e2c;
  border: 1px solid rgba(123, 140, 255, 0.2);
  box-shadow: none;
}
html[data-theme="dark"] .lang-thumb {
  background: #2a3148;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 4px 12px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .lang-opt {
  color: #d0d5e0;
}
html[data-theme="dark"] .lang-switcher .lang-opt.active {
  color: #d4dcff;
}
html[data-theme="dark"] .lang-switcher .lang-opt:hover:not(.active) {
  color: #f2f3f7;
}
html[data-theme="dark"] .lang-switcher .lang-opt.active .lang-opt-flag {
  box-shadow: 0 0 0 1px rgba(143, 160, 255, 0.35);
}
html[data-theme="dark"] .mobile-menu .mobile-cta {
  background: linear-gradient(135deg, #4a5df5 0%, #3d50f2 55%, #3344d6 100%);
  color: #fff !important;
  border: 1px solid rgba(180, 195, 255, 0.28);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 10px 28px rgba(61, 80, 242, 0.4);
}
html[data-theme="dark"] .mobile-menu .mobile-cta:hover {
  background: linear-gradient(135deg, #5b6bf7 0%, #4456f4 55%, #3d50f2 100%);
}
html[data-theme="dark"] .nav-logo img {
  filter: brightness(0) invert(1);
}

html[data-theme="dark"] footer {
  background: #07080d;
}
html[data-theme="dark"] .footer-brand-mark,
html[data-theme="dark"] .footer-col a,
html[data-theme="dark"] .footer-col-title {
  color: #f2f3f7;
}
html[data-theme="dark"] .footer-brand-text {
  color: #e8ebf5;
}
html[data-theme="dark"] .footer-bottom-inner {
  color: #c2c8d6;
}

/* ── tuko AI dark ── */
html[data-theme="dark"] .ia-hero {
  background:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(61, 80, 242, 0.28) 0%, transparent 58%),
    linear-gradient(180deg, #0b0d14 0%, #10131c 55%, #0b0d14 100%);
}
html[data-theme="dark"] .ia-hero h1 { color: #f2f3f7; }
html[data-theme="dark"] .ia-hero h1 .ia-w1 { color: #f2f3f7; }
html[data-theme="dark"] .ia-hero h1 .ia-w2 {
  color: #8fa0ff;
  text-shadow: 0 0 28px rgba(61, 80, 242, 0.55);
}
html[data-theme="dark"] .ia-lead { color: #d0d5e0; }
html[data-theme="dark"] .ia-lead em,
html[data-theme="dark"] .ia-lead .ia-em,
html[data-theme="dark"] .ia-lead-key,
html[data-theme="dark"] .ia-lead-brand { color: #8fa0ff; }
html[data-theme="dark"] .ia-note { color: #b8bfce; }

/* Badge "En desarrollo": glass oscuro, no pastilla clara */
html[data-theme="dark"] .ia-status {
  background: rgba(28, 34, 56, 0.95);
  border: 1px solid rgba(160, 180, 255, 0.55);
  color: #d4dcff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 8px 28px rgba(0, 0, 0, 0.4),
    0 0 24px rgba(90, 120, 255, 0.2);
}
html[data-theme="dark"] .ia-dot i {
  background: #9eb0ff;
  box-shadow: 0 0 0 3px rgba(158, 176, 255, 0.28);
}
html[data-theme="dark"] .ia-dot i::after {
  background: #9eb0ff;
}

html[data-theme="dark"] .ia-hero h1 .ia-w1 {
  color: #f7f8fc;
}
html[data-theme="dark"] .ia-hero h1 .ia-w2 {
  color: #8fa0ff;
  text-shadow: 0 0 32px rgba(100, 130, 255, 0.65);
}
/* El glint no debe ensombrecer el título en dark */
html[data-theme="dark"] .ia-shine-glint {
  filter: drop-shadow(0 0 10px rgba(140, 170, 255, 0.35));
  opacity: 0.92;
}

/* Eyebrows (Qué analiza / Cómo funcionará): azul más claro */
html[data-theme="dark"] .ia-eyebrow {
  color: #8fa0ff;
  letter-spacing: 0.14em;
}
html[data-theme="dark"] .ia-section-head h2 em {
  color: #8fa0ff;
}
html[data-theme="dark"] .ia-flow-meta {
  color: #8fa0ff;
}

/* Números grandes 01–06: más claros para no camuflarse */
html[data-theme="dark"] .ia-signal-wm {
  color: rgba(160, 180, 255, 0.28);
}
html[data-theme="dark"] .ia-signal:hover .ia-signal-wm {
  color: rgba(180, 200, 255, 0.48);
}
html[data-theme="dark"] .ia-signal-idx {
  color: rgba(143, 160, 255, 0.7);
}
html[data-theme="dark"] .ia-signal:hover .ia-signal-idx {
  color: #c5d0ff;
}

/* Señales board: superficie un poco más legible */
html[data-theme="dark"] .ia-signals {
  background: rgba(20, 24, 38, 0.65);
  border: 1px solid rgba(123, 140, 255, 0.18);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .ia-signal {
  background: rgba(22, 26, 40, 0.96);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
html[data-theme="dark"] .ia-signal:hover {
  background: rgba(28, 32, 50, 0.98);
}

/* Pronto / soon: tarjeta noche limpia */
html[data-theme="dark"] .ia-soon {
  background: linear-gradient(180deg, #1a1e2c 0%, #141824 100%);
  border-color: rgba(140, 160, 255, 0.28);
  color: #c8cedc;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 14px 36px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .ia-soon-tag {
  color: #dce3ff;
  background: linear-gradient(180deg, rgba(90, 110, 255, 0.42) 0%, rgba(61, 80, 242, 0.28) 100%);
  border-color: rgba(160, 180, 255, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}

/* Formulario CTA: azul más profundo en noche */
html[data-theme="dark"] .cta-wrap {
  background: #0b0d14;
}
html[data-theme="dark"] .cta-wrap .cta-inner {
  background: linear-gradient(165deg, #1f2bb0 0%, #1a2494 48%, #151e7a 100%);
  box-shadow:
    0 28px 80px rgba(10, 16, 70, 0.5),
    0 0 0 1px rgba(140, 160, 255, 0.1);
}
html[data-theme="dark"] .cta-wrap .cta-inner h2 {
  color: #fff;
}
html[data-theme="dark"] .ia-form-intro {
  color: rgba(255, 255, 255, 0.82);
}
html[data-theme="dark"] .cta-wrap .cta-form label {
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme="dark"] .cta-wrap .cta-input {
  background: #fff;
  color: #1a1a1a;
  border-color: transparent;
}
html[data-theme="dark"] .cta-wrap .btn-submit {
  background: #0b0d14;
  color: #fff;
}
html[data-theme="dark"] .cta-wrap .btn-submit:hover {
  background: #161922;
}


/* Shine / glint: más intenso en noche; light se queda con el original */
html[data-theme="dark"] .ia-shine-glint {
  background-image: linear-gradient(
    100deg,
    transparent 0%,
    transparent 36%,
    rgba(140, 180, 255, 0.18) 42%,
    rgba(200, 220, 255, 0.7) 47%,
    rgba(255, 255, 255, 1) 50%,
    rgba(160, 200, 255, 0.7) 53%,
    rgba(100, 140, 255, 0.22) 58%,
    transparent 64%,
    transparent 100%
  );
  animation-duration: 5s;
  filter: drop-shadow(0 0 14px rgba(100, 150, 255, 0.55));
}
html[data-theme="dark"] .cta-wrap .cta-inner h2 .cta-brand-glint {
  filter: drop-shadow(0 0 12px rgba(100, 150, 255, 0.45));
}

/* Widget panel: shell oscuro + glow noche */
html[data-theme="dark"] .ia-panel {
  background: rgba(22, 25, 36, 0.94);
  border-color: rgba(123, 140, 255, 0.28);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 22px 50px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(61, 80, 242, 0.28);
}
html[data-theme="dark"] .ia-panel-plate,
html[data-theme="dark"] .ia-panel-plate-2 {
  background: #12151f;
  border-color: rgba(123, 140, 255, 0.16);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .ia-panel-glow {
  background: radial-gradient(circle, rgba(80, 120, 255, 0.45) 0%, transparent 70%);
  opacity: 0.95;
}
html[data-theme="dark"] .ia-panel.is-ready {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 22px 50px rgba(0, 0, 0, 0.45),
    0 0 36px rgba(61, 200, 160, 0.22),
    0 0 64px rgba(61, 80, 242, 0.28);
  animation: ia-panel-ready-glow-dark 1.35s ease-out;
}
@keyframes ia-panel-ready-glow-dark {
  0% {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.05) inset,
      0 22px 50px rgba(0, 0, 0, 0.5),
      0 0 28px rgba(61, 80, 242, 0.2);
  }
  40% {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.08) inset,
      0 22px 50px rgba(0, 0, 0, 0.45),
      0 0 52px rgba(61, 210, 170, 0.38),
      0 0 80px rgba(90, 130, 255, 0.4);
  }
  100% {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.06) inset,
      0 22px 50px rgba(0, 0, 0, 0.45),
      0 0 36px rgba(61, 200, 160, 0.22),
      0 0 64px rgba(61, 80, 242, 0.28);
  }
}
html[data-theme="dark"] .ia-hero-visual:has(.ia-panel.is-ready) .ia-panel-glow {
  animation: ia-glow-ready-burst-dark 1.35s ease-out;
}
@keyframes ia-glow-ready-burst-dark {
  0% {
    background: radial-gradient(ellipse 68% 58% at 50% 50%, rgba(80, 120, 255, 0.35) 0%, transparent 72%);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    background: radial-gradient(ellipse 72% 62% at 50% 50%, rgba(70, 220, 180, 0.42) 0%, rgba(80, 120, 255, 0.28) 40%, transparent 72%);
    transform: scale(1.12);
    opacity: 1;
  }
  100% {
    background: radial-gradient(ellipse 68% 58% at 50% 50%, rgba(80, 120, 255, 0.38) 0%, transparent 72%);
    transform: scale(1);
    opacity: 0.95;
  }
}

html[data-theme="dark"] .ia-panel-name { color: #f2f3f7; }
html[data-theme="dark"] .ia-panel-sub { color: #d0d5e0; }
html[data-theme="dark"] .ia-panel.is-ready .ia-panel-sub { color: #3DDBB0; }
html[data-theme="dark"] .ia-panel.is-ready .ia-panel-pct { color: #3DDBB0; }

/* Cabecera del widget: noche (no gris claro) */
html[data-theme="dark"] .ia-panel-head {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(61, 80, 242, 0.22) 0%, transparent 55%),
    linear-gradient(180deg, #222636 0%, rgba(22, 25, 36, 0) 100%);
  border-bottom-color: rgba(123, 140, 255, 0.14);
}
html[data-theme="dark"] .ia-panel.is-ready .ia-panel-head {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(61, 210, 170, 0.18) 0%, transparent 55%),
    linear-gradient(180deg, #1c2430 0%, rgba(22, 25, 36, 0) 100%);
  border-bottom-color: rgba(61, 200, 160, 0.2);
}

html[data-theme="dark"] .ia-sig-row {
  background: #232838;
  border-color: rgba(150, 170, 255, 0.28);
}
html[data-theme="dark"] .ia-sig-row.is-checked {
  background: rgba(70, 95, 230, 0.22);
  border-color: rgba(150, 170, 255, 0.4);
}
html[data-theme="dark"] .ia-sig-row.is-active {
  background: #222636;
  border-color: rgba(123, 140, 255, 0.4);
  box-shadow: 0 0 0 3px rgba(61, 80, 242, 0.16);
}
html[data-theme="dark"] .ia-sig-txt { color: #c2c8d6; }
html[data-theme="dark"] .ia-sig-row.is-checked .ia-sig-txt { color: #eef0f7; }
html[data-theme="dark"] .ia-sig-row.is-active .ia-sig-txt { color: #8fa0ff; }
html[data-theme="dark"] .ia-panel-foot { color: #b8bfce; }
html[data-theme="dark"] .ia-panel-foot svg { stroke: #b8bfce; }
html[data-theme="dark"] .ia-panel-label { color: #b8bfce; }

/* Propuesta: superficie oscura (no flash blanco) */
html[data-theme="dark"] .ia-proposal-loading {
  background: linear-gradient(165deg, rgba(40, 48, 72, 0.7) 0%, rgba(28, 32, 48, 0.85) 100%);
  border-color: rgba(123, 140, 255, 0.28);
}
html[data-theme="dark"] .ia-proposal-loading span { color: #d0d5e0; }
html[data-theme="dark"] .ia-proposal-card {
  background: linear-gradient(165deg, #252a3c 0%, #1c2030 45%, #181c28 100%);
  border-color: rgba(130, 155, 255, 0.32);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(70, 100, 255, 0.18);
}
html[data-theme="dark"] .ia-proposal-card::before {
  background: linear-gradient(180deg, #9eb0ff, #5b6bf7);
  box-shadow: 0 0 12px rgba(110, 140, 255, 0.45);
}
html[data-theme="dark"] .ia-proposal-head .ia-panel-label {
  color: #8fa0ff;
}
html[data-theme="dark"] .ia-badge-rec {
  background: linear-gradient(135deg, #6b7bff 0%, #3d50f2 100%);
  box-shadow: 0 3px 14px rgba(61, 80, 242, 0.45);
}
html[data-theme="dark"] .ia-proposal-product {
  color: #f4f6fb;
}
html[data-theme="dark"] .ia-proposal-insight {
  color: #d0d5e0;
}
html[data-theme="dark"] .ia-metrics {
  background: rgba(12, 14, 22, 0.55);
  border-color: rgba(123, 140, 255, 0.16);
}
html[data-theme="dark"] .ia-metric + .ia-metric {
  border-left-color: rgba(123, 140, 255, 0.16);
}
html[data-theme="dark"] .ia-metric strong {
  color: #f2f3f7;
}
html[data-theme="dark"] .ia-metric span {
  color: #b8bfce;
}
html[data-theme="dark"] .ia-discount p {
  color: #f2f3f7;
}
html[data-theme="dark"] .ia-discount small {
  color: #b8bfce;
}
html[data-theme="dark"] .ia-discount b {
  color: #c5d0ff;
  background: rgba(90, 115, 255, 0.22);
  border-color: rgba(140, 165, 255, 0.35);
  box-shadow: 0 0 16px rgba(80, 120, 255, 0.2);
}

/* Entrada de la propuesta: glow noche un poco más marcado */
html[data-theme="dark"] .ia-panel.is-ready .ia-proposal-card {
  animation: ia-proposal-in-dark 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes ia-proposal-in-dark {
  0% {
    opacity: 0;
    transform: translateY(14px) scale(0.97);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.04) inset,
      0 0 0 rgba(90, 140, 255, 0);
  }
  55% {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.08) inset,
      0 16px 40px rgba(0, 0, 0, 0.4),
      0 0 40px rgba(90, 140, 255, 0.35);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.06) inset,
      0 14px 36px rgba(0, 0, 0, 0.4),
      0 0 28px rgba(70, 100, 255, 0.18);
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .ia-panel.is-ready .ia-proposal-card {
    animation: none;
  }
}

html[data-theme="dark"] .ia-signal {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.06);
  color: #f2f3f7;
}
html[data-theme="dark"] .ia-signal h3 { color: #f2f3f7; }
html[data-theme="dark"] .ia-signal p,
html[data-theme="dark"] .ia-flow-body,
html[data-theme="dark"] .ia-section-head p {
  color: #d0d5e0;
}

html[data-theme="dark"] .ia-section,
html[data-theme="dark"] .ia-flow-section {
  background: #0b0d14;
}
html[data-theme="dark"] .ia-signals-section {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(61, 80, 242, 0.16) 0%, transparent 65%),
    linear-gradient(180deg, #10131c 0%, #0b0d14 100%);
}
html[data-theme="dark"] .ia-signals-section::before {
  background-image:
    linear-gradient(rgba(123, 140, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123, 140, 255, 0.12) 1px, transparent 1px);
}
html[data-theme="dark"] .ia-section-head h2 { color: #f2f3f7; }

/* Flow cards noche + glow más visible */
html[data-theme="dark"] .ia-flow-card {
  background: #1a1d27;
  border-color: rgba(123, 140, 255, 0.16);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 16px 40px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .ia-flow-card::before {
  background: #12151f;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .ia-flow-step h3 { color: #f2f3f7; }
html[data-theme="dark"] .ia-flow-ico {
  background: linear-gradient(160deg, rgba(61, 80, 242, 0.32) 0%, rgba(61, 80, 242, 0.12) 100%);
  border-color: rgba(123, 140, 255, 0.28);
  color: #8fa0ff;
  box-shadow: none;
}
html[data-theme="dark"] .ia-flow-step.is-active .ia-flow-card {
  border-color: rgba(123, 140, 255, 0.4);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 18px 44px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(61, 80, 242, 0.22),
    0 0 40px rgba(61, 80, 242, 0.28);
}
html[data-theme="dark"] .ia-flow-card::after {
  box-shadow:
    0 0 0 1.5px rgba(130, 160, 255, 0.55),
    0 0 36px rgba(90, 140, 255, 0.45),
    0 0 64px rgba(61, 80, 242, 0.28);
}
html[data-theme="dark"] .ia-flow-card.is-glow::after {
  animation: ia-card-glow-dark 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes ia-card-glow-dark {
  0%   { opacity: 0; }
  28%  { opacity: 1; }
  100% { opacity: 0; }
}
html[data-theme="dark"] .ia-flow-marker span {
  background: linear-gradient(180deg, #1e2230 0%, #161922 100%);
  color: #8fa0ff;
  border-color: rgba(123, 140, 255, 0.4);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 10px 28px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .ia-flow-step.is-active .ia-flow-marker span {
  background: var(--blue);
  color: #fff;
  border-color: var(--blue);
  box-shadow:
    0 12px 32px rgba(61, 80, 242, 0.4),
    0 0 0 1px rgba(61, 80, 242, 0.3),
    0 0 24px rgba(90, 140, 255, 0.35);
}

/* ── Blog dark ── */
html[data-theme="dark"] .blog-hero {
  background:
    radial-gradient(ellipse 90% 70% at 50% -10%, rgba(90, 110, 255, 0.55) 0%, transparent 55%),
    linear-gradient(165deg, #1a2260 0%, #12153a 45%, #0b0d14 100%);
}
html[data-theme="dark"] .blog-hero h1 {
  color: #f7f8ff;
  background-image: linear-gradient(
    105deg,
    #f7f8ff 0%,
    #f7f8ff 38%,
    #c8d4ff 46%,
    #ffffff 50%,
    #c8d4ff 54%,
    #f7f8ff 62%,
    #f7f8ff 100%
  );
  background-size: 240% 100%;
  background-position: 140% center;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: tuko-blog-shine 7s ease-in-out infinite;
}
html[data-theme="dark"] .blog-hero p {
  color: rgba(230, 234, 255, 0.78);
}
html[data-theme="dark"] .bh-badge {
  background: rgba(255, 255, 255, 0.12);
  color: #e8ecff;
}

/* Logo marca del banner: el SVG es #222 → en noche se camufla; lo aclaramos */
html[data-theme="dark"] .bh-deco-right {
  opacity: 0.28;
  filter: brightness(0) invert(1);
}
@media (max-width: 960px) {
  html[data-theme="dark"] .bh-deco-right {
    opacity: 0.38;
  }
}

@keyframes tuko-blog-shine {
  0%, 100% { background-position: 140% center; }
  45%, 55% { background-position: -40% center; }
}

html[data-theme="dark"] .blog-list-section,
html[data-theme="dark"] .article-page,
html[data-theme="dark"] .article-main {
  background: #0b0d14;
  color: #f2f3f7;
}
html[data-theme="dark"] .blog-post {
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .blog-post-title,
html[data-theme="dark"] .article-title,
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3 {
  color: #f2f3f7;
}
html[data-theme="dark"] .blog-post-meta,
html[data-theme="dark"] .article-meta,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .article-body li {
  color: #d0d5e0;
}
html[data-theme="dark"] .article-body a,
html[data-theme="dark"] .article-back {
  color: #8fa0ff;
}
html[data-theme="dark"] .article-back:hover {
  color: #b4c0ff;
}

/* Legal pages: same night palette as articles (body uses --gray-4 on light surface) */
html[data-theme="dark"] .legal-page {
  background: #0b0d14;
  color: #f2f3f7;
}
html[data-theme="dark"] .legal-badge {
  background: rgba(61, 80, 242, 0.18);
  color: #b4c0ff;
}
html[data-theme="dark"] .legal-title,
html[data-theme="dark"] .legal-section h2,
html[data-theme="dark"] .legal-section strong {
  color: #f2f3f7;
}
html[data-theme="dark"] .legal-intro,
html[data-theme="dark"] .legal-section p,
html[data-theme="dark"] .legal-list li {
  color: #d0d5e0;
}
html[data-theme="dark"] .legal-update {
  color: #b8bfce;
}
html[data-theme="dark"] .legal-intro,
html[data-theme="dark"] .legal-section {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .legal-section a {
  color: #8fa0ff;
}
html[data-theme="dark"] .legal-section a:hover {
  color: #b4c0ff;
}

html[data-theme="dark"] .blog-post-title-link:hover .blog-post-title,
html[data-theme="dark"] .blog-post-link:hover .blog-post-title {
  color: #8fa0ff;
}

/* Posts con color inline: forzar noche legible */
html[data-theme="dark"] .article-main h1,
html[data-theme="dark"] .article-main h2,
html[data-theme="dark"] .article-main h3 {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .article-main > div[style],
html[data-theme="dark"] .article-main > div[style] > p,
html[data-theme="dark"] .article-main > p[style] {
  color: #d0d5e0 !important;
}
html[data-theme="dark"] .blog-cms-body,
html[data-theme="dark"] .blog-cms-body p,
html[data-theme="dark"] .blog-cms-body div,
html[data-theme="dark"] .blog-cms-body li {
  color: #d0d5e0 !important;
}
html[data-theme="dark"] .blog-cms-body h2,
html[data-theme="dark"] .blog-cms-body h3,
html[data-theme="dark"] .blog-cms-body h4,
html[data-theme="dark"] .blog-cms-body h2 span,
html[data-theme="dark"] .blog-cms-body h3 span,
html[data-theme="dark"] .blog-cms-body strong,
html[data-theme="dark"] .blog-cms-body b,
html[data-theme="dark"] .blog-cms-body [style*="font-weight"] {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .blog-cms-body a {
  color: #8fa0ff !important;
}
html[data-theme="dark"] .article-related-title {
  color: #f2f3f7;
}
html[data-theme="dark"] .article-related-card {
  background: #161922;
  border: 1px solid rgba(123, 140, 255, 0.16);
  border-radius: 14px;
  overflow: hidden;
}
html[data-theme="dark"] .article-related-card-meta {
  color: #b8bfce;
}
html[data-theme="dark"] .article-related-card-name {
  color: #e8ebf5;
}
html[data-theme="dark"] .article-related-card:hover .article-related-card-name {
  color: #8fa0ff;
}

/* Blog index: sidebar + cards */
html[data-theme="dark"] .bp-side-title { color: #c5cad6; }
html[data-theme="dark"] .bp-cat {
  color: #d7dbe6;
}
html[data-theme="dark"] .bp-cat:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
html[data-theme="dark"] .bp-cat.is-active {
  background: rgba(61, 80, 242, 0.22);
  color: #8fa0ff;
}
html[data-theme="dark"] .bp-cat-n { color: #b8bfce; }
html[data-theme="dark"] .bp-cat.is-active .bp-cat-n { color: #8fa0ff; }
html[data-theme="dark"] .bp-select {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.1);
  color: #f2f3f7;
}
html[data-theme="dark"] .bp-count {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.08);
  color: #d0d5e0;
}
html[data-theme="dark"] .bp-count #bp-count-n { color: #f2f3f7; }
html[data-theme="dark"] .bp-card {
  background: #161922;
  border-color: rgba(123, 140, 255, 0.2);
}
html[data-theme="dark"] .bp-meta,
html[data-theme="dark"] .bp-excerpt { color: #d0d5e0; }
html[data-theme="dark"] .bp-dot { color: #6e7588; }
html[data-theme="dark"] .bp-title a { color: #f2f3f7; }
html[data-theme="dark"] .bp-title a:hover { color: #8fa0ff; }
html[data-theme="dark"] .bp-btn {
  background: rgba(61, 80, 242, 0.22);
  color: #8fa0ff;
}
html[data-theme="dark"] .bp-media { background: #12141c; }

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .ia-shine-glint,
  html[data-theme="dark"] .blog-hero h1,
  html[data-theme="dark"] .ia-panel.is-ready,
  html[data-theme="dark"] .ia-flow-card.is-glow::after {
    animation: none !important;
  }
  html[data-theme="dark"] .blog-hero h1 {
    background: none;
    color: #f7f8ff;
    -webkit-text-fill-color: #f7f8ff;
  }
}

/* ═══════════════════════════════════════════
   HOME / LANDING — modo oscuro
═══════════════════════════════════════════ */
html[data-theme="dark"] .hero {
  background:
    radial-gradient(ellipse 90% 60% at 50% 18%, rgba(61, 80, 242, 0.16), transparent 58%),
    #0b0d14;
}
html[data-theme="dark"] .hero-blob-a {

  background: radial-gradient(circle, rgba(61, 80, 242, 0.28), rgba(61, 80, 242, 0) 62%);
  opacity: 0.85;
}
html[data-theme="dark"] .hero-blob-b {
  background: radial-gradient(circle, rgba(20, 196, 146, 0.12), rgba(20, 196, 146, 0) 62%);
  opacity: 0.7;
}
html[data-theme="dark"] .hero-blob-c {
  background: radial-gradient(circle, rgba(206, 51, 51, 0.08), rgba(206, 51, 51, 0) 60%);
  opacity: 0.55;
}
html[data-theme="dark"] .hero-sheen {
  opacity: 0.14;
  background: conic-gradient(from 0deg, rgba(90,110,180,0) 0deg, rgba(90,110,180,.28) 40deg, rgba(90,110,180,0) 120deg, rgba(110,130,200,.16) 220deg, rgba(90,110,180,0) 320deg);
}
html[data-theme="dark"] .hero-veil {
  /* Solo funde el borde inferior: sin corte a media altura */
  background: linear-gradient(
    180deg,
    rgba(11, 13, 20, 0) 0%,
    rgba(11, 13, 20, 0) 78%,
    rgba(11, 13, 20, 0.5) 92%,
    #0b0d14 100%
  );
}
html[data-theme="dark"] #heroCanvas {
  opacity: 0.42;
  -webkit-mask-image: none;
  mask-image: none;
}
html[data-theme="dark"] .hero-blob-a,
html[data-theme="dark"] .hero-blob-b,
html[data-theme="dark"] .hero-blob-c,
html[data-theme="dark"] .hero-sheen {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 75%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 75%, transparent 100%);
}
/* Más aire abajo en móvil para que no “corte” contra la siguiente sección */
@media (max-width: 720px) {
  html[data-theme="dark"] .hero-sky {
    padding-bottom: max(88px, calc(56px + env(safe-area-inset-bottom, 0px)));
  }
}
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .hero-word {
  color: #f2f3f7;
}
html[data-theme="dark"] .hero-accent {
  color: #8fa0ff;
}
html[data-theme="dark"] .hero-copy > p,
html[data-theme="dark"] .hero-trust-note,
html[data-theme="dark"] .hero-appstore a,
html[data-theme="dark"] .hero-trust {
  color: #d0d5e0;
}
html[data-theme="dark"] .hero-pilot-note {
  color: #e8ebf5;
}
html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .link-how {
  color: #d0d5e0;
  border-bottom-color: rgba(232, 235, 245, 0.35);
}
html[data-theme="dark"] .hero-appstore a:hover,
html[data-theme="dark"] .btn-ghost:hover,
html[data-theme="dark"] .link-how:hover {
  color: #f2f3f7;
  border-bottom-color: rgba(242, 243, 247, 0.7);
  background: none;
}
html[data-theme="dark"] .badge {
  background: rgba(22, 26, 40, 0.92);
  border-color: rgba(123, 140, 255, 0.28);
  color: #d7dbe6;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}
/* Logo Xiji oscuro → blanco en noche */
html[data-theme="dark"] .badge-xiji img,
html[data-theme="dark"] .badge-xiji svg {
  filter: invert(1) brightness(1.15);
  opacity: 0.95;
}

/* Etiquetas / acentos: mismo azul legible que tuko AI */
html[data-theme="dark"] .s-badge,
html[data-theme="dark"] .data-trigger {
  background: rgba(143, 160, 255, 0.12);
  color: #8fa0ff;
  border: 1px solid rgba(143, 160, 255, 0.22);
}
html[data-theme="dark"] .s-title,
html[data-theme="dark"] .how-step-title,
html[data-theme="dark"] .why-text h3,
html[data-theme="dark"] .data-headline,
html[data-theme="dark"] .data-side-title,
html[data-theme="dark"] .pilot-asks-title,
html[data-theme="dark"] .faq-q,
html[data-theme="dark"] .pricing-name,
html[data-theme="dark"] .pricing-price {
  color: #f2f3f7;
}
html[data-theme="dark"] .s-sub,
html[data-theme="dark"] .how-step-desc,
html[data-theme="dark"] .why-text p,
html[data-theme="dark"] .data-sub,
html[data-theme="dark"] .data-list,
html[data-theme="dark"] .data-num-note,
html[data-theme="dark"] .data-side-sub,
html[data-theme="dark"] .data-foot,
html[data-theme="dark"] .pilot-ask p,
html[data-theme="dark"] .faq-a,
html[data-theme="dark"] .pricing-period,
html[data-theme="dark"] .pricing-features li,
html[data-theme="dark"] .rescue-hub {
  color: #d0d5e0;
}
html[data-theme="dark"] .s-title .title-accent,
html[data-theme="dark"] .s-title .title-accent-em,
html[data-theme="dark"] .how-title-underline,
html[data-theme="dark"] .how-step-num {
  color: #8fa0ff;
}
html[data-theme="dark"] .why-kicker {
  color: #8fa0ff;
}
html[data-theme="dark"] .why-kicker::after {
  background: #8fa0ff;
  opacity: 0.55;
}
html[data-theme="dark"] .data-foot b {
  color: #e8ebf5;
}
html[data-theme="dark"] .data-side-sub em {
  color: #f2f3f7;
  text-decoration-color: rgba(61, 219, 176, 0.7);
}

/* Pasos “cómo funciona”: cards noche (no blancas) */
html[data-theme="dark"] .how-step,
html[data-theme="dark"] .how-step:nth-child(even),
html[data-theme="dark"] .how-step:nth-child(odd) {
  background: linear-gradient(165deg, #1a1f2e 0%, #161922 50%, #141722 100%);
  border-color: rgba(123, 140, 255, 0.16);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .how-step::after {
  background: radial-gradient(circle, rgba(61, 80, 242, 0.14) 0%, transparent 70%);
}
html[data-theme="dark"] .how-step-title {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .how-step-desc {
  color: #d0d5e0 !important;
}
html[data-theme="dark"] .how-anim-box,
html[data-theme="dark"] .how-anim-box--embed {
  background: #1a1f2e !important;
  border: 1px solid rgba(123, 140, 255, 0.22);
  /* Sin anillo extra 0 0 0 1px: solo este borde curvado */
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}
html[data-theme="dark"] .how-step-iframe {
  background: #1a1f2e;
  border-radius: inherit;
}

/* Rescue cards: texto legible (hover no deja azul oscuro) */
html[data-theme="dark"] .rescue-card {
  background: #161922;
  border: 1px solid rgba(123, 140, 255, 0.14);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .rescue-card .data-side-title {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .rescue-card .data-side-sub {
  color: #d0d5e0 !important;
}
html[data-theme="dark"] .rescue-card .rescue-mark {
  color: rgba(143, 160, 255, 0.34);
  bottom: -8px;
}
html[data-theme="dark"] .rescue-opt .rescue-card:hover .data-side-title,
html[data-theme="dark"] .rescue-card.fade-up.visible:hover .data-side-title {
  color: #8fa0ff !important;
}
html[data-theme="dark"] .rescue-opt .rescue-card:hover .data-side-sub {
  color: #c5d0ff !important;
}
html[data-theme="dark"] .rescue-opt .rescue-card:hover .rescue-mark {
  color: rgba(143, 160, 255, 0.48);
}
html[data-theme="dark"] .rescue-card .rescue-mark,
html[data-theme="dark"] .card-surface .rescue-mark {
  color: rgba(143, 160, 255, 0.34);
}
html[data-theme="dark"] .card-surface,
html[data-theme="dark"] .rescue-card {
  background: #161922;
  border-color: rgba(123, 140, 255, 0.14);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .rescue-tree-stem,
html[data-theme="dark"] .rescue-tree-bar,
html[data-theme="dark"] .rescue-tree-drop {
  background: rgba(123, 140, 255, 0.45);
}

html[data-theme="dark"] .logos-section {
  background: #0b0d14;
  border-bottom: none;
  padding-top: 40px;
  padding-bottom: 64px;
}
/* Misma azul legible que etiquetas tuko AI */
html[data-theme="dark"] .logos-section > p {
  color: #8fa0ff;
  opacity: 1;
}
html[data-theme="dark"] .logos-overflow {
  /* Evita que el overflow recorte la sombra inferior de las placas */
  padding: 10px 0 18px;
  margin: -10px 0 -6px;
}
html[data-theme="dark"] .logos-overflow::before {
  background: linear-gradient(90deg, #0b0d14, transparent);
}
html[data-theme="dark"] .logos-overflow::after {
  background: linear-gradient(270deg, #0b0d14, transparent);
}
/* Placas claras + multiply: el fondo blanco del PNG (Ocea/Bio) desaparece */
html[data-theme="dark"] .logos-track {
  gap: 28px;
}
html[data-theme="dark"] .logo-pill {
  background: #c5cad8;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 14px;
  filter: none;
  opacity: 1;
  height: 112px;
  padding: 16px 20px;
  box-sizing: border-box;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  isolation: isolate;
}
html[data-theme="dark"] .logo-pill:hover {
  opacity: 1;
  background: #d0d5e2;
}
html[data-theme="dark"] .logo-pill img {
  filter: none;
  opacity: 1;
  mix-blend-mode: multiply;
  height: 68px !important;
  max-height: 68px;
  max-width: min(220px, 100%) !important;
  width: auto;
  object-fit: contain;
}
/* Saper trae más aire en el PNG: un poco más grande para igualar visualmente */
html[data-theme="dark"] .logo-pill img[src*="Saper"] {
  height: 86px !important;
  max-height: 86px;
  max-width: min(240px, 100%) !important;
}
@media (max-width: 720px) {
  html[data-theme="dark"] .logos-track {
    gap: 18px;
  }
  html[data-theme="dark"] .logo-pill {
    height: 92px;
    padding: 12px 14px;
  }
  html[data-theme="dark"] .logo-pill img {
    height: 54px !important;
    max-height: 54px;
    max-width: min(160px, 100%) !important;
  }
  html[data-theme="dark"] .logo-pill img[src*="Saper"] {
    height: 70px !important;
    max-height: 70px;
    max-width: min(180px, 100%) !important;
  }
}

html[data-theme="dark"] .data,
html[data-theme="dark"] .how-intro,
html[data-theme="dark"] .how-steps {
  background: #0b0d14;
}
html[data-theme="dark"] #si-no-se-llena.data {
  background:
    radial-gradient(ellipse 80% 50% at 50% 28%, rgba(61, 80, 242, 0.14), transparent 70%),
    #0b0d14;
}
html[data-theme="dark"] .data-card {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .data-card--bad {
  background: rgba(206, 51, 51, 0.1);
  border-color: rgba(206, 51, 51, 0.28);
}
html[data-theme="dark"] .data-card--good {
  background: rgba(20, 196, 146, 0.1);
  border-color: rgba(20, 196, 146, 0.28);
}

html[data-theme="dark"] .why {
  background: #12141c;
}
html[data-theme="dark"] .why-row::before {
  background: rgba(123, 140, 255, 0.12);
}

/* Widgets reloj / persona / grupo: sin blanco fuerte */
html[data-theme="dark"] .why-widget {
  background: #161922;
  border-color: rgba(123, 140, 255, 0.16);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .why-clock-label,
html[data-theme="dark"] .why-race-label,
html[data-theme="dark"] .why-group-txt b,
html[data-theme="dark"] .why-group-chip {
  color: #f2f3f7;
}
html[data-theme="dark"] .why-group-txt {
  color: #e8ebf5;
}
html[data-theme="dark"] .why-group-chip em {
  color: #c5d0ff;
}
html[data-theme="dark"] .why-clock i {
  color: #d0d5e0;
}
html[data-theme="dark"] .why-clock {
  background: #1c2030;
}
html[data-theme="dark"] .why-clock b {
  color: #f2f3f7;
}
html[data-theme="dark"] .why-clock span + span::before {
  background: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .why-race-label b {
  color: #8fa0ff;
}
html[data-theme="dark"] .why-race {
  background:
    linear-gradient(180deg, #141a2c 0%, #161c2e 40%, #141822 68%, #12151e 100%);
}
html[data-theme="dark"] .why-race::after {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 -24px 28px -24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .why-race-far {
  filter: brightness(0.42) saturate(0.7);
  opacity: 0.75;
}
html[data-theme="dark"] .why-race-ground {
  background: linear-gradient(180deg, #1c2438 0%, #181e30 48%, #151a28 100%);
}
html[data-theme="dark"] .why-race-ground::before {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(143,160,255,0.1) 24%, rgba(143,160,255,0.1) 76%, rgba(255,255,255,0) 100%);
  opacity: 0.55;
}
html[data-theme="dark"] .why-race-clouds i {
  background: rgba(160, 175, 220, 0.22);
  box-shadow:
    14px 5px 0 -3px rgba(160, 175, 220, 0.16),
    -14px 6px 0 -4px rgba(160, 175, 220, 0.14),
    3px 9px 0 3px rgba(160, 175, 220, 0.12);
}
html[data-theme="dark"] .why-race-sun {
  background: radial-gradient(circle, rgba(143,160,255,0.12) 0%, rgba(143,160,255,0.04) 42%, rgba(143,160,255,0) 72%);
  opacity: 0.55;
}
html[data-theme="dark"] .why-race-mark {
  background: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .why-race-count {
  background: #1c2030;
  color: #8fa0ff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .why-race.is-win .why-race-count {
  background: #14C492;
  color: #fff;
  box-shadow: 0 6px 16px rgba(20, 196, 146, 0.28);
}
/* Celebración: flash suave azul/verde, no blanco fuerte */
html[data-theme="dark"] .why-race-flash {
  background: radial-gradient(
    circle at 84% 64%,
    rgba(143, 160, 255, 0.45) 0%,
    rgba(61, 80, 242, 0.12) 38%,
    rgba(255, 255, 255, 0) 62%
  );
}
html[data-theme="dark"] .why-race.is-win .why-race-flash {
  animation: why-flash-dark 0.9s ease-out 1;
}
@keyframes why-flash-dark {
  0%   { opacity: 0; }
  16%  { opacity: 0.55; }
  100% { opacity: 0; }
}
html[data-theme="dark"] .why-race.is-win .why-conf i {
  filter: brightness(0.85) saturate(0.9);
}
html[data-theme="dark"] .why-share-ico {
  background: #1c2030;
  color: #c2c8d6;
}
html[data-theme="dark"] .why-group-chip {
  background: rgba(143, 160, 255, 0.12);
}

/* Lo que no te pedimos */
html[data-theme="dark"] .noreq-tile {
  background: #161922;
  border-color: rgba(123, 140, 255, 0.14);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
}
html[data-theme="dark"] .noreq-tile p {
  color: #d0d5e0;
}
html[data-theme="dark"] .noreq-tile p b {
  color: #f2f3f7;
}
html[data-theme="dark"] .noreq-ic {
  background: rgba(143, 160, 255, 0.14);
  color: #8fa0ff;
}
html[data-theme="dark"] .noreq-tile:hover {
  border-color: rgba(143, 160, 255, 0.28);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .pricing {
  background:
    radial-gradient(110% 70% at 50% -5%, rgba(61, 80, 242, 0.18), transparent 55%),
    radial-gradient(80% 50% at 0% 100%, rgba(61, 80, 242, 0.08), transparent 45%),
    linear-gradient(180deg, #0b0d14 0%, #12141c 45%, #0e1018 100%);
}
html[data-theme="dark"] .pricing::before {
  opacity: 0.12;
  mix-blend-mode: soft-light;
}
html[data-theme="dark"] .pricing-card {
  background: #161922 !important;
  border-color: rgba(123, 140, 255, 0.2) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .pricing-card.is-featured {
  background: linear-gradient(165deg, rgba(61, 80, 242, 0.22) 0%, #161922 45%) !important;
  border-color: rgba(61, 80, 242, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(61, 80, 242, 0.28),
    0 24px 60px rgba(20, 30, 120, 0.4) !important;
}
/* Soon: sin grayscale (deja precios/botones ilegibles en noche) */
html[data-theme="dark"] .pricing-card.is-soon {
  background: #141722 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .pricing-card.is-soon > :not(.pricing-ribbon) {
  filter: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .pricing-card.is-gift,
html[data-theme="dark"] .pricing-card.is-gift:hover,
html[data-theme="dark"] .pricing-card.is-gift.fade-up.visible:hover {
  background: linear-gradient(165deg, rgba(61, 80, 242, 0.2) 0%, #161922 48%) !important;
  border-color: transparent !important;
  box-shadow:
    0 0 0 2px #8fa0ff,
    0 18px 44px rgba(40, 50, 140, 0.35) !important;
}
html[data-theme="dark"] .pricing-name,
html[data-theme="dark"] .pricing-amount,
html[data-theme="dark"] .pricing-cap {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .pricing-period,
html[data-theme="dark"] .pricing-features li,
html[data-theme="dark"] .pricing-foot,
html[data-theme="dark"] .pricing-legal {
  color: #d0d5e0 !important;
}
html[data-theme="dark"] .pricing-card.is-gift .pricing-features li,
html[data-theme="dark"] .pricing-card.is-gift .pricing-period,
html[data-theme="dark"] .pricing-card.is-gift .pricing-name,
html[data-theme="dark"] .pricing-card.is-gift .pricing-amount {
  color: #f2f3f7 !important;
}
html[data-theme="dark"] .pricing-comm {
  color: #8fa0ff !important;
}
html[data-theme="dark"] .pricing-features li::before {
  background: rgba(143, 160, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(143, 160, 255, 0.35);
}
html[data-theme="dark"] .pricing-features li::after {
  border-left-color: #8fa0ff;
  border-bottom-color: #8fa0ff;
}
html[data-theme="dark"] .pricing-cta.is-primary {
  background: #3D50F2 !important;
  color: #fff !important;
}
html[data-theme="dark"] .pricing-cta.is-secondary {
  background: rgba(143, 160, 255, 0.1) !important;
  color: #8fa0ff !important;
  border: 1.5px solid rgba(143, 160, 255, 0.4) !important;
}
html[data-theme="dark"] .pricing-cta.is-secondary:hover {
  background: rgba(143, 160, 255, 0.2) !important;
  color: #e8ebf5 !important;
  border-color: #8fa0ff !important;
}
html[data-theme="dark"] .pricing-cta[aria-disabled="true"] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #a8aebc !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 0.85;
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] .pricing-card:hover,
  html[data-theme="dark"] .pricing-card.fade-up.visible:hover {
    border-color: rgba(143, 160, 255, 0.4) !important;
    box-shadow:
      0 0 0 1px rgba(143, 160, 255, 0.22),
      0 22px 48px rgba(0, 0, 0, 0.45) !important;
    background: #1a1f2e !important;
  }
  html[data-theme="dark"] .pricing-card.is-gift:hover,
  html[data-theme="dark"] .pricing-card.is-gift.fade-up.visible:hover {
    background: linear-gradient(165deg, rgba(61, 80, 242, 0.28) 0%, #1a1f2e 48%) !important;
    box-shadow:
      0 0 0 2px #8fa0ff,
      0 24px 52px rgba(40, 50, 140, 0.42) !important;
  }
  html[data-theme="dark"] .pricing-card.is-soon:hover {
    background: #1a1f2e !important;
  }
}

html[data-theme="dark"] .faq {
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(61, 80, 242, 0.14), transparent 55%),
    linear-gradient(180deg, #0e1018 0%, #0b0d14 48%, #12141c 100%);
}
html[data-theme="dark"] .faq::before {
  opacity: 0.1;
  mix-blend-mode: soft-light;
}
html[data-theme="dark"] .faq-list {
  border-top-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .faq-item {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .faq-num {
  color: #8fa0ff;
  opacity: 0.9;
}
html[data-theme="dark"] .faq-icon {
  background: rgba(143, 160, 255, 0.14);
  color: #8fa0ff;
}
html[data-theme="dark"] .pricing-links a {
  color: #8fa0ff;
}
html[data-theme="dark"] .pricing-links a:hover {
  color: #d4dcff;
  opacity: 1;
}
html[data-theme="dark"] .pricing-rec,
html[data-theme="dark"] .pricing-ribbon {
  background: #3D50F2;
  color: #fff;
}
@media (max-width: 720px) {
  .pricing-card.is-gift .pricing-rec,
  .pricing-card.is-gift .pricing-ribbon {
    align-self: center;
    text-align: center;
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
  }
}

html[data-theme="dark"] .pilot-ask {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .pilot-ask.is-lit {
  border-color: rgba(61, 80, 242, 0.35);
  box-shadow: 0 0 0 1px rgba(61, 80, 242, 0.2);
}
html[data-theme="dark"] .pilot-ask.is-lit p {
  color: #e8ebf5;
}

/* Formulario CTA final: azul más profundo + inputs blancos */
html[data-theme="dark"] .final-cta-wrap {
  background: #0b0d14;
}
html[data-theme="dark"] .final-cta {
  background: linear-gradient(165deg, #1f2bb0 0%, #1a2494 48%, #151e7a 100%);
  box-shadow:
    0 28px 80px rgba(10, 16, 70, 0.5),
    0 0 0 1px rgba(140, 160, 255, 0.1);
}
html[data-theme="dark"] .final-cta #ctaCanvas,
html[data-theme="dark"] .cta-wrap #ctaCanvas {
  opacity: 0.85;
}
@media (max-width: 720px) {
  html[data-theme="dark"] .final-cta #ctaCanvas,
  html[data-theme="dark"] .cta-wrap #ctaCanvas {
    opacity: 0.75;
  }
}
html[data-theme="dark"] .final-cta-eyebrow {
  background: #fff;
  color: #3D50F2;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}
html[data-theme="dark"] .final-cta-eyebrow i,
html[data-theme="dark"] .final-cta-eyebrow i::after {
  background: #3D50F2;
}
html[data-theme="dark"] .final-cta-eyebrow i {
  box-shadow: 0 0 0 3px rgba(61, 80, 242, 0.22);
}
html[data-theme="dark"] .final-cta .cta-form label {
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme="dark"] .final-cta .cta-input {
  background: #fff;
  color: #1a1a1a;
  border-color: transparent;
}
html[data-theme="dark"] .final-cta .btn-submit {
  background: #0b0d14;
  color: #fff;
}
html[data-theme="dark"] .final-cta .btn-submit:hover {
  background: #161922;
}
html[data-theme="dark"] .final-cta-trust span {
  color: rgba(255, 255, 255, 0.78);
}
html[data-theme="dark"] .final-cta-shopify {
  color: rgba(255, 255, 255, 0.78);
}

html[data-theme="dark"] .sticky-cta {
  background: rgba(11, 13, 20, 0.92);
  border-top-color: rgba(123, 140, 255, 0.18);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .sticky-cta-txt {
  color: #d0d5e0;
}
html[data-theme="dark"] .sticky-cta-txt b {
  color: #f2f3f7;
}