/* ══════════════════════════════════════════════════════════════
   WASBOT CRM — DARK THEME v2 CLEAN
   Negro puro · Azul eléctrico #0a2aff · Cian #00c8ff
   Archivo único sin duplicados.
══════════════════════════════════════════════════════════════ */

:root {
  --logo-black: #02040a;
  --logo-blue:  #0a2aff;
  --logo-cyan:  #00c8ff;
  --ink:        #e8f4ff;
  --slate-50:  #060d1a; --slate-100:#0a1422; --slate-200:#0e1e30;
  --slate-300: #162840; --slate-400:#243850; --slate-500:#3c5470;
  --slate-600: #587090; --slate-700:#80a0c0; --slate-800:#a8c4dc;
  --slate-900: #c8daf0; --slate-950:#020810;
  --blue-50:#020c1e;  --blue-100:#03122e; --blue-200:#051840;
  --blue-400:#2860ff; --blue-500:#1a50ff; --blue-600:#0a2aff;
  --blue-700:#0820cc; --blue-900:#040c50;
  --cyan-400:#22d3ee; --cyan-500:#00c8ff; --cyan-600:#00a8e0;
  --violet-400:#6080ff; --violet-500:#4060ee; --violet-600:#2040cc;
  --green-400:#00e5a0; --green-500:#00c890;
  --amber-400:#00d4ff; --amber-500:#00b8e8;
  --shadow-blue:0 8px 32px rgba(10,42,255,.55),0 0 60px rgba(0,200,255,.2);
}

