/* theme-light-override.css — unifica páginas "dark" (Tailwind + tokens neon)
   al diseño light de index.html. Cargar al final del <head> para ganar cascada. */

:root{
  --neon-1:#ea580c !important;
  --neon-2:#c2410c !important;
  --glass:rgba(30,58,95,0.08) !important;
  --primary:#1e3a5f;
  --primary-dark:#0f172a;
  --accent:#ea580c;
  --bg:#ffffff;
  --bg-alt:#f1f5f9;
  --text:#1e293b;
  --text-light:#64748b;
  --border:#e2e8f0;
}

/* --- Body: fondo claro, tipografía del sistema --- */
body{
  background:#ffffff !important;
  color:#1e293b !important;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

/* --- "Glass" cards: fondo blanco con borde/sombra suave (como .feature-card) --- */
.glass{
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.08) !important;
  backdrop-filter:none !important;
  color:#1e293b !important;
}
.glass.rounded-full, [class*="rounded-full"].glass{
  background:#f1f5f9 !important;
  border-color:#e2e8f0 !important;
}

/* --- Texto con gradiente neón → color sólido primary (más confiable) --- */
.neon-text{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#1e3a5f !important;
}

/* --- CTA glow: sombra naranja más discreta --- */
.cta-glow{
  box-shadow:0 4px 14px rgba(234,88,12,0.3) !important;
}

/* --- Clases Tailwind de color sobre fondo oscuro → colores legibles sobre blanco --- */
.text-white{color:#1e293b !important;}
.text-slate-100,.text-slate-200,.text-slate-300{color:#475569 !important;}
.text-slate-400,.text-slate-500{color:#64748b !important;}
.text-slate-600,.text-slate-700,.text-slate-800,.text-slate-900{color:#1e293b !important;}

/* Fondos Tailwind semi-transparentes blancos (pensados para dark) → gris muy claro */
.bg-white\/5,.bg-white\/10,.bg-white\/20{background-color:#f1f5f9 !important;}

/* Bordes Tailwind translúcidos → borde gris estándar */
.border-white\/5,.border-white\/10,.border-white\/20{border-color:#e2e8f0 !important;}

/* --- Header/nav sticky con fondo oscuro → blanco con borde --- */
header{background:#ffffff !important;}
header nav{color:#1e293b !important;}

/* --- Botones con gradiente naranja (se conservan, solo aseguramos contraste de texto) --- */
[style*="linear-gradient(90deg,var(--neon-1)"]{
  color:#ffffff !important;
}

/* --- Links con hover white → hover primary --- */
.hover\:text-white:hover{color:#1e3a5f !important;}

/* --- Scrollbar y selección con la paleta nueva --- */
::selection{background:rgba(234,88,12,0.2);color:#1e293b;}

/* --- Preserva footers que ya eran oscuros intencionalmente --- */
footer[style*="#0f172a"],footer[style*="#05060a"]{
  background:#0f172a !important;
  color:#ffffff !important;
}
footer[style*="#0f172a"] *,footer[style*="#05060a"] *{color:inherit;}
footer[style*="#0f172a"] a,footer[style*="#05060a"] a{color:rgba(255,255,255,0.7) !important;}
