/* =========================================================================
   dark.css — capa DARK PREMIUM de /ventas/ (home + 32 landings + soluciones)
   -------------------------------------------------------------------------
   Se carga DESPUÉS de premium.css (landings) y del <style> de la home, así
   que gana por orden. Solo reescribe colores/superficies: NO toca estructura,
   ni los campos editables (ve / ve-list / data-lpath) ni el SEO.
   Conserva --p / --p2 / --acc (color de marca editable) para botones y
   degradados; el texto y las superficies pasan a tema oscuro.
   Versión: 1
   ========================================================================= */

:root,
body{
  --bg:#070a12;
  --ink:#eef2fb;
  --mut:#9aa7bd;
  --line:rgba(255,255,255,.12);
  --ok:#34d399;
  --sh:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.45);
  --sh2:0 30px 70px rgba(0,0,0,.55);
}
html{background:#070a12}
body{background:#070a12 !important;color:var(--ink) !important}
a{color:#9ec1ff}
a:hover{color:#c3d8ff}

/* ---------- nav ---------- */
.nav{background:rgba(8,11,19,.82) !important;border-bottom:1px solid rgba(255,255,255,.10) !important}
.nav ul a,.nav a.lnk,.nav ul li a{color:#c7d0e2 !important}
.nav ul a:hover,.nav a.lnk:hover{color:#fff !important}

/* ---------- superficies ---------- */
.trust,.rubros,.section-light{background:rgba(255,255,255,.02) !important;border-color:rgba(255,255,255,.10) !important}
.card,.benef div,.faq details,.step,.rcard,.chip,.plan,.stat,.mc,.box,.tcard,.confianza{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 20px 44px -34px rgba(0,0,0,.9) !important;
}
.card h3,.card b,.step h3,.rcard .rb b,.plan b,.stat b,.mc b,.benef div b{color:#fff}
.card p,.step p,.rcard .rb small,.rcard .rb p,.plan p,.stat span,.mc small{color:var(--mut) !important}

/* ---------- botones fantasma ---------- */
.btn-ghost,.btn-gh,.btn-outline{background:rgba(255,255,255,.08) !important;color:#fff !important;border-color:rgba(255,255,255,.22) !important}
.btn-ghost:hover,.btn-gh:hover{border-color:var(--acc) !important}

/* ---------- iconos con fondo claro ---------- */
.pain .ic{background:rgba(255,106,0,.14) !important}
.wa .ic{background:rgba(37,211,102,.14) !important}
.mod .ic{background:rgba(21,94,170,.22) !important}
.mock .tag{background:#0e1524 !important;border-color:rgba(255,255,255,.14) !important}
.mock .tag small,.mock .tag span{color:#c7d0e2 !important}

/* ---------- acentos de texto sobre oscuro ---------- */
.sec-tag,.kicker,.trust b{color:#9ec1ff !important}
.trust .pt{color:#a8b4c8 !important}
.faq p,.sec-head p{color:var(--mut)}
.faq summary:after{color:var(--acc) !important}
.rcard .go{color:#9ec1ff !important}
.chip{color:#c7d0e2 !important}
.chip.on{background:linear-gradient(135deg,var(--p),var(--p2)) !important;color:#fff !important;border-color:transparent !important}
.rcard .rb small{color:var(--mut) !important}

/* ---------- ya oscuros: solo asegurar texto ---------- */
.band,.asist,.hero,.promo-chat,.mock .win{color:#fff}
.footer,footer{background:#05070d}
footer a{color:#cbd5e1}

/* ---------- CTA final ---------- */
.cta-final .btn{box-shadow:0 16px 34px -18px rgba(0,0,0,.7)}

/* ---------- detalles/inputs del editor en dark ---------- */
.ve-seo input,.ve-keys input{background:#0b1120;color:#e2e8f0;border-color:#334155}
.ve-add{background:rgba(21,94,170,.25) !important;color:#bfdbfe !important;border-color:rgba(147,197,253,.4) !important}
.ve-trash{background:rgba(255,255,255,.03) !important;border-color:rgba(255,255,255,.2) !important}
.ve-trash b{color:#e2e8f0}

/* ---------- imágenes: sin deformación ---------- */
.hero-img img,.vende .ph img,.asist .imgbox img,.rcard img,.mer img,.gal img{object-fit:cover}

/* ---------- selección ---------- */
::selection{background:rgba(124,92,255,.4);color:#fff}