/* ── BASE ── */
html,body { background:#02040a !important; color:#a8c0d8; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
h1,h2,h3,h4,h5,h6,.heading-display,.heading-xl,.heading-lg,.heading-md,.heading-sm { color:#e8f4ff !important; }
p,.text-base,.text-lg { color:#9ab0c8; }
.text-muted { color:#7a9ab8 !important; }
.gradient-text { background:linear-gradient(125deg,#2860ff 0%,#00c8ff 55%,#22e0ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gradient-text-warm { background:linear-gradient(125deg,#1a50ff 0%,#00c8ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── PROMO BAR ── */
.promo-bar { background:linear-gradient(270deg,#000610,#081a50,#00102e,#0a2aff 50%,#00102e,#081a50,#000610); background-size:400% 400%; animation:gradientShift 10s ease infinite; border-bottom:1px solid rgba(10,42,255,.35); }

/* ══════════════════════════════════════════
   HEADER — negro profundo, textos nítidos
══════════════════════════════════════════ */
.site-header {
  background: rgba(2,4,10,.97) !important;
  backdrop-filter: blur(48px) saturate(220%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(220%) !important;
  border-bottom: 1px solid rgba(10,42,255,.18) !important;
  box-shadow: none !important;
  transition: background .25s, box-shadow .25s !important;
}
.site-header.scrolled {
  background: rgba(2,4,10,.99) !important;
  box-shadow: 0 1px 0 rgba(10,42,255,.14),0 4px 40px rgba(0,4,16,.85) !important;
}
.site-header,.site-header * { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* Logo */
.logo-mark { background:linear-gradient(135deg,#0a2aff,#00c8ff); box-shadow:0 0 20px rgba(10,42,255,.65),0 0 40px rgba(0,200,255,.22); }
.logo-text { color:#ffffff !important; font-weight:800 !important; letter-spacing:-0.3px; text-shadow:0 0 24px rgba(0,200,255,.2); }
.logo-text span { color:#00d8ff !important; text-shadow:0 0 16px rgba(0,200,255,.55); }

/* Nav links — visibles y luminosos */
.nav-link,.nav-link--btn { color:#dceeff !important; font-weight:700 !important; font-size:13.5px !important; letter-spacing:0.01em; text-shadow:0 0 16px rgba(100,160,255,.2); }
.nav-link:hover,.nav-link--btn:hover { color:#ffffff !important; background:rgba(10,42,255,.16) !important; text-shadow:0 0 20px rgba(0,200,255,.45); }
.nav-chevron { color:#7090b8 !important; }

/* Botón Iniciar sesión */
.header-ctas .btn-outline {
  color:#c8e0f8 !important;
  border:1.5px solid rgba(10,42,255,.38) !important;
  background:rgba(10,42,255,.06) !important;
}
.header-ctas .btn-outline:hover {
  color:#ffffff !important;
  border-color:rgba(0,200,255,.52) !important;
  background:rgba(10,42,255,.16) !important;
  box-shadow:0 0 18px rgba(10,42,255,.28);
}

/* Botones primarios */
.btn-primary { background:linear-gradient(135deg,#0a2aff,#1040ff) !important; box-shadow:0 0 20px rgba(10,42,255,.52),0 4px 14px rgba(10,42,255,.38) !important; }
.btn-primary:hover { background:linear-gradient(135deg,#1040ff,#0a2aff) !important; box-shadow:0 0 40px rgba(10,42,255,.68),0 8px 28px rgba(10,42,255,.48) !important; }
.btn-dark { background:rgba(10,42,255,.9) !important; border-color:rgba(10,42,255,.9) !important; }
.btn-ghost-white { background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.22) !important; color:#fff !important; }
.btn-ghost-white:hover { background:rgba(255,255,255,.18) !important; border-color:rgba(255,255,255,.38) !important; }
.btn-outline { background:transparent; color:#8898b8 !important; border-color:rgba(10,42,255,.32) !important; }
.btn-outline:hover { border-color:rgba(10,42,255,.62) !important; background:rgba(10,42,255,.1) !important; color:#e8f4ff !important; }

/* ══════════════════════════════════════════
   DROPDOWNS PRO
══════════════════════════════════════════ */
.nav-dropdown {
  background:rgba(2,5,14,.97) !important;
  backdrop-filter:blur(40px) saturate(200%); -webkit-backdrop-filter:blur(40px) saturate(200%);
  border:1px solid rgba(10,42,255,.22) !important;
  border-radius:18px !important;
  box-shadow:0 32px 80px rgba(0,4,20,.85),0 0 0 1px rgba(10,42,255,.07),inset 0 1px 0 rgba(255,255,255,.04) !important;
  padding:8px !important;
}
.nav-dropdown--slim { min-width:268px !important; }
.nav-dropdown__item { color:#c0dcf8 !important; border-radius:12px !important; padding:10px 12px !important; border:1px solid transparent !important; transition:all .16s ease !important; }
.nav-dropdown__item:hover { background:rgba(10,42,255,.18) !important; border-color:rgba(0,200,255,.28) !important; color:#ffffff !important; transform:translateX(4px) !important; box-shadow:0 0 20px rgba(10,42,255,.15); }
.nav-item-icon { background:rgba(10,42,255,.14) !important; border:1px solid rgba(10,42,255,.2) !important; border-radius:10px !important; transition:all .15s ease; }
.nav-item-text strong { color:#dceeff !important; font-size:13.5px !important; font-weight:700 !important; }
.nav-item-text small { color:#6898b8cc !important; font-size:11.5px !important; }
.nav-dropdown__item:hover .nav-item-text small { color:rgba(0,200,255,.55) !important; }
.nav-dropdown__item:hover .nav-item-icon { background:rgba(10,42,255,.28) !important; border-color:rgba(0,200,255,.35) !important; box-shadow:0 0 10px rgba(10,42,255,.35); }
.nav-dropdown__item:hover .nav-item-icon { background:rgba(10,42,255,.28) !important; border-color:rgba(0,200,255,.35) !important; box-shadow:0 0 10px rgba(10,42,255,.38); }
.nav-col-title { color:rgba(0,200,255,.65) !important; letter-spacing:1.8px; }
.nav-promo-card { background:linear-gradient(140deg,rgba(10,42,255,.14),rgba(0,200,255,.06)) !important; border:1px solid rgba(10,42,255,.28) !important; border-radius:14px !important; }
.nav-promo-badge { background:rgba(10,42,255,.2); color:#00c8ff; }
.nav-promo-title { color:#e8f4ff !important; }
.nav-promo-desc  { color:#8aabca !important; }

/* Mobile nav */
.mobile-menu { background:rgba(2,5,14,.98) !important; border-left:1px solid rgba(10,42,255,.2); }
.mobile-overlay { background:rgba(0,4,16,.75) !important; }
.mobile-top-link,.mobile-section__toggle { color:#c8daf0 !important; }
.mobile-top-link:hover,.mobile-section__toggle:hover { background:rgba(10,42,255,.1) !important; }
.mobile-col-title { color:rgba(0,200,255,.65) !important; }
.mobile-link { color:#90b0cc !important; }
.mobile-link:hover { background:rgba(10,42,255,.12) !important; color:#e8f4ff !important; }
.mobile-menu__ctas { border-top:1px solid rgba(10,42,255,.14) !important; }
.nav-toggle span { background:#7090b0; }

/* ══════════════════════════════════════════
   HERO
══════════════════════════════════════════ */
.hero { background:#020508 !important; }
.hero-bg::before {
  background:
    radial-gradient(ellipse 120% 80% at 50% -10%,rgba(10,42,255,.68) 0%,transparent 52%),
    radial-gradient(ellipse 50% 50% at 92% 35%,rgba(0,200,255,.36) 0%,transparent 48%),
    radial-gradient(ellipse 55% 65% at 4% 85%,rgba(10,42,255,.22) 0%,transparent 52%),
    radial-gradient(ellipse 35% 35% at 70% 92%,rgba(0,200,255,.16) 0%,transparent 50%);
}
.hero-grid { background-image:linear-gradient(rgba(10,42,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,42,255,.05) 1px,transparent 1px); }
.hero-title { color:#f0f8ff !important; }
.hero-sub   { color:rgba(180,210,240,.6) !important; }
.hero-trust span { color:rgba(180,210,240,.4) !important; }
.hero-stat-num { background:linear-gradient(130deg,#4080ff 0%,#00c8ff 60%,#22e8ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-stat-label { color:rgba(180,210,240,.38) !important; }
.hero-badge { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.12); }
.hero-ch { border-color:rgba(255,255,255,.1); color:rgba(255,255,255,.62); }
.hero-ch:hover { background:rgba(255,255,255,.1); color:rgba(255,255,255,.9); }
.hero-visual::before { background:radial-gradient(circle,rgba(10,42,255,.5) 0%,rgba(0,200,255,.16) 50%,transparent 70%); }
.hero-stats { background:rgba(0,0,0,.25) !important; }
@keyframes glowPulse { 0%,100%{box-shadow:0 0 30px rgba(10,42,255,.38);}50%{box-shadow:0 0 60px rgba(10,42,255,.68),0 0 100px rgba(0,200,255,.28);} }

/* Dashboard */
.dashboard { background:rgba(3,8,18,.98); border:1px solid rgba(10,42,255,.17); box-shadow:0 48px 120px rgba(0,8,36,.82),inset 0 1px 0 rgba(10,42,255,.1); }
.dash-nav-icon.active{background:rgba(10,42,255,.26);color:#4080ff;} .dash-nav-icon .badge{background:#0a2aff;}
.conv-filter-btn.active{background:rgba(10,42,255,.26);color:#4080ff;} .conv-item.active{background:rgba(10,42,255,.17);border-color:rgba(10,42,255,.26);}
.chat-send{background:#0a2aff;} .msg-out .msg-bubble{background:#0a2aff;} .chrome-tab.active{background:rgba(10,42,255,.26);} .ch-web{background:#0a2aff;}

/* ══════════════════════════════════════════
   TRUSTED MARQUEE
══════════════════════════════════════════ */
.trusted { background:#020508 !important; border-top:1px solid rgba(10,42,255,.1) !important; border-bottom:1px solid rgba(10,42,255,.1) !important; }
.trusted-label { color:rgba(0,200,255,.36) !important; }
.marquee-track { mask-image:linear-gradient(90deg,transparent,#020508 15%,#020508 85%,transparent) !important; }
.brand-logo { color:rgba(40,70,120,.48) !important; } .brand-logo:hover { color:rgba(0,200,255,.58) !important; }
.brand-divider { background:rgba(10,42,255,.16) !important; }
.trusted--respondio { background:#020508 !important; border-bottom:1px solid rgba(10,42,255,.1) !important; }
.trusted--respondio .trusted-headline { color:#e8f4ff !important; }
.trusted-logo-text { color:rgba(60,90,140,.36) !important; } .trusted-logo-text:hover { color:rgba(0,200,255,.62) !important; }
.trusted-logo-item img { filter:grayscale(1) brightness(4) sepia(1) hue-rotate(200deg); opacity:.3; } .trusted-logo-item img:hover { opacity:.62; }
.trusted-cta-link a { color:rgba(100,160,220,.38); border-color:rgba(10,42,255,.26); } .trusted-cta-link a:hover { color:#00c8ff; border-color:#00c8ff; }

/* ══════════════════════════════════════════
   SECTIONS
══════════════════════════════════════════ */
.section,.section-dark,.section-sm { background:#020508 !important; }
.section-alt { background:#030a14 !important; }
.section-label { color:#00c8ff !important; background:rgba(0,200,255,.08) !important; border:1px solid rgba(0,200,255,.2) !important; }
.section-label-dark { color:#00c8ff !important; background:rgba(0,200,255,.08) !important; border-color:rgba(0,200,255,.2) !important; }
.section-subtitle { color:#8aaabf !important; }
.section-subtitle-dark { color:rgba(180,210,240,.46) !important; }

/* Platform tabs */
.platform-tabs { background:rgba(10,42,255,.07) !important; border:1px solid rgba(10,42,255,.17) !important; }
.platform-tab { color:#7a9ab5 !important; }
.platform-tab.active { background:rgba(10,42,255,.2) !important; color:#e8f4ff !important; box-shadow:0 2px 16px rgba(10,42,255,.28) !important; }
.feat-number{color:#00c8ff !important;} .feat-title{color:#e8f4ff !important;} .feat-desc{color:#8ab0c8 !important;} .feat-check{color:#7ab0cc !important;}
.check-icon{background:rgba(10,42,255,.12) !important;border-color:rgba(10,42,255,.26) !important;} .check-icon svg{color:#00c8ff !important;}
.feat-link{color:#00c8ff !important;}
.channel-card { background:rgba(3,8,18,.92) !important; border:1.5px solid rgba(10,42,255,.19) !important; }
.channel-card:hover { border-color:rgba(0,200,255,.38) !important; box-shadow:0 10px 40px rgba(10,42,255,.26) !important; }
.channel-card-name{color:#c8daf0 !important;} .channel-card-status{color:#00e5a0 !important;}

/* ══════════════════════════════════════════
   BENTO FEATURES
══════════════════════════════════════════ */
.features-section { background:#02060e !important; }
.features-eyebrow { background:rgba(0,200,255,.08) !important; color:#00c8ff !important; border:1px solid rgba(0,200,255,.2) !important; }
.features-title{color:#e8f4ff !important;} .features-subtitle{color:#8aacc0 !important;}
.fbento__card { background:#030810 !important; border:1.5px solid rgba(10,42,255,.22) !important; }
.fbc-title{color:#e8f4ff !important;} .fbc-desc{color:#8aacc0 !important;}
.fbc-tag { background:rgba(10,42,255,.1) !important; border-color:rgba(10,42,255,.19) !important; color:#5a7888 !important; }
.fbc-tag:hover { background:rgba(10,42,255,.22) !important; color:#00c8ff !important; border-color:rgba(0,200,255,.32) !important; }

.fbc--blue   { background:linear-gradient(150deg,#030c22,#040f28) !important; border-color:rgba(10,42,255,.28) !important; }
.fbc--blue:hover   { box-shadow:0 20px 48px rgba(10,42,255,.3) !important; }
.fbc--blue   .fbc-icon{background:rgba(10,42,255,.15) !important;border-color:rgba(10,42,255,.28) !important;}
.fbc--blue   .fbc-badge{background:rgba(10,42,255,.2) !important;color:#4080ff !important;border-color:rgba(10,42,255,.28) !important;}
.fbc--blue   .fbc-chk{background:rgba(10,42,255,.24) !important;} .fbc--blue .fbc-chk svg path{stroke:#4080ff !important;}
.fbc--blue   .fbc-orb{background:radial-gradient(circle,rgba(10,42,255,.8),transparent) !important;}

.fbc--violet { background:linear-gradient(150deg,#030a20,#040c26) !important; border-color:rgba(40,60,200,.26) !important; }
.fbc--violet:hover { box-shadow:0 20px 48px rgba(40,60,200,.26) !important; }
.fbc--violet .fbc-icon{background:rgba(40,60,200,.15) !important;border-color:rgba(40,60,200,.26) !important;}
.fbc--violet .fbc-badge{background:rgba(40,60,200,.2) !important;color:#6080ff !important;border-color:rgba(40,60,200,.28) !important;}
.fbc--violet .fbc-chk{background:rgba(40,60,200,.24) !important;} .fbc--violet .fbc-chk svg path{stroke:#6080ff !important;}
.fbc--violet .fbc-orb{background:radial-gradient(circle,rgba(40,60,200,.7),transparent) !important;}

.fbc--cyan   { background:linear-gradient(150deg,#020c16,#030e1e) !important; border-color:rgba(0,200,255,.2) !important; }
.fbc--cyan:hover   { box-shadow:0 20px 48px rgba(0,200,255,.2) !important; }
.fbc--cyan   .fbc-icon{background:rgba(0,200,255,.1) !important;border-color:rgba(0,200,255,.2) !important;}
.fbc--cyan   .fbc-badge{background:rgba(0,200,255,.12) !important;color:#00c8ff !important;border-color:rgba(0,200,255,.2) !important;}
.fbc--cyan   .fbc-chk{background:rgba(0,200,255,.14) !important;} .fbc--cyan .fbc-chk svg path{stroke:#00c8ff !important;}
.fbc--cyan   .fbc-orb{background:radial-gradient(circle,rgba(0,200,255,.7),transparent) !important;}

.fbc--green  { background:linear-gradient(150deg,#020c0e,#030f12) !important; border-color:rgba(0,200,150,.17) !important; }
.fbc--green:hover  { box-shadow:0 20px 48px rgba(0,200,150,.17) !important; }
.fbc--green  .fbc-icon{background:rgba(0,200,150,.1) !important;border-color:rgba(0,200,150,.17) !important;}
.fbc--green  .fbc-badge{background:rgba(0,200,150,.12) !important;color:#00e5a0 !important;border-color:rgba(0,200,150,.17) !important;}
.fbc--green  .fbc-chk{background:rgba(0,200,150,.14) !important;} .fbc--green .fbc-chk svg path{stroke:#00e5a0 !important;}
.fbc--green  .fbc-orb{background:radial-gradient(circle,rgba(0,200,150,.7),transparent) !important;}

.fbc--orange { background:linear-gradient(150deg,#020c16,#030a1e) !important; border-color:rgba(0,180,220,.19) !important; }
.fbc--orange:hover { box-shadow:0 20px 48px rgba(0,180,220,.19) !important; }
.fbc--orange .fbc-icon{background:rgba(0,180,220,.1) !important;border-color:rgba(0,180,220,.19) !important;}
.fbc--orange .fbc-badge{background:rgba(0,180,220,.12) !important;color:#00d4ff !important;border-color:rgba(0,180,220,.19) !important;}
.fbc--orange .fbc-chk{background:rgba(0,180,220,.14) !important;} .fbc--orange .fbc-chk svg path{stroke:#00d4ff !important;}
.fbc--orange .fbc-orb{background:radial-gradient(circle,rgba(0,180,220,.7),transparent) !important;}

.fbc--dark   { background:linear-gradient(150deg,#060c1e,#09122c) !important; border-color:rgba(10,42,255,.24) !important; }
.fbc--dark:hover   { box-shadow:0 20px 48px rgba(10,42,255,.36) !important; border-color:rgba(0,200,255,.28) !important; }
.fbc--dark   .fbc-icon{background:rgba(10,42,255,.15) !important;border-color:rgba(10,42,255,.24) !important;}
.fbc--dark   .fbc-badge{background:rgba(10,42,255,.2) !important;color:#00c8ff !important;border-color:rgba(10,42,255,.26) !important;}
.fbc--dark   .fbc-title{color:#ffffff !important;} .fbc--dark .fbc-desc{color:rgba(180,210,240,.4) !important;}
.fbc--dark   .fbc-tag{background:rgba(10,42,255,.1) !important;border-color:rgba(10,42,255,.19) !important;color:rgba(180,210,240,.52) !important;}
.fbc--dark   .fbc-tag:hover{color:#e8f4ff !important;background:rgba(10,42,255,.2) !important;}
.fbc--dark   .fbc-chk{background:rgba(10,42,255,.28) !important;} .fbc--dark .fbc-chk svg path{stroke:#00c8ff !important;}
.fbc--dark   .fbc-orb{background:radial-gradient(circle,rgba(10,42,255,.9),transparent) !important;}

.fbc--blue:hover::before{background:linear-gradient(90deg,#2860ff,#00c8ff) !important;}
.fbc--violet:hover::before{background:linear-gradient(90deg,#6080ff,#2860ff) !important;}
.fbc--cyan:hover::before{background:linear-gradient(90deg,#00c8ff,#2860ff) !important;}
.fbc--green:hover::before{background:linear-gradient(90deg,#00e5a0,#00c8ff) !important;}
.fbc--orange:hover::before{background:linear-gradient(90deg,#00d4ff,#2860ff) !important;}
.fbc--dark:hover::before{background:linear-gradient(90deg,#00c8ff,#2860ff) !important;}

/* ── INTEGRATIONS ── */
.int-featured-card{background:rgba(3,8,18,.92) !important;border:1.5px solid rgba(10,42,255,.17) !important;}
.int-featured-card:hover{border-color:rgba(0,200,255,.36) !important;box-shadow:0 20px 52px rgba(10,42,255,.26) !important;}
.int-icon-wrap{background:rgba(10,42,255,.1) !important;border:1px solid rgba(10,42,255,.17) !important;}
.int-name{color:#e8f4ff !important;} .int-desc{color:#8aacc0 !important;}
.int-chip{background:rgba(3,8,18,.92) !important;border:1.5px solid rgba(10,42,255,.17) !important;color:#5a7888 !important;}
.int-chip:hover{border-color:rgba(0,200,255,.36) !important;color:#00c8ff !important;background:rgba(0,200,255,.06) !important;}
.int-api-box{background:linear-gradient(135deg,#03081a,#04101e) !important;border:1px solid rgba(10,42,255,.26) !important;}
.int-api-code{color:#00c8ff !important;background:rgba(0,0,0,.5) !important;border-color:rgba(10,42,255,.19) !important;}
.int-api-text h3{color:#e8f4ff !important;} .int-api-text p{color:rgba(180,210,240,.48) !important;}

/* ── TESTIMONIALS ── */
.testi-card{background:rgba(3,8,18,.92) !important;border:1.5px solid rgba(10,42,255,.17) !important;}
.testi-card:hover{border-color:rgba(0,200,255,.3) !important;box-shadow:0 24px 64px rgba(10,42,255,.2) !important;}
.testi-card.featured{background:linear-gradient(145deg,#02081a,#060f36,#040c28) !important;border-color:rgba(10,42,255,.36) !important;box-shadow:0 20px 60px rgba(10,42,255,.36) !important;}
.testi-logo{color:#2e4458 !important;} .testi-logo-dot{background:rgba(10,42,255,.13) !important;}
.testi-quote{color:#9ab8cc !important;}
.testi-metric{background:rgba(10,42,255,.1) !important;border:1px solid rgba(10,42,255,.17) !important;}
.testi-metric-num{color:#4080ff !important;} .testi-metric-label{color:#7a9ab5 !important;}
.testi-author-info strong{color:#c8daf0 !important;} .testi-author-info span{color:#7a9ab5 !important;}

/* ── ROI ── */
.roi-card{background:rgba(3,8,18,.92) !important;border:1.5px solid rgba(10,42,255,.17) !important;}
.roi-card:hover{border-color:rgba(0,200,255,.36) !important;box-shadow:0 24px 64px rgba(10,42,255,.28) !important;}
.roi-card::before{background:linear-gradient(90deg,#0a2aff,#00c8ff) !important;}
.roi-card-num{background:linear-gradient(125deg,#2860ff,#00c8ff) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;}
.roi-card-label{color:#7a9ab5 !important;}
.compare-before{background:rgba(3,8,18,.92) !important;border:1.5px solid rgba(10,42,255,.11) !important;}
.compare-after{background:linear-gradient(135deg,rgba(10,42,255,.08),rgba(0,200,255,.04)) !important;border:1.5px solid rgba(10,42,255,.26) !important;}
.compare-title{color:#8aacc0 !important;} .compare-after .compare-title{color:#00c8ff !important;}
.compare-metric{color:#9ab8cc !important;} .compare-value{color:#c8daf0 !important;} .compare-after .compare-value{color:#4080ff !important;}
.compare-item{border-color:rgba(10,42,255,.1) !important;} .compare-after .compare-item{border-color:rgba(10,42,255,.11) !important;}

/* ── PRICING ── */
.plan-card{background:rgba(3,8,18,.95) !important;border:1.5px solid rgba(10,42,255,.19) !important;}
.plan-card:hover{box-shadow:0 24px 64px rgba(10,42,255,.26) !important;border-color:rgba(0,200,255,.3) !important;}
.plan-card.popular{background:linear-gradient(145deg,#020b1e,#0a2aff 65%,#0820cc 100%) !important;border-color:rgba(0,200,255,.26) !important;box-shadow:0 24px 80px rgba(10,42,255,.62),0 0 0 1px rgba(0,200,255,.11) !important;}
.plan-badge{background:#00c8ff !important;color:#020508 !important;}
.plan-name{color:#c8daf0 !important;} .plan-price{color:#f0f8ff !important;} .plan-period{color:#7a9ab5 !important;}
.plan-desc{color:#8aacc0 !important;} .plan-feat{color:#9ab5c5 !important;}
.plan-feat-icon{background:rgba(0,200,255,.1) !important;} .plan-feat-icon svg{color:#00c8ff !important;}
.plan-divider{border-color:rgba(10,42,255,.11) !important;} .plan-extras{color:#1e3448 !important;}
.toggle-switch{background:#0a2aff !important;} .toggle-text.active{color:#e8f4ff !important;} .toggle-text{color:#7a9ab5 !important;}
.pricing-save{background:#00c8ff !important;color:#020508 !important;}
.guarantee-strip{background:linear-gradient(135deg,rgba(0,200,255,.06),rgba(10,42,255,.04)) !important;border:1.5px solid rgba(0,200,255,.17) !important;}
.guarantee-text h4{color:#e8f4ff !important;} .guarantee-text p{color:#8aacc0 !important;}

/* ── USE CASES ── */
.uc-tab{background:rgba(3,8,18,.8) !important;border:1.5px solid rgba(10,42,255,.14) !important;color:#7a9ab5 !important;}
.uc-tab.active{background:#0a2aff !important;border-color:#0a2aff !important;color:#fff !important;box-shadow:0 4px 20px rgba(10,42,255,.42),0 0 30px rgba(0,200,255,.16) !important;}
.uc-metric{background:linear-gradient(135deg,rgba(10,42,255,.1),rgba(0,200,255,.05)) !important;border:1px solid rgba(10,42,255,.17) !important;}
.uc-metric-num{color:#4080ff !important;} .uc-metric-label{color:#7a9ab5 !important;}
.uc-feat-card{background:rgba(3,8,18,.9) !important;border:1.5px solid rgba(10,42,255,.14) !important;}
.uc-feat-card:hover{border-color:rgba(0,200,255,.3) !important;box-shadow:0 8px 28px rgba(10,42,255,.2) !important;}
.uc-feat-title{color:#c8daf0 !important;} .uc-feat-desc{color:#8aacc0 !important;}

/* ── STEPS ── */
.steps-timeline::before{background:linear-gradient(90deg,rgba(10,42,255,.17),rgba(0,200,255,.42),rgba(10,42,255,.17)) !important;}
.step-num{background:linear-gradient(135deg,#0a2aff,#00c8ff) !important;box-shadow:0 6px 24px rgba(10,42,255,.52),0 0 0 7px rgba(3,8,18,.95),0 0 0 8px rgba(10,42,255,.19) !important;}
.step-title{color:#c8daf0 !important;} .step-desc{color:#8aacc0 !important;}

/* ── FAQ ── */
.faq-item{background:rgba(3,8,18,.9) !important;border:1.5px solid rgba(10,42,255,.14) !important;}
.faq-item.open{border-color:rgba(0,200,255,.3) !important;box-shadow:0 4px 24px rgba(10,42,255,.17) !important;}
.faq-q{color:#c8daf0 !important;} .faq-q:hover{background:rgba(10,42,255,.07) !important;}
.faq-icon{border:1.5px solid rgba(10,42,255,.26) !important;color:#00c8ff !important;}
.faq-item.open .faq-icon{background:#0a2aff !important;border-color:#0a2aff !important;}
.faq-a p{color:#a0bcd4 !important;}

/* ── SECURITY ── */
.security-card{background:rgba(2,6,16,.95) !important;border:1px solid rgba(10,42,255,.14) !important;}
.security-card:hover{border-color:rgba(0,200,255,.36) !important;background:rgba(10,42,255,.07) !important;box-shadow:0 16px 48px rgba(10,42,255,.2) !important;}
.security-title{color:#e8f4ff !important;} .security-desc{color:rgba(180,210,240,.4) !important;}
.security-badge{background:rgba(10,42,255,.08) !important;border:1px solid rgba(10,42,255,.17) !important;color:#5a7888 !important;}

/* ── CTA FINAL ── */
.cta-final{background:#020508 !important;}
.cta-final::before{background:radial-gradient(ellipse 100% 120% at 50% 50%,rgba(10,42,255,.5) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 8% 95%,rgba(0,200,255,.2) 0%,transparent 48%),radial-gradient(ellipse 40% 50% at 92% 8%,rgba(10,42,255,.16) 0%,transparent 48%) !important;}
.cta-final-grid-bg{background-image:linear-gradient(rgba(10,42,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(10,42,255,.04) 1px,transparent 1px) !important;}
.cta-final h2{color:#f0f8ff !important;} .cta-final p{color:rgba(180,210,240,.55) !important;}
.cta-final-trust span{color:rgba(180,210,240,.36) !important;}

/* ── FOOTER ── */
.footer{background:#020508 !important;border-top:1px solid rgba(10,42,255,.1) !important;}
.footer-logo-mark{background:linear-gradient(135deg,#0a2aff,#00c8ff) !important;}
.footer-logo-text{color:#f0f8ff !important;} .footer-brand-desc{color:rgba(180,210,240,.3) !important;}
.footer-col h4{color:rgba(0,200,255,.3) !important;}
.footer-links a{color:rgba(180,210,240,.4) !important;} .footer-links a:hover{color:#e8f4ff !important;}
.social-btn{background:rgba(10,42,255,.1) !important;border-color:rgba(10,42,255,.17) !important;color:rgba(180,210,240,.38) !important;}
.social-btn:hover{background:rgba(10,42,255,.2) !important;color:#e8f4ff !important;}
.footer-contact a,.footer-contact__address{color:rgba(180,210,240,.4) !important;}
.footer-contact a:hover{color:#e8f4ff !important;}
.footer-contact__icon{background:rgba(10,42,255,.08) !important;border-color:rgba(10,42,255,.14) !important;color:rgba(180,210,240,.38) !important;}
.footer-contact__icon--wa{background:rgba(37,211,102,.13) !important;border-color:rgba(37,211,102,.2) !important;color:#25D366 !important;}
.footer-bottom{border-top:1px solid rgba(10,42,255,.1) !important;}
.footer-bottom-text{color:rgba(180,210,240,.2) !important;}
.footer-legal a{color:rgba(180,210,240,.2) !important;} .footer-legal a:hover{color:rgba(180,210,240,.62) !important;}

/* ── FLOATING ── */
.back-top{background:rgba(3,8,18,.95) !important;border:1px solid rgba(10,42,255,.26) !important;color:#8aacc0 !important;}
.back-top:hover{background:#0a2aff !important;border-color:#0a2aff !important;color:#fff !important;box-shadow:0 8px 30px rgba(10,42,255,.52) !important;}
.hub-center{background:linear-gradient(135deg,#0a2aff,#00c8ff) !important;box-shadow:0 0 40px rgba(10,42,255,.62),0 0 80px rgba(0,200,255,.26) !important;}
.hub-ring{border-color:rgba(10,42,255,.11) !important;}
.channel-line{background:linear-gradient(90deg,rgba(0,200,255,.48),transparent) !important;}

/* ── FORMS ── */
input,textarea,select{background:rgba(3,8,18,.9) !important;border-color:rgba(10,42,255,.2) !important;color:#c8daf0 !important;}
input:focus,textarea:focus,select:focus{border-color:rgba(0,200,255,.46) !important;box-shadow:0 0 0 3px rgba(10,42,255,.13) !important;outline:none;}
input::placeholder,textarea::placeholder{color:#263848 !important;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:5px;background:#02040a;} ::-webkit-scrollbar-track{background:#02040a;}
::-webkit-scrollbar-thumb{background:rgba(10,42,255,.36);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(0,200,255,.52);}

/* ── FOCUS ── */
:focus-visible{outline:2px solid rgba(0,200,255,.52);outline-offset:3px;border-radius:4px;}

/* ══════════════════════════════════════════════════════════════
   MEJORAS v3 — Contraste, legibilidad y secciones faltantes
══════════════════════════════════════════════════════════════ */

/* ── Párrafos: más legibles (antes muy oscuros) ── */
p, .text-base, .text-lg, li {
  color: #5c7a90 !important;
}
.hero p, .hero .text-base, .hero .text-lg,
.cta-final p,
.section-dark p,
.testi-card.featured p {
  color: rgba(180,210,240,.62) !important;
}

/* ── Sección ROI compare ── */
.compare-before .compare-title { color: #8aacc0 !important; }

/* ── UC tabs ── */
.uc-tab { color: #4e6880 !important; }
.uc-icon-big { filter: drop-shadow(0 0 8px rgba(10,42,255,.4)); }
.uc-metric { transition: all .25s ease; }
.uc-metric:hover {
  border-color: rgba(0,200,255,.32) !important;
  box-shadow: 0 8px 28px rgba(10,42,255,.22) !important;
  transform: translateY(-2px);
}

/* ── Steps ── */
.step-emoji { filter: drop-shadow(0 0 6px rgba(10,42,255,.3)); }

/* ── Pricing toggle labels ── */
.toggle-text { color: #7a9ab5 !important; font-weight: 600; }
.toggle-text.active { color: #c8daf0 !important; }

/* ── Guarantee strip ── */
.guarantee-strip { box-shadow: 0 4px 24px rgba(0,200,255,.08) !important; }
.guarantee-text h4 { color: #e8f4ff !important; }
.guarantee-text p  { color: #8aacc0 !important; }

/* ── Security badges ── */
.security-badge:hover {
  background: rgba(10,42,255,.16) !important;
  border-color: rgba(0,200,255,.28) !important;
  color: #c8daf0 !important;
}

/* ── Platform content text ── */
.platform-content { color: #5c7a90; }
.feat-checks .feat-check span { color: #5c7a90 !important; }
.feat-checks .feat-check span strong { color: #c8daf0 !important; }

/* ── Testimonials: quote más legible ── */
.testi-quote { color: #5c7a90 !important; font-style: italic; }
.testi-card.featured .testi-quote { color: rgba(200,218,240,.62) !important; }
.testi-stars span { filter: drop-shadow(0 0 4px rgba(255,200,0,.4)); }

/* ── Dashboard KPI labels ── */
.kpi-label { color: rgba(180,210,240,.45) !important; }
.kpi-value { color: #e8f4ff !important; }
.kpi-change.kpi-up   { color: #00e5a0 !important; }
.kpi-change.kpi-down { color: #ff6070 !important; }

/* ── Promo bar text ── */
.promo-bar { color: rgba(220,240,255,.9) !important; }
.promo-bar__cta { color: #fff !important; }

/* ── Hero badge ── */
.hero-badge { color: rgba(220,240,255,.85) !important; }
.hero-badge .badge-icon { box-shadow: 0 0 12px rgba(10,42,255,.5); }

/* ── Hero channel pills ── */
.hero-ch { color: rgba(200,220,240,.6) !important; }
.hero-ch:hover { color: #fff !important; border-color: rgba(0,200,255,.35) !important; }

/* ── G2 stars ── */
.g2-label { color: rgba(180,210,240,.4) !important; }

/* ── Section headers: max contrast ── */
.section-header h2,
.section-header .heading-xl,
.features-title,
.cta-final h2 {
  color: #f0f8ff !important;
  letter-spacing: -0.02em;
}

/* ── Nav active state (current page) ── */
.nav-link.nav-link--active,
.nav-link[aria-current="page"] {
  color: #00c8ff !important;
  background: rgba(0,200,255,.08) !important;
}

/* ── Mega menu column promo card CTA ── */
.nav-promo-card .btn-primary {
  background: linear-gradient(135deg,#0a2aff,#1848ff) !important;
  color: #fff !important;
  font-size: 12.5px !important;
}

/* ── Mobile menu: stronger contrast ── */
.mobile-section__toggle { font-weight: 600 !important; }
.mobile-menu { box-shadow: -8px 0 60px rgba(0,4,20,.8) !important; }
.mobile-top-link { font-size: 15px !important; font-weight: 600 !important; }

/* ── Back to top button glow on hover ── */
.back-top.visible { box-shadow: 0 4px 20px rgba(0,4,20,.5) !important; }

/* ── Headings in dark sections — max brightness ── */
.section-dark h2,
.cta-final h2,
.hero-title,
.features-title {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision;
}

/* ── Footer logo glow ── */
.footer-logo-mark {
  box-shadow: 0 0 16px rgba(10,42,255,.55), 0 0 32px rgba(0,200,255,.18) !important;
}

/* ── Social buttons glow on hover ── */
.social-btn:hover {
  box-shadow: 0 0 16px rgba(10,42,255,.35) !important;
  transform: translateY(-2px);
}

/* ── Integration chips: better hover ── */
.int-chip {
  transition: all .2s cubic-bezier(.34,1.56,.64,1) !important;
}
.int-chip:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(10,42,255,.25) !important;
}

/* ── Plan card popular: text contrast ── */
.plan-card.popular .plan-name,
.plan-card.popular .plan-price { color: #ffffff !important; }
.plan-card.popular .plan-desc  { color: rgba(220,240,255,.65) !important; }
.plan-card.popular .plan-feat  { color: rgba(220,240,255,.82) !important; }
.plan-card.popular .plan-period { color: rgba(220,240,255,.5) !important; }
.plan-card.popular .plan-extras { color: rgba(220,240,255,.4) !important; }

/* ── FAQ answer text ── */
.faq-a p { color: #a0bcd4 !important; line-height: 1.75; }

/* ── Scroll reveal animation tweaks ── */
@keyframes glowPulseHeader {
  0%,100% { box-shadow: 0 0 16px rgba(10,42,255,.4), 0 0 30px rgba(0,200,255,.1); }
  50%      { box-shadow: 0 0 28px rgba(10,42,255,.65), 0 0 50px rgba(0,200,255,.2); }
}
.logo-mark { animation: glowPulseHeader 4s ease-in-out infinite; }

/* ── Cursor: custom glow dot ── */
@media (hover: hover) {
  .btn-primary, .btn-primary * { cursor: pointer; }
}

/* ── Responsive: mobile text contrast ── */
@media (max-width: 768px) {
  .hero-title { font-size: clamp(32px,8vw,56px) !important; }
  .hero-sub   { font-size: 16px !important; color: rgba(180,210,240,.62) !important; }
  .section-subtitle { font-size: 15px !important; }
  .plan-card { border-color: rgba(10,42,255,.25) !important; }
  .nav-dropdown { border-radius: 14px !important; }
}

/* ══════════════════════════════════════════════════════════════
   PRICING PAGE — TEMA OSCURO COMPLETO
══════════════════════════════════════════════════════════════ */

/* Hero */
.pricing-hero {
  background: linear-gradient(135deg, #020508 0%, #040c28 55%, #060d22 100%) !important;
}
.pricing-hero h1,
.pricing-hero .section__label { color: #f0f8ff !important; }
.pricing-hero p { color: rgba(180,210,240,.72) !important; }
.pricing-hero__toggle {
  background: rgba(10,42,255,.12) !important;
  border: 1px solid rgba(10,42,255,.26) !important;
}
.toggle-btn { color: rgba(180,210,240,.6) !important; }
.toggle-btn--active {
  background: rgba(10,42,255,.85) !important;
  color: #fff !important;
  box-shadow: 0 2px 14px rgba(10,42,255,.45) !important;
}
.toggle-save { background: #00c8ff !important; color: #020508 !important; }

/* Cards section */
.pricing-cards-section { background: #020508 !important; }
.pricing-card {
  background: rgba(3,8,18,.95) !important;
  border: 1.5px solid rgba(10,42,255,.22) !important;
}
.pricing-card:hover {
  border-color: rgba(0,200,255,.38) !important;
  box-shadow: 0 24px 64px rgba(10,42,255,.28) !important;
}
.pricing-card--featured {
  background: linear-gradient(145deg, #020b1e 0%, #071f6e 55%, #0a2aff 100%) !important;
  border-color: rgba(0,200,255,.35) !important;
  box-shadow: 0 24px 80px rgba(10,42,255,.65), 0 0 0 1px rgba(0,200,255,.15) !important;
}
.pricing-card--featured:hover {
  box-shadow: 0 32px 96px rgba(10,42,255,.75), 0 0 0 1px rgba(0,200,255,.25) !important;
}
.pricing-card__badge {
  background: linear-gradient(135deg, #0a2aff, #00c8ff) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(10,42,255,.5) !important;
}
.pricing-card__header h3 { color: #dceeff !important; }
.pricing-card--featured .pricing-card__header h3 { color: #fff !important; }
.pricing-card__header p { color: #7a9ab5 !important; }
.pricing-card--featured .pricing-card__header p { color: rgba(220,240,255,.65) !important; }
.price-amount { color: #2860ff !important; }
.pricing-card--featured .price-amount { color: #fff !important; }
.price-period { color: #4e6880 !important; }
.pricing-card--featured .price-period { color: rgba(220,240,255,.55) !important; }
.pricing-card__features li { color: #9ab5c5 !important; }
.pricing-card--featured .pricing-card__features li { color: rgba(220,240,255,.85) !important; }
.pricing-card__features svg { color: #00e5a0 !important; }
.pricing-trust { color: #4e6880 !important; }

/* Botón outline en cards oscuras */
.pricing-card .btn-outline {
  background: transparent !important;
  border-color: rgba(10,42,255,.45) !important;
  color: #7aaccc !important;
}
.pricing-card .btn-outline:hover {
  background: rgba(10,42,255,.15) !important;
  border-color: rgba(0,200,255,.55) !important;
  color: #e8f4ff !important;
}
/* Botón primario en card featured */
.pricing-card--featured .btn-primary {
  background: rgba(255,255,255,.18) !important;
  border: 1.5px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.pricing-card--featured .btn-primary:hover {
  background: rgba(255,255,255,.28) !important;
  border-color: rgba(255,255,255,.55) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.3) !important;
}

/* Comparison table */
.pricing-comparison { background: #030a14 !important; }
.pricing-comparison .section__title { color: #e8f4ff !important; }
.pricing-comparison .section__desc  { color: #7a9ab5 !important; }
.comparison-table-wrap {
  border: 1px solid rgba(10,42,255,.25) !important;
  box-shadow: 0 8px 40px rgba(0,10,40,.5) !important;
}
.comparison-table thead th {
  background: rgba(10,42,255,.55) !important;
  border-right: 1px solid rgba(10,42,255,.3) !important;
  color: #e8f4ff !important;
}
.comparison-table thead th.featured-col {
  background: linear-gradient(135deg, #0a2aff, #00a8e0) !important;
  color: #fff !important;
}
.comparison-table thead th:first-child {
  background: rgba(2,5,14,.98) !important;
  color: rgba(180,210,240,.6) !important;
}
.th-badge {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.comparison-table__category td {
  background: rgba(10,42,255,.1) !important;
  color: rgba(0,200,255,.7) !important;
  border-bottom: 1px solid rgba(10,42,255,.15) !important;
}
.comparison-table td {
  background: rgba(3,8,18,.9) !important;
  border-bottom: 1px solid rgba(10,42,255,.1) !important;
  border-right: 1px solid rgba(10,42,255,.1) !important;
  color: #9ab5c5 !important;
}
.comparison-table__name { color: #c8daf0 !important; }
.comparison-table td.featured-col {
  background: rgba(10,42,255,.1) !important;
}
.comparison-table tbody tr:not(.comparison-table__category):hover td {
  background: rgba(10,42,255,.08) !important;
}
.comparison-table tbody tr:not(.comparison-table__category):hover td.featured-col {
  background: rgba(10,42,255,.18) !important;
}
.tl-check { color: #00e5a0 !important; }
.tl-cross  { color: rgba(100,140,180,.3) !important; }
.tl-value  { color: #00c8ff !important; }
.comparison-table tfoot td {
  background: rgba(3,8,18,.95) !important;
  border-top: 1px solid rgba(10,42,255,.2) !important;
  color: #9ab5c5 !important;
}

/* FAQ precios */
.pricing-faq { background: #020508 !important; }
.pricing-faq .section__title { color: #e8f4ff !important; }
.faq-item { border-color: rgba(10,42,255,.15) !important; }
.faq-item__question { color: #c8daf0 !important; }
.faq-item__question:hover { color: #00c8ff !important; }
.faq-chevron { color: rgba(0,200,255,.5) !important; }
.faq-item--open .faq-chevron { color: #00c8ff !important; }
.faq-item__answer p { color: #7a9ab5 !important; }

/* CTA Final de la página de precios */
.pricing-cta {
  background: #020508 !important;
  position: relative;
  overflow: hidden;
}
.pricing-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 85% 100% at 50% 50%, rgba(10,42,255,.45) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 10% 90%, rgba(0,200,255,.2) 0%, transparent 48%),
    radial-gradient(ellipse 40% 40% at 90% 10%, rgba(10,42,255,.15) 0%, transparent 48%);
  pointer-events: none;
}
.pricing-cta__inner { position: relative; z-index: 2; }
.pricing-cta__inner h2 { color: #f0f8ff !important; }
.pricing-cta__inner p  { color: rgba(180,210,240,.7) !important; }

/* Botón "Hablar con un experto" en el CTA */
.pricing-cta .btn-ghost-white {
  background: rgba(255,255,255,.1) !important;
  border: 1.5px solid rgba(255,255,255,.28) !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px) !important;
}
.pricing-cta .btn-ghost-white:hover {
  background: rgba(255,255,255,.2) !important;
  border-color: rgba(255,255,255,.5) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.3) !important;
}
/* Botón primario en el CTA */
.pricing-cta .btn-primary {
  background: linear-gradient(135deg, #0a2aff, #1040ff) !important;
  box-shadow: 0 4px 24px rgba(10,42,255,.55), 0 0 40px rgba(0,200,255,.15) !important;
  color: #fff !important;
}
.pricing-cta .btn-primary:hover {
  box-shadow: 0 8px 36px rgba(10,42,255,.7), 0 0 60px rgba(0,200,255,.25) !important;
  transform: translateY(-2px) !important;
}

/* ── Recursos page ── */
.res-hero   { background: #020508 !important; }
.res-card   { background: rgba(3,8,18,.92) !important; border-color: rgba(10,42,255,.17) !important; }
.res-card:hover { border-color: rgba(0,200,255,.3) !important; box-shadow: 0 12px 40px rgba(10,42,255,.2) !important; }

/* ── Contacto page (base) ── */

/* Sección de opciones (fondo blanco → oscuro) */
.ct-options-section { background: #020508 !important; }

/* Radio checked state */
.ct-radio input:checked + span {
  background: var(--blue-600) !important;
  border-color: var(--blue-600) !important;
  color: #fff !important;
}

/* Success state del formulario */
.ct-form-success h3 { color: #e0eeff !important; }
.ct-form-success p  { color: rgba(180,210,240,.55) !important; }

/* Misc */
.ct-form-box { background: rgba(3,8,18,.95) !important; border-color: rgba(10,42,255,.2) !important; }
.ct-label    { color: #c8daf0 !important; font-weight: 600; }
.ct-sublabel { color: #8aacc0 !important; }

/* ── 404 page ── */
.error-404 { background: #020508 !important; }

/* ── WP admin bar: no interference ── */
#wpadminbar { background: #0a2aff !important; }
#wpadminbar * { color: rgba(220,240,255,.9) !important; }
#wpadminbar .ab-item:hover,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
  background: rgba(0,200,255,.2) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════════════
   RECURSOS PAGE — TEMA OSCURO COMPLETO
   Fácil de editar: modifica los valores de las variables CSS vars
   --res-card-bg     → fondo de cards principales
   --res-card-alt-bg → fondo de cards alternativas (webinars)
   --res-section-bg  → fondo de secciones blancas
   --res-alt-bg      → fondo de secciones grises
   --res-grid-gap    → color del gap entre cat cards
══════════════════════════════════════════════════════════════ */
:root {
  --res-card-bg:     #06101e;
  --res-card-alt-bg: #050d1a;
  --res-section-bg:  #020508;
  --res-alt-bg:      #030a14;
  --res-grid-gap:    rgba(10,42,255,.12);
}

/* ── Hero de recursos ── */
.res-hero {
  background: #020508 !important;
}
.res-hero-title { color: #f0f8ff !important; }
.res-hero-sub   { color: rgba(180,210,240,.6) !important; }
.res-hero-badge {
  background: rgba(10,42,255,.15) !important;
  border: 1px solid rgba(10,42,255,.3) !important;
  color: #00c8ff !important;
}
.res-hero-search {
  background: rgba(4,10,22,.9) !important;
  border: 1.5px solid rgba(10,42,255,.3) !important;
  border-radius: 14px !important;
}
.res-hero-search input {
  background: transparent !important;
  color: #c8daf0 !important;
  border: none !important;
  box-shadow: none !important;
}
.res-hero-search .btn-primary { flex-shrink: 0; }
.res-quicklink {
  background: rgba(10,42,255,.12) !important;
  border: 1px solid rgba(10,42,255,.25) !important;
  color: #c0d8f0 !important;
  border-radius: 100px !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all .2s !important;
}
.res-quicklink:hover {
  background: rgba(10,42,255,.24) !important;
  border-color: rgba(0,200,255,.4) !important;
  color: #fff !important;
}

/* ── Categorías strip ── */
.res-cats-section {
  background: var(--res-section-bg, #020508) !important;
  border-bottom: 1px solid rgba(10,42,255,.12) !important;
}
.res-cats-grid {
  background: rgba(10,42,255,.08) !important;
  border-top: 1px solid rgba(10,42,255,.12) !important;
}
.res-cats-section .res-cat-card {
  background: #06101e !important;
  border-right: 1px solid rgba(10,42,255,.1) !important;
  color: #c8daf0 !important;
  transition: background .2s, border-color .2s !important;
}
.res-cats-section .res-cat-card:hover {
  background: rgba(10,42,255,.16) !important;
}
.res-cats-section .res-cat-card::after {
  background: linear-gradient(90deg, #0a2aff, #00c8ff) !important;
}
.res-cat-icon { filter: drop-shadow(0 0 6px rgba(10,42,255,.4)); }
.res-cats-section .res-cat-title { color: #dceeff !important; font-weight: 800 !important; }
.res-cats-section .res-cat-desc  { color: #7a9ab8 !important; }
.res-cats-section .res-cat-arrow { color: #00c8ff !important; }

/* ── Blog section ── */
.res-blog-section { background: var(--res-section-bg, #020508) !important; }
.res-blog-section .res-blog-card {
  background: #06101e !important;
  border: 1px solid rgba(10,42,255,.17) !important;
}
.res-blog-section .res-blog-card:hover {
  border-color: rgba(0,200,255,.3) !important;
  box-shadow: 0 20px 56px rgba(10,42,255,.22) !important;
  transform: translateY(-5px);
}
.res-blog-thumb-placeholder {
  background: linear-gradient(135deg, rgba(10,42,255,.18), rgba(0,200,255,.08)) !important;
}
.res-blog-date    { color: rgba(180,210,240,.35) !important; }
.res-blog-cat {
  background: rgba(10,42,255,.18) !important;
  color: #00c8ff !important;
}
.res-blog-section .res-blog-title   { color: #dceeff !important; }
.res-blog-section .res-blog-excerpt { color: #7a9ab8 !important; }
.res-blog-section .res-blog-link    { color: #00c8ff !important; }

/* ── Documentación / Guides ── */
.res-docs-section { background: var(--res-alt-bg, #030a14) !important; }
.res-docs-section .res-doc-card {
  background: #06101e !important;
  border: 1.5px solid rgba(10,42,255,.2) !important;
  box-shadow: 0 2px 12px rgba(0,10,40,.3) !important;
  transition: all .25s cubic-bezier(.34,1.56,.64,1) !important;
}
.res-docs-section .res-doc-card:hover {
  border-color: rgba(0,200,255,.4) !important;
  box-shadow: 0 14px 44px rgba(10,42,255,.28) !important;
  transform: translateY(-5px) !important;
  background: rgba(10,42,255,.08) !important;
}
.res-doc-icon {
  background: rgba(10,42,255,.18) !important;
  border: 1px solid rgba(10,42,255,.25) !important;
  border-radius: 14px !important;
  font-size: 28px !important;
}
.res-docs-section .res-doc-card:hover .res-doc-icon {
  background: rgba(10,42,255,.3) !important;
  box-shadow: 0 0 14px rgba(10,42,255,.4) !important;
}
.res-doc-time {
  background: rgba(10,42,255,.16) !important;
  color: #6090b8 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(10,42,255,.2) !important;
}
.res-doc-time.badge-advanced {
  background: rgba(96,128,255,.18) !important;
  color: #a0b8ff !important;
  border: 1px solid rgba(96,128,255,.28) !important;
}
.res-docs-section .res-doc-title {
  color: #dceeff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.res-docs-section .res-doc-desc {
  color: #7a9ab8 !important;
  line-height: 1.75 !important;
}
.res-doc-arrow {
  color: #00c8ff !important;
  font-weight: 700 !important;
}
.res-doc-arrow svg { stroke: #00c8ff !important; }

/* ── Webinars ── */
.res-webinars-section { background: var(--res-section-bg, #020508) !important; }
.res-webinars-section .res-webinar-card {
  background: #050d1a !important;
  border: 1.5px solid rgba(10,42,255,.17) !important;
  transition: all .25s !important;
}
.res-webinars-section .res-webinar-card:hover {
  border-color: rgba(0,200,255,.35) !important;
  background: rgba(10,42,255,.1) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(10,42,255,.22) !important;
}
.res-webinar-icon {
  background: linear-gradient(135deg, rgba(10,42,255,.2), rgba(0,200,255,.1)) !important;
  border: 1px solid rgba(10,42,255,.25) !important;
}
.res-webinar-meta { color: rgba(180,210,240,.35) !important; }
.res-webinars-section .res-webinar-title { color: #dceeff !important; }

/* ── Casos de Éxito ── */
.res-cases-section { background: var(--res-alt-bg, #030a14) !important; }
.res-cases-section .res-case-card {
  background: #06101e !important;
  border: 1.5px solid rgba(10,42,255,.22) !important;
  box-shadow: 0 2px 12px rgba(0,10,40,.35) !important;
  transition: all .25s cubic-bezier(.34,1.56,.64,1) !important;
}
.res-cases-section .res-case-card:hover {
  border-color: rgba(0,200,255,.4) !important;
  box-shadow: 0 20px 56px rgba(10,42,255,.28) !important;
  transform: translateY(-5px) !important;
}
.res-cases-section .res-case-icon {
  background: rgba(10,42,255,.18) !important;
  border: 1px solid rgba(10,42,255,.28) !important;
  font-size: 22px !important;
}
.res-cases-section .res-case-company { color: #dceeff !important; font-weight: 800 !important; }
.res-cases-section .res-case-sector  { color: rgba(0,200,255,.55) !important; letter-spacing: 1px !important; }
.res-cases-section .res-case-desc    { color: #7a9ab8 !important; line-height: 1.75 !important; }
.res-cases-section .res-case-metric {
  background: linear-gradient(135deg, rgba(10,42,255,.2), rgba(0,200,255,.09)) !important;
  color: #00c8ff !important;
  font-weight: 800 !important;
  border: 1px solid rgba(10,42,255,.32) !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
  font-size: 14px !important;
  letter-spacing: .01em !important;
}
.res-cases-section .res-case-link {
  color: #00c8ff !important;
  font-weight: 700 !important;
  transition: gap .2s, color .2s !important;
}
.res-cases-section .res-case-link:hover { color: #fff !important; }

/* ── Newsletter ── */
.res-newsletter-inner {
  background: linear-gradient(135deg, rgba(10,42,255,.18), rgba(0,200,255,.08)) !important;
  border: 1px solid rgba(10,42,255,.3) !important;
}
.res-newsletter-title { color: #f0f8ff !important; }
.res-newsletter-sub   { color: rgba(180,210,240,.55) !important; }
.res-nl-input {
  background: rgba(4,10,22,.85) !important;
  border: 1.5px solid rgba(10,42,255,.28) !important;
  color: #c8daf0 !important;
}
.res-nl-input:focus {
  border-color: rgba(0,200,255,.5) !important;
  box-shadow: 0 0 0 3px rgba(10,42,255,.15) !important;
}
.res-nl-input::placeholder { color: rgba(100,140,180,.35) !important; }

/* ── FAQ dentro de recursos ── */
.res-faq-section { background: var(--res-section-bg, #020508) !important; }

/* ── API section (ya es oscura pero la refinamos) ── */
.res-api-section {
  background: #030810 !important;
}
.res-api-feat { color: rgba(180,210,240,.62) !important; }
.res-api-code-wrap code,
.res-api-code-wrap pre {
  color: #00c8ff !important;
  background: rgba(0,0,0,.5) !important;
}

/* ── Responsive recursos ── */
@media (max-width: 1280px) {
  .res-webinars-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .res-cases-grid    { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 1024px) {
  .res-cats-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .res-docs-grid { grid-template-columns: 1fr 1fr !important; }
  .res-cases-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
  .res-docs-grid  { grid-template-columns: 1fr !important; }
  .res-cases-grid { grid-template-columns: 1fr !important; }
  .res-blog-grid  { grid-template-columns: 1fr !important; }
  .res-webinars-grid { grid-template-columns: 1fr !important; }
  .res-cats-grid  { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ═══════════════════════════════════════════════════════════
   CONTACTO — Secciones faltantes en dark theme (v17)
   ═══════════════════════════════════════════════════════════ */

/* Sección info + horarios */
.ct-info-section { background: #030a14 !important; }

/* Ítems de contacto */
.ct-contact-icon         { background: #1e293b !important; border: none !important; }
.ct-contact-icon--email  { background: #1e293b !important; }
.ct-contact-icon--wa     { background: #16a34a !important; }
.ct-contact-icon--phone  { background: #1e293b !important; }
.ct-contact-icon--location { background: #1e293b !important; }
.ct-contact-label { color: rgba(140,180,220,.55) !important; }
.ct-contact-value { color: #c8daf0 !important; }
a.ct-contact-value:hover { color: #00c8ff !important; }

/* Tarjetas de horarios */
.ct-hours-card {
  background: rgba(4,12,28,.9) !important;
  border-color: rgba(10,42,255,.22) !important;
}
.ct-hours-card--featured {
  background: rgba(10,42,255,.14) !important;
  border-color: rgba(10,42,255,.4) !important;
}
.ct-hours-card--enterprise {
  background: rgba(90,50,200,.12) !important;
  border-color: rgba(130,80,255,.35) !important;
}
.ct-hours-plan    { color: #dceeff !important; }
.ct-hours-time    { color: rgba(180,210,240,.62) !important; }
.ct-hours-channel { color: rgba(140,180,220,.45) !important; }

/* Badge idiomas */
.ct-langs-badge {
  background: rgba(4,12,28,.9) !important;
  border-color: rgba(10,42,255,.25) !important;
  color: rgba(180,210,240,.7) !important;
}

/* Quick FAQs */
.ct-qfaq-item {
  background: rgba(4,12,28,.9) !important;
  border-color: rgba(10,42,255,.2) !important;
}
.ct-qfaq-q { color: #dceeff !important; }
.ct-qfaq-a { color: rgba(150,190,230,.6) !important; }

/* Tarjetas de opciones de contacto — override colores claros */
.ct-option-green,
.ct-option-blue,
.ct-option-violet,
.ct-option-cyan {
  background: rgba(4,12,28,.9) !important;
  border-color: rgba(10,42,255,.22) !important;
}
.ct-option-card { background: rgba(4,12,28,.9) !important; border-color: rgba(10,42,255,.22) !important; }
.ct-option-card:hover { border-color: rgba(0,200,255,.3) !important; box-shadow: 0 8px 28px rgba(10,42,255,.2) !important; }
.ct-option-card.active { border-color: rgba(0,200,255,.5) !important; background: rgba(10,42,255,.14) !important; }
.ct-option-title { color: #dceeff !important; }
.ct-option-desc  { color: rgba(150,190,230,.55) !important; }
.ct-option-green:hover  { border-color: rgba(74,222,128,.4) !important; box-shadow: 0 16px 48px rgba(74,222,128,.15) !important; }
.ct-option-blue:hover   { border-color: rgba(96,165,250,.4) !important; box-shadow: 0 16px 48px rgba(96,165,250,.15) !important; }
.ct-option-violet:hover { border-color: rgba(167,139,250,.4) !important; box-shadow: 0 16px 48px rgba(167,139,250,.15) !important; }
.ct-option-cyan:hover   { border-color: rgba(34,211,238,.4) !important; box-shadow: 0 16px 48px rgba(34,211,238,.15) !important; }
.ct-option-green .ct-option-cta  { color: #4ade80 !important; }
.ct-option-blue .ct-option-cta   { color: #60a5fa !important; }
.ct-option-violet .ct-option-cta { color: #a78bfa !important; }
.ct-option-cyan .ct-option-cta   { color: #22d3ee !important; }

/* Formulario de contacto — wrap, campos, radios */
.ct-form-wrap {
  background: rgba(4,12,28,.95) !important;
  border-color: rgba(10,42,255,.25) !important;
  box-shadow: 0 40px 100px rgba(0,0,0,.7), 0 0 0 1px rgba(10,42,255,.18) !important;
}
.ct-form-header h2 { color: #dceeff !important; }
.ct-form-header p  { color: rgba(150,190,230,.6) !important; }
.ct-field label    { color: rgba(180,210,240,.8) !important; }
.ct-field input,
.ct-field select,
.ct-field textarea {
  background: rgba(2,8,20,.8) !important;
  border-color: rgba(10,42,255,.3) !important;
  color: #c8daf0 !important;
}
.ct-field input:focus,
.ct-field select:focus,
.ct-field textarea:focus {
  border-color: rgba(0,200,255,.5) !important;
  box-shadow: 0 0 0 3px rgba(10,42,255,.15) !important;
}
.ct-field input::placeholder,
.ct-field select::placeholder,
.ct-field textarea::placeholder { color: rgba(100,140,180,.4) !important; }
.ct-radio span {
  background: rgba(2,8,20,.8) !important;
  border-color: rgba(10,42,255,.3) !important;
  color: rgba(180,210,240,.8) !important;
}
.ct-form-note { color: rgba(140,180,220,.45) !important; }

/* Hero stats de contacto */
.ct-hero .ct-stat strong { color: #dceeff !important; }
.ct-hero .ct-stat span   { color: rgba(150,190,230,.55) !important; }

/* ═══════════════════════════════════════════════════════════
   RECURSOS — Secciones faltantes en dark theme (v17)
   ═══════════════════════════════════════════════════════════ */

/* Blog placeholder y textos */
.res-blog-section .res-blog-thumb-placeholder {
  background: rgba(10,42,255,.14) !important;
  border-color: rgba(10,42,255,.25) !important;
}
.res-blog-section .res-blog-meta    { color: rgba(140,180,220,.5) !important; }
.res-blog-section .res-blog-excerpt { color: rgba(150,190,230,.55) !important; }
.res-blog-section .res-blog-link    { color: #00c8ff !important; }

/* Doc cards — badges de tiempo y flechas */
.res-docs-section .res-doc-time              { background: rgba(10,42,255,.2) !important; color: #00c8ff !important; border-color: rgba(10,42,255,.3) !important; }
.res-docs-section .res-doc-time.badge-advanced { background: rgba(90,50,200,.2) !important; color: #c084fc !important; border-color: rgba(130,80,255,.3) !important; }
.res-docs-section .res-doc-desc              { color: rgba(150,190,230,.55) !important; }
.res-docs-section .res-doc-arrow             { color: rgba(0,200,255,.7) !important; }

/* Quick links del hero de recursos */
.res-hero .res-quicklink {
  background: rgba(10,42,255,.15) !important;
  border-color: rgba(10,42,255,.3) !important;
  color: #7eb5ff !important;
}
.res-hero .res-quicklink:hover {
  background: rgba(10,42,255,.28) !important;
  color: #fff !important;
}