:root{ --bg:#050505; --panel:#111111; --panel2:#161616; --volt:#C6FF00; --volt2:#39FF14; --ink:#F2F5F0; --body:#C9D1C6;
  --mut:#8B948A; --hair:rgba(198,255,0,.14); --line:rgba(242,245,240,.12); --danger:#FF5D5D; }
*{ box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; }
body{ background:var(--bg); color:var(--ink); font-family:"Hanken Grotesk",sans-serif; font-size:15px; line-height:1.6; overflow-x:hidden; }
h1,h2,h3{ font-family:"Archivo",sans-serif; font-stretch:125%; font-weight:900; text-transform:uppercase; letter-spacing:.5px; line-height:1.04; }
section{ scroll-margin-top:74px; }
.wrap{ max-width:560px; margin:0 auto; padding:0 18px; }
em{ font-style:normal; color:var(--volt); }
/* ===== NAV ===== */
.knav{ position:sticky; top:0; z-index:100; background:rgba(10,11,10,.86); backdrop-filter:blur(14px); border-bottom:1px solid var(--hair); }
.knav .in{ max-width:560px; margin:0 auto; display:flex; align-items:center; gap:10px; padding:12px 18px; }
.klogo{ font-family:"Archivo",sans-serif; font-stretch:125%; font-weight:900; font-size:17px; letter-spacing:1px; }
.klogo b{ color:var(--volt); }
.kpills{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; flex:1; }
.kpills::-webkit-scrollbar{ display:none; }
.kpills button{ flex:0 0 auto; background:none; border:1.5px solid var(--line); color:var(--body); border-radius:999px; padding:7px 12px; font-family:"Hanken Grotesk",sans-serif; font-size:11.5px; font-weight:700; cursor:pointer; }
.kpills button.go{ background:var(--volt); color:#0A0B0A; border-color:var(--volt); }
/* ===== STAGE ===== */
.stage{ display:flex; align-items:center; gap:14px; max-width:560px; margin:40px auto 4px; padding:0 18px; }
.stage::before,.stage::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(198,255,0,.4)); }
.stage::after{ background:linear-gradient(90deg,rgba(198,255,0,.4),transparent); }
.stage span{ background:var(--volt); color:#0A0B0A; font-size:9.5px; letter-spacing:2.6px; font-weight:800; border-radius:999px; padding:7px 15px; font-family:"Hanken Grotesk",sans-serif; }
/* ===== HERO ===== */
.hero{ padding:44px 0 10px; position:relative; }
.hero .eyebrow{ display:inline-flex; align-items:center; gap:7px; border:1px solid var(--hair); border-radius:999px; padding:7px 13px; font-size:9.5px; letter-spacing:2.4px; font-weight:800; color:var(--volt); margin-bottom:18px; }
.hero .eyebrow i{ width:6px; height:6px; border-radius:50%; background:var(--volt); box-shadow:0 0 10px var(--volt); animation:blink 1.6s infinite; }
@keyframes blink{ 50%{ opacity:.35; } }
.hero h1{ font-size:clamp(34px,9vw,46px); margin-bottom:14px; }
.hsub{ color:var(--body); font-size:15.5px; margin-bottom:20px; max-width:460px; }
.btn{ display:inline-block; border:none; border-radius:14px; padding:16px 22px; font-family:"Hanken Grotesk",sans-serif; font-size:15px; font-weight:800; cursor:pointer; text-decoration:none; text-align:center; }
.btn-volt{ background:var(--volt); color:#0A0B0A; box-shadow:0 12px 34px rgba(198,255,0,.25); width:100%; }
.btn-volt:active{ transform:scale(.985); }
.btn-ghost{ background:none; border:1.5px solid var(--line); color:var(--ink); width:100%; margin-top:9px; }
.trust{ font-size:11px; color:var(--mut); text-align:center; margin-top:12px; letter-spacing:.3px; }
/* BODY MAP */
.bmap{ position:relative; margin:26px auto 0; width:min(320px,80vw); background:linear-gradient(170deg,#131612,#0D0F0C); border:1px solid var(--hair); border-radius:24px; padding:20px 16px 16px; }
.bm-pill{ display:inline-flex; align-items:center; gap:6px; background:#0A0B0A; border:1px solid var(--hair); border-radius:999px; padding:5px 11px; font-size:8.5px; letter-spacing:1.8px; font-weight:800; color:var(--volt); }
.bm-pill i{ width:5px; height:5px; border-radius:50%; background:var(--volt); animation:blink 1.4s infinite; }
.bm-fig{ display:block; margin:8px auto 4px; }
.bm-chip{ position:absolute; background:rgba(10,11,10,.9); border:1px solid var(--hair); border-radius:999px; padding:4px 9px; font-size:9px; font-weight:800; color:var(--ink); letter-spacing:.6px; }
.bm-chip b{ color:var(--volt); }
.bm-score{ position:absolute; right:12px; bottom:12px; background:var(--volt); color:#0A0B0A; border-radius:14px; padding:8px 12px; text-align:center; }
.bm-score b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:22px; line-height:1; }
.bm-score span{ font-size:7.5px; letter-spacing:1.4px; font-weight:800; }
.bm-say{ font-size:11px; color:var(--mut); text-align:center; margin-top:10px; min-height:16px; }
/* ===== SECCIONES ===== */
.sec{ padding:26px 0 8px; }
.sec-label{ font-size:9.5px; letter-spacing:2.6px; font-weight:800; color:var(--volt); margin-bottom:8px; }
.sec h2{ font-size:clamp(24px,6.4vw,31px); margin-bottom:10px; }
.sub{ color:var(--body); font-size:14px; margin-bottom:16px; }
/* Cómo funciona */
.steps{ display:flex; flex-direction:column; gap:10px; }
.step{ display:flex; gap:14px; background:var(--panel); border:1px solid var(--hair); border-radius:18px; padding:16px; }
.step .n{ flex:0 0 34px; height:34px; border-radius:11px; background:var(--volt); color:#0A0B0A; display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-weight:900; font-size:16px; }
.step b{ display:block; font-size:14.5px; margin-bottom:2px; }
.step p{ font-size:12.5px; color:var(--mut); }
/* Wizard */
.gate{ background:var(--panel); border:1px solid var(--hair); border-radius:22px; padding:22px 18px; }
.wsteps{ display:flex; gap:5px; margin-bottom:18px; }
.wsteps i{ flex:1; height:4px; border-radius:99px; background:var(--panel2); }
.wsteps i.on{ background:var(--volt); }
.wp{ display:none; } .wp.on{ display:block; animation:fadeUp .35s ease both; }
@keyframes fadeUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.gate h3{ font-size:19px; margin-bottom:4px; }
.gate .gs{ font-size:12.5px; color:var(--mut); margin-bottom:14px; }
.grow{ margin-bottom:11px; text-align:left; }
.grow label{ display:block; font-size:11px; font-weight:800; letter-spacing:.8px; color:var(--body); margin-bottom:5px; text-transform:uppercase; }
.grow input{ width:100%; background:#0C0E0B; border:1.5px solid var(--line); border-radius:12px; padding:14px; color:var(--ink); font-family:inherit; font-size:15px; }
.grow input:focus{ outline:none; border-color:var(--volt); }
.phone{ display:flex; gap:8px; width:100%; }
.phone .cc{ flex:0 0 auto; background:#0C0E0B; border:1.5px solid var(--line); border-radius:12px; padding:14px 12px; color:var(--mut); font-weight:800; }
.phone input{ flex:1; min-width:0; }
.optin{ display:flex; align-items:flex-start; gap:8px; font-size:11px; color:var(--body); line-height:1.5; margin-top:8px; text-align:left; cursor:pointer; }
.optin input{ margin-top:2px; accent-color:var(--volt); width:15px; height:15px; flex:0 0 auto; }
.werr{ color:var(--danger); font-size:12px; font-weight:700; min-height:16px; margin-top:6px; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:6px 0 4px; }
.chips button{ background:#0C0E0B; border:1.5px solid var(--line); color:var(--body); border-radius:999px; padding:11px 15px; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.chips button.on{ background:var(--volt); color:#0A0B0A; border-color:var(--volt); }
.wnav{ display:flex; gap:8px; margin-top:16px; }
.wback{ flex:0 0 auto; background:none; border:1.5px solid var(--line); color:var(--mut); border-radius:12px; padding:14px 16px; font-family:inherit; font-weight:800; cursor:pointer; }
.wnext{ flex:1; }
.wfall{ display:block; margin:12px auto 0; background:none; border:none; color:var(--mut); font-family:inherit; font-size:12.5px; font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.wopts{ margin:8px auto 0; text-align:center; }
.wopts summary{ font-size:11px; font-weight:700; color:var(--mut); cursor:pointer; list-style:none; text-decoration:underline; text-underline-offset:3px; }
.wopts summary::-webkit-details-marker{ display:none; }
.wmode{ display:flex; gap:8px; justify-content:center; margin-top:8px; }
.wm{ background:#0C0E0B; border:1.5px solid var(--line); border-radius:12px; padding:8px 14px; font-family:inherit; font-size:12px; font-weight:800; color:var(--ink); cursor:pointer; }
.wm small{ display:block; font-size:9px; font-weight:600; color:var(--mut); }
.wm.on{ border-color:var(--volt); color:var(--volt); }
/* Chat */
.chatbox{ margin-top:14px; background:var(--panel); border:1px solid var(--hair); border-radius:22px; overflow:hidden; display:none; }
.chatbox.on{ display:block; }
.chathead{ display:flex; align-items:center; gap:10px; padding:13px 16px; border-bottom:1px solid var(--hair); background:var(--panel2); }
.corb{ width:34px; height:34px; border-radius:10px; font-size:10px!important; background:radial-gradient(circle at 32% 30%, #E3FF7A, var(--volt) 55%, #6FA900); display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-weight:900; color:#0A0B0A; font-size:14px; box-shadow:0 0 18px rgba(198,255,0,.4); }
.chathead b{ font-size:14px; } .chathead span{ font-size:10.5px; color:var(--volt); display:block; letter-spacing:1px; font-weight:800; }
.log{ height:460px; overflow-y:auto; padding:16px 14px; display:flex; flex-direction:column; gap:10px; -webkit-overflow-scrolling:touch; }
.msg{ max-width:88%; padding:12px 14px; border-radius:16px; font-size:14px; line-height:1.6; white-space:pre-wrap; word-wrap:break-word; }
.msg.user{ align-self:flex-end; background:var(--volt); color:#0A0B0A; border-bottom-right-radius:5px; font-weight:600; }
.msg.bot{ align-self:flex-start; background:var(--panel2); border:1px solid var(--line); border-bottom-left-radius:5px; color:var(--body); }
.msg.bot b{ color:var(--ink); }
.typing{ align-self:flex-start; display:flex; gap:5px; padding:14px; }
.typing i{ width:7px; height:7px; border-radius:50%; background:var(--volt); animation:ty 1.1s infinite; }
.typing i:nth-child(2){ animation-delay:.18s; } .typing i:nth-child(3){ animation-delay:.36s; }
@keyframes ty{ 0%,100%{ opacity:.25; transform:translateY(0); } 50%{ opacity:1; transform:translateY(-4px); } }
.inrow{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--hair); background:var(--panel2); }
.inrow input{ flex:1; min-width:0; background:#0C0E0B; border:1.5px solid var(--line); border-radius:12px; padding:13px; color:var(--ink); font-family:inherit; font-size:14px; }
.inrow input:focus{ outline:none; border-color:var(--volt); }
.inrow button{ flex:0 0 auto; background:var(--volt); border:none; border-radius:12px; padding:0 18px; font-family:inherit; font-weight:800; color:#0A0B0A; cursor:pointer; }
/* Report card */
.report{ align-self:stretch; max-width:100%; background:linear-gradient(170deg,#151812,#0E100C); border:1.5px solid rgba(198,255,0,.35); border-radius:18px; padding:16px 15px; }
.report.pulse{ animation:cardPulse 1.4s ease 2; }
@keyframes cardPulse{ 50%{ box-shadow:0 0 0 4px rgba(198,255,0,.35), 0 14px 36px rgba(198,255,0,.18); } }
.rk{ display:inline-block; background:var(--volt); color:#0A0B0A; font-size:9.5px; letter-spacing:1.8px; font-weight:800; border-radius:999px; padding:6px 12px; margin-bottom:10px; }
.rscores{ display:flex; gap:7px; margin:4px 0 10px; }
.rsq{ flex:1; background:#0A0B0A; border:1px solid var(--hair); border-radius:13px; padding:11px 6px; text-align:center; }
.rsq b{ display:block; font-family:"Archivo",sans-serif; font-size:26px; font-weight:900; color:var(--volt); line-height:1; }
.rsq span{ font-size:8px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; color:var(--mut); }
.rbtn{ display:block; width:100%; background:#0A0B0A; border:1.5px solid var(--line); color:#F2F5F0; border-radius:12px; padding:13px; font-family:inherit; font-size:13.5px; font-weight:800; cursor:pointer; margin-top:8px; }
.rbtn.main{ background:var(--volt); color:#0A0B0A; border-color:var(--volt); }
/* Sticky bar */
.kbar{ position:fixed; left:0; right:0; bottom:0; z-index:200; background:rgba(10,11,10,.92); backdrop-filter:blur(14px); border-top:1px solid var(--hair); padding:10px 14px calc(10px + env(safe-area-inset-bottom)); }
.kbar .in{ max-width:560px; margin:0 auto; display:flex; gap:9px; align-items:center; }
.kbar .main{ flex:1; background:var(--volt); color:#0A0B0A; border:none; border-radius:999px; padding:14px; font-family:inherit; font-size:14.5px; font-weight:800; cursor:pointer; }
.kbar .wa{ flex:0 0 auto; background:none; border:1.5px solid rgba(198,255,0,.5); color:var(--volt); border-radius:999px; padding:12px 15px; font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer; display:flex; align-items:center; gap:6px; }
body{ padding-bottom:84px; }
/* Confianza / footer */
.trs{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tr{ display:flex; align-items:center; gap:8px; background:var(--panel); border:1px solid var(--hair); border-radius:13px; padding:12px; font-size:11.5px; font-weight:700; color:var(--body); }
.tr svg{ flex:0 0 auto; color:var(--volt); }
footer{ margin-top:36px; border-top:1px solid var(--hair); padding:26px 0 20px; text-align:center; }
footer p{ font-size:10.5px; color:var(--mut); max-width:420px; margin:0 auto 8px; }
/* Toast */
.ktoast{ position:fixed; left:50%; bottom:calc(92px + env(safe-area-inset-bottom)); transform:translate(-50%,14px); z-index:400; background:var(--volt); color:#0A0B0A; font-family:inherit; font-size:13px; font-weight:800; border-radius:999px; padding:12px 18px; opacity:0; transition:all .35s ease; max-width:86vw; text-align:center; pointer-events:none; }
.ktoast.on{ opacity:1; transform:translate(-50%,0); }
/* ===== INFORME OVERLAY (dark) ===== */
.rep-bg{ position:fixed; inset:0; z-index:300; background:rgba(0,0,0,.7); backdrop-filter:blur(8px); display:flex; align-items:flex-end; justify-content:center; }
.rep-bg[hidden]{ display:none!important; }
.rep{ width:100%; max-width:560px; height:94dvh; background:var(--bg); border:1px solid var(--hair); border-bottom:none; border-radius:26px 26px 0 0; display:flex; flex-direction:column; overflow:hidden; animation:repUp .4s cubic-bezier(.2,.9,.3,1) both; }
@keyframes repUp{ from{ transform:translateY(60px); opacity:0; } }
.rep-top{ position:relative; background:linear-gradient(170deg,#141712,#0B0D0A); padding:18px 18px 14px; text-align:center; border-bottom:1px solid var(--hair); }
.rep-x{ position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:none; color:var(--ink); font-size:14px; cursor:pointer; }
.rep-brand{ font-family:"Archivo",sans-serif; font-weight:900; font-stretch:125%; font-size:16px; letter-spacing:1px; color:var(--volt); text-transform:uppercase; }
.rep-brand span{ font-family:"Hanken Grotesk",sans-serif; font-size:10.5px; color:var(--mut); display:block; letter-spacing:.4px; text-transform:none; font-weight:600; }
.rep-hero{ position:relative; width:124px; height:124px; margin:12px auto 4px; }
.rep-ring{ width:124px; height:124px; transform:rotate(-90deg); }
.rep-ring .bgc{ fill:none; stroke:rgba(198,255,0,.12); stroke-width:8; }
.rep-ring .fgc{ fill:none; stroke:var(--volt); stroke-width:8; stroke-linecap:round; filter:drop-shadow(0 0 8px rgba(198,255,0,.5)); }
.rep-heron{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.rep-heron b{ font-family:"Archivo",sans-serif; font-size:38px; font-weight:900; line-height:1; color:var(--volt); }
.rep-heron span{ font-size:7.5px; letter-spacing:2px; color:var(--mut); margin-top:3px; font-weight:800; }
.rep-minis{ display:flex; gap:8px; justify-content:center; margin-top:10px; }
.rep-minis div{ background:rgba(198,255,0,.06); border:1px solid var(--hair); border-radius:12px; padding:7px 13px; }
.rep-minis b{ display:block; font-family:"Archivo",sans-serif; font-size:16px; font-weight:900; }
.rep-minis span{ font-size:8px; letter-spacing:1px; text-transform:uppercase; color:var(--mut); font-weight:800; }
/* Pestañas del panel: todas visibles dentro del modal (antes era un carrusel
   horizontal con scrollbar; ahora envuelven en varias líneas). */
.rep-tabs{ display:flex; flex-wrap:wrap; gap:5px; padding:10px 12px;
  border-bottom:1px solid var(--hair); overflow:visible; }
.rep-tabs::-webkit-scrollbar{ display:none; }
.rep-tabs button{ flex:0 1 auto; border:1.5px solid var(--line); background:none;
  border-radius:999px; padding:7px 11px; font-family:inherit; font-size:11.5px;
  font-weight:800; color:var(--body); cursor:pointer; white-space:nowrap; }
@media(max-width:420px){ .rep-tabs{ gap:4px; padding:9px 10px; }
  .rep-tabs button{ padding:6px 9px; font-size:11px; } }
.rep-tabs button.on{ background:var(--volt); color:#0A0B0A; border-color:var(--volt); }
.rep-body{ flex:1; overflow-y:auto; padding:16px 15px 26px; -webkit-overflow-scrolling:touch; }
.rp-card{ background:var(--panel); border:1px solid var(--hair); border-radius:16px; padding:14px 15px; margin-bottom:12px; }
.fade{ animation:fadeUp .45s ease both; }
.rp-cal{ display:inline-block; background:var(--volt); color:#0A0B0A; font-size:8.5px; letter-spacing:1.8px; font-weight:800; border-radius:999px; padding:6px 12px; margin-bottom:10px; }
.rp-est{ font-size:14px; line-height:1.65; color:var(--body); }
.rp-pri{ display:flex; gap:12px; }
.rp-pri .num{ flex:0 0 26px; height:26px; border-radius:9px; background:var(--volt); color:#0A0B0A; display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-weight:900; font-size:13px; }
.rp-pri b{ font-size:14px; color:var(--ink); } .rp-pri p{ font-size:12.5px; color:var(--body); margin:3px 0 4px; line-height:1.55; }
.rp-pri small{ font-size:10.5px; color:var(--volt); font-weight:800; }
.rp-row{ margin-bottom:13px; }
.rp-h{ display:flex; justify-content:space-between; font-size:13px; font-weight:800; margin-bottom:5px; }
.rp-h b{ color:var(--volt); }
.rp-bar{ height:9px; background:#0C0E0B; border-radius:999px; overflow:hidden; border:1px solid var(--line); }
.rp-bar i{ display:block; height:100%; width:0; border-radius:999px; transition:width 1s cubic-bezier(.2,.8,.3,1); background:linear-gradient(90deg,var(--volt2),var(--volt)); }
.rp-bar i.m{ background:linear-gradient(90deg,#C9A227,#E4C25B); }
.rp-bar i.r{ background:linear-gradient(90deg,#C25252,#FF5D5D); }
.rp-row p{ font-size:11.5px; color:var(--mut); margin-top:5px; line-height:1.5; }
.rp-ol{ padding-left:20px; } .rp-ol li{ font-size:13.5px; line-height:1.6; margin-bottom:7px; color:var(--body); }
.rp-ul{ padding-left:18px; } .rp-ul li{ font-size:13px; line-height:1.6; margin-bottom:6px; color:var(--body); }
.rp-cmp{ display:flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px dashed var(--line); font-size:13px; }
.rp-cmp span{ flex:1; font-weight:700; color:var(--ink); } .rp-cmp i{ font-style:normal; color:var(--mut); font-size:12px; }
.rp-cmp b{ color:var(--volt); font-size:12px; }
.rp-prod{ display:flex; gap:12px; align-items:center; }
.rp-prod .mono{ flex:0 0 62px; height:62px; border-radius:13px; background:linear-gradient(150deg,#1A1E17,#10120E); border:1px solid var(--hair); display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-weight:900; font-size:20px; color:var(--volt); }
.rp-prod .inf{ flex:1; min-width:0; }
.rp-prod b{ font-size:13.5px; display:block; color:var(--ink); }
.rp-prod p{ font-size:11px; color:var(--mut); margin:3px 0 4px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rp-prod .pr{ font-size:13px; font-weight:800; color:var(--volt); font-family:"Archivo",sans-serif; }
.rp-prod .buy{ flex:0 0 auto; background:var(--volt); color:#0A0B0A; border-radius:999px; padding:10px 13px; font-size:11.5px; font-weight:800; text-decoration:none; font-family:inherit; }
.rp-proto{ border-left:3px solid var(--volt); padding:2px 0 2px 12px; margin-bottom:12px; }
.rp-proto b{ font-size:13.5px; color:var(--volt); display:block; }
.rp-proto p{ font-size:12.5px; color:var(--body); line-height:1.55; }
.rp-mut{ font-size:11px; color:var(--mut); text-align:center; line-height:1.55; }
.rp-empty{ text-align:center; padding:26px 16px; } .rp-empty p{ font-size:14.5px; font-weight:700; margin-bottom:8px; }
.rep-foot{ display:flex; gap:8px; padding:12px 14px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid var(--hair); background:var(--panel); }
.rf-b{ flex:0 0 auto; border:1.5px solid var(--line); background:none; color:var(--ink); border-radius:999px; padding:12px 14px; font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
.rf-b.wa{ border-color:rgba(198,255,0,.5); color:var(--volt); }
.rf-main{ flex:1; border:none; background:var(--volt); color:#0A0B0A; border-radius:999px; padding:12px 14px; font-family:inherit; font-size:13.5px; font-weight:800; cursor:pointer; }
.alert{ background:rgba(255,93,93,.08); border:1px solid rgba(255,93,93,.35); border-radius:13px; padding:11px 13px; font-size:12px; color:#FFB4B4; line-height:1.55; margin-bottom:12px; }

  .eva{ margin:8px 0; text-align:left; }
  .eva label{ display:flex; justify-content:space-between; font-size:12px; font-weight:800; color:var(--body); margin-bottom:3px; }
  .eva label b{ color:var(--volt); font-family:"Archivo",sans-serif; font-size:15px; }
  .eva input[type=range]{ width:100%; accent-color:var(--volt); height:26px; }
  .stag{ display:inline-block; font-size:8.5px; letter-spacing:.8px; font-weight:800; border-radius:999px; padding:3px 8px; margin-top:4px; }
  .stag.apto{ background:rgba(57,255,20,.12); color:var(--volt2); border:1px solid rgba(57,255,20,.35); }
  .stag.precaucion{ background:rgba(228,194,91,.1); color:#E4C25B; border:1px solid rgba(228,194,91,.4); }
  .stag.no_recomendado{ background:rgba(255,93,93,.1); color:#FF8B8B; border:1px solid rgba(255,93,93,.4); }
  .mtc{ font-family:"Archivo",sans-serif; font-weight:900; font-size:19px; color:var(--volt); flex:0 0 auto; text-align:center; }
  .mtc small{ display:block; font-size:7.5px; letter-spacing:1px; color:var(--mut); font-family:"Hanken Grotesk",sans-serif; font-weight:800; }
  @media print{
    body>*{ display:none!important; }
    body{ padding:0; background:#fff; }
    .rep-bg{ display:block!important; position:static; background:#fff; }
    .rep{ height:auto; max-width:100%; border:none; border-radius:0; background:#fff; animation:none; }
    .rep-top{ background:#050505!important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
    .rep-body{ overflow:visible; color:#111; }
    .rep-body .rp-card{ background:#f5f7f2!important; border-color:#ddd; break-inside:avoid; }
    .rep, .rep-bg .rep{ --panel:#f5f7f2; --ink:#111; --body:#222; --mut:#555; --muted:#555; }
    .rep .rp-card, .rep .rp-card b, .rep .rp-card h4, .rep .rp-empty p:first-child{ color:#111!important; }
    .rep-body, .rp-est, .rp-ol li, .rp-ul li, .rp-pri p, .rp-proto p, .rp-cmp span{ color:#222!important; }
    .rp-pri b, .rp-prod b, .rp-h span{ color:#111!important; }
    .rep-tabs, .rep-foot, .rep-x, .rp-prod .buy{ display:none!important; }
  }

  .edu{ background:var(--panel); border:1px solid var(--hair); border-radius:14px; padding:13px 15px; }
  .edu summary{ font-size:13.5px; font-weight:800; cursor:pointer; list-style:none; color:var(--ink); }
  .edu summary::-webkit-details-marker{ display:none; }
  .edu p{ font-size:12.5px; color:var(--mut); margin-top:8px; line-height:1.6; }
  .camp-band{ background:linear-gradient(90deg,var(--volt),var(--volt2)); color:#050505; text-align:center; font-size:12px; font-weight:800; padding:9px 14px; letter-spacing:.4px; }


/* ============ KINE AI v3 — Dark Performance Lab ============ */
:root{ --black:#030303; --carbon:#0A0A0A; --panel:#111111; --panel2:#171717; --green:#C6FF00; --green2:#39FF14;
  --white:#FFFFFF; --muted:#A3A3A3; --line:rgba(255,255,255,.12); --glass:rgba(255,255,255,.06); --glow:rgba(198,255,0,.35);
  --bg:var(--black); --volt:var(--green); --volt2:var(--green2); --ink:var(--white); --body:#CFd6c8; --mut:var(--muted); --hair:rgba(198,255,0,.16); }
body{ background:
  radial-gradient(900px 500px at 85% -5%, rgba(198,255,0,.07), transparent 60%),
  radial-gradient(700px 500px at -10% 40%, rgba(57,255,20,.05), transparent 60%),
  var(--black); }
body::before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px; mask-image:radial-gradient(80% 60% at 50% 20%, #000 30%, transparent 100%); }
.knav,.hero,.sec,.stage,footer,.kbar{ position:relative; z-index:1; }
.wrapx{ max-width:1200px; margin:0 auto; padding:0 20px; }
/* Header */
.hd{ position:sticky; top:0; z-index:120; background:rgba(3,3,3,.78); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.hd .in{ max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:18px; padding:13px 20px; }
.hd .lg{ font-family:"Archivo",sans-serif; font-stretch:125%; font-weight:900; font-size:17px; letter-spacing:1.2px; }
.hd .lg b{ color:var(--green); }
.hd nav{ display:none; gap:22px; flex:1; }
.hd nav a{ color:var(--muted); text-decoration:none; font-size:12.5px; font-weight:700; letter-spacing:.4px; }
.hd nav a:hover{ color:var(--green); }
.hd .cta{ margin-left:auto; background:var(--green); color:#030303; border:none; border-radius:999px; padding:10px 18px;
  font-family:"Hanken Grotesk",sans-serif; font-size:13px; font-weight:800; cursor:pointer; box-shadow:0 0 24px var(--glow); }
@media(min-width:900px){ .hd nav{ display:flex; } }
/* HERO */
.heroX{ padding:52px 0 30px; }
.kiaAv{ display:inline-block; width:96px; height:96px; border-radius:50%; background-image:url(data:image/jpeg;base64,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); background-size:cover; background-position:center; border:3px solid var(--green); box-shadow:0 0 0 6px rgba(198,255,0,.12), 0 14px 34px rgba(5,5,5,.18); }
.kiaAv.sm{ width:38px; height:38px; border-width:2px; box-shadow:none; }
/* ============ PERFORMANCE LUXURY: hero dark ============ */
.heroApp{ background:#050505; background-image:radial-gradient(90% 70% at 50% -10%, rgba(198,255,0,.16), transparent 60%), radial-gradient(60% 40% at 50% 105%, rgba(198,255,0,.07), transparent 70%); border-bottom:1px solid rgba(198,255,0,.14); }
.heroApp .in2{ padding-top:54px!important; padding-bottom:56px!important; }
.heroEyebrow{ display:block; font-size:10.5px; letter-spacing:4px; font-weight:800; color:#C6FF00; margin-bottom:22px; }
.heroApp .kiaAv{ width:150px; height:150px; border:none; background-size:112%; animation:kiaFloat 5s ease-in-out infinite, kiaGlow 2.4s ease-in-out infinite; box-shadow:0 0 60px rgba(198,255,0,.25); }
@keyframes kiaFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-9px); } }
@keyframes kiaGlow{ 0%,100%{ box-shadow:0 0 42px rgba(198,255,0,.22), 0 0 0 0 rgba(198,255,0,.28); } 50%{ box-shadow:0 0 90px rgba(198,255,0,.5), 0 0 0 3px rgba(198,255,0,.18); } }
.heroApp .kiaBubble{ background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 20px 50px rgba(0,0,0,.5); }
.heroApp .kiaBubble::before{ background:#101210; border-color:rgba(255,255,255,.14); }
.heroApp .kiaBubble small{ color:#B9C2B4; }
.heroApp .kiaBubble small b{ color:#C6FF00!important; }
.heroApp .kiaBubble > b{ color:#FFFFFF; font-size:clamp(27px,7vw,36px); letter-spacing:-.5px; text-transform:uppercase; }
.heroApp .kiaBubble b em{ color:#C6FF00; }
.heroApp .kiaBubble > span{ color:#9AA295; }
.heroApp .selTile{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.12); color:#FFF; }
.heroApp .selTile .ic{ background:rgba(198,255,0,.13); color:#C6FF00; }
.heroApp .selTile b{ color:#FFF; }
.heroApp .selTile small{ color:#9AA295; }
.heroApp .selTile .ar{ color:#C6FF00; }
.heroApp .selTile:hover, .heroApp .selTile:active{ border-color:rgba(198,255,0,.7); background:rgba(198,255,0,.07); box-shadow:0 0 34px rgba(198,255,0,.14); transform:translateY(-2px); }
.heroApp .micro{ color:#8B948A!important; }
.heroApp .micro a{ color:#C6FF00!important; }
/* display type en títulos de sección (Nike energy) */
.hd2 h2{ text-transform:uppercase; letter-spacing:-.8px; font-size:clamp(30px,7.4vw,46px); font-weight:1000; }
.kiaBubble{ position:relative; display:inline-block; background:var(--panel); border:1.5px solid var(--line); border-radius:22px; padding:18px 22px; margin:18px auto 26px; max-width:420px; box-shadow:0 10px 28px rgba(5,5,5,.07); text-align:center; }
.kiaBubble::before{ content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%) rotate(45deg); width:14px; height:14px; background:var(--panel); border-left:1.5px solid var(--line); border-top:1.5px solid var(--line); }
.kiaBubble small{ display:block; font-size:13px; font-weight:700; color:#5F625A; margin-bottom:6px; }
.kiaBubble b{ display:block; font-size:clamp(24px,6.4vw,32px); font-weight:800; letter-spacing:.2px; line-height:1.1; font-family:'Hanken Grotesk',sans-serif; }
.kiaBubble b em{ font-style:normal; color:#39511E; }
.kiaBubble > span{ display:block; font-size:12.5px; color:#5F625A; margin-top:7px; }
.ch{ display:inline; }
@keyframes kiaPulse{ 0%{ box-shadow:0 0 0 0 rgba(198,255,0,.55), 0 0 0 6px rgba(198,255,0,.12); } 70%{ box-shadow:0 0 0 16px rgba(198,255,0,0), 0 0 0 6px rgba(198,255,0,.10); } 100%{ box-shadow:0 0 0 0 rgba(198,255,0,0), 0 0 0 6px rgba(198,255,0,.12); } }
@keyframes kiaPulseSm{ 0%{ box-shadow:0 0 0 0 rgba(198,255,0,.5); } 70%{ box-shadow:0 0 0 9px rgba(198,255,0,0); } 100%{ box-shadow:0 0 0 0 rgba(198,255,0,0); } }
.kiaAv{ animation:kiaPulse 2.2s ease-out infinite; }
.kiaAv.sm, .kiaTip .kiaAv{ animation:kiaPulseSm 2.2s ease-out infinite; }
.kiaTip{ display:flex; gap:11px; align-items:flex-start; max-width:600px; margin:26px auto 24px; padding:0 20px; text-align:left; }
.kiaTip .tbub, .kiaBubble{ opacity:0; transform:translateY(8px); transition:opacity .4s ease, transform .4s ease; }
.kiaTip.talk .tbub, .kiaBubble.talk{ opacity:1; transform:none; }
.talk .ch{ opacity:0; animation:chIn .01s forwards; }
@keyframes chIn{ to{ opacity:1; } }
@media (prefers-reduced-motion: reduce){ .kiaAv, .kiaAv.sm, .kiaTip .kiaAv{ animation:none; } .kiaTip .tbub, .kiaBubble{ opacity:1; transform:none; } .talk .ch{ opacity:1; animation:none; } }
.kiaTip .kiaAv{ width:40px; height:40px; border-width:2px; box-shadow:none; flex:none; margin-top:2px; }
.kiaTip .tbub{ position:relative; background:var(--panel); border:1.5px solid var(--line); border-radius:4px 16px 16px 16px; padding:11px 15px; font-size:13px; line-height:1.5; color:#33362F; }
.kiaTip .tbub b{ color:#39511E; }
.kiaTip.dark .tbub{ background:#141514; border-color:rgba(198,255,0,.3); color:#DDE3D8; }
.selGrid{ display:grid; grid-template-columns:1fr; gap:10px; max-width:430px; margin:0 auto; }

.gpChip{ font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#C6FF00;background:rgba(198,255,0,.10);border:1px solid rgba(198,255,0,.45);border-radius:99px;padding:5px 11px; }
.selTile{ display:flex; align-items:center; gap:12px; padding:14px 14px; background:var(--panel); border:1.5px solid var(--line); border-radius:18px; cursor:pointer; font-family:inherit; color:var(--ink); text-align:left; transition:border-color .15s, transform .12s, box-shadow .15s; }
.selTile .ic{ flex:none; width:44px; height:44px; border-radius:13px; background:rgba(198,255,0,.18); display:flex; align-items:center; justify-content:center; color:#2E4217; }
.selTile .tx2{ flex:1; min-width:0; }
.selTile b{ display:block; font-size:13.5px; font-weight:800; letter-spacing:.1px; line-height:1.15; }
.selTile small{ display:block; font-size:11px; color:#5F625A; font-weight:600; margin-top:2px; }
.selTile .ar{ flex:none; color:#8B948A; font-weight:800; transition:transform .15s, color .15s; }
.selTile:hover, .selTile:active{ border-color:var(--green); transform:translateY(-2px); box-shadow:0 8px 22px rgba(5,5,5,.07); }
.selTile:hover .ar{ transform:translateX(3px); color:#2E4217; }
.selTile:active{ background:#FBFFE8; }
.selTile{ position:relative; }
.selTile.sel{ border-color:rgba(198,255,0,.75)!important; background:rgba(198,255,0,.07)!important; box-shadow:0 0 30px rgba(198,255,0,.16); }
.selTile .rad{ display:none; }
@media(min-width:760px){ .selGrid{ grid-template-columns:1fr 1fr; max-width:640px; } }
@media(min-width:1020px){
  .heroApp .in2{ max-width:1180px!important; }
  .heroApp .selGrid{ grid-template-columns:repeat(4,1fr); max-width:1120px; border:1.5px solid rgba(255,255,255,.13); border-radius:26px; padding:20px 12px 22px; gap:4px; background:rgba(255,255,255,.02); }
  .heroApp .selTile{ flex-direction:column; text-align:center; gap:10px; border:none; background:transparent; padding:12px 8px; border-right:1px solid rgba(255,255,255,.08); border-radius:0; }
  .heroApp .selTile:last-child{ border-right:none; }
  .heroApp .selTile:hover{ transform:none; box-shadow:none; background:rgba(198,255,0,.04); }
  .heroApp .selTile .rad{ display:block; width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.3); margin:0 auto 4px; }
  .heroApp .selTile.sel .rad{ border-color:#C6FF00; box-shadow:0 0 12px rgba(198,255,0,.6); background:radial-gradient(circle, #C6FF00 0 42%, transparent 46%); }
  .heroApp .selTile .ic{ width:58px; height:58px; border-radius:16px; margin:0 auto; }
  .heroApp .selTile.sel .ic{ background:rgba(198,255,0,.28); box-shadow:0 0 22px rgba(198,255,0,.35); }
  .heroApp .selTile.sel b{ color:#C6FF00; }
  .heroApp .selTile b{ font-size:13px; }
  .heroApp .selTile small{ font-size:10.5px; line-height:1.45; }
  .heroApp .selTile .ar{ display:none; }
  .heroApp .selTile.sel{ border:none!important; background:rgba(198,255,0,.05)!important; box-shadow:none; }
}
.heroX .cols{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:34px; }
@media(min-width:900px){ .heroX .cols{ grid-template-columns:1.05fr .95fr; align-items:center; padding-top:20px; } }
.eyeb{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--hair); background:rgba(198,255,0,.04);
  border-radius:999px; padding:8px 14px; font-size:9.5px; letter-spacing:2.6px; font-weight:800; color:var(--green); margin-bottom:20px; }
.eyeb i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); animation:blink 1.6s infinite; }
.heroX h1{ font-size:clamp(40px,10vw,72px); margin-bottom:16px; letter-spacing:.2px; }
.heroX h1 em{ color:var(--green); text-shadow:0 0 34px var(--glow); }
.heroX .sub{ color:var(--body); font-size:16px; max-width:470px; margin-bottom:24px; line-height:1.65; }
.bigcta{ display:block; width:100%; max-width:420px; background:var(--green); color:#030303; border:none; border-radius:16px;
  padding:18px 24px; font-family:"Hanken Grotesk",sans-serif; font-size:16px; font-weight:800; cursor:pointer;
  box-shadow:0 18px 50px var(--glow), inset 0 0 0 1px rgba(255,255,255,.25); animation:breath 3.2s ease-in-out infinite; }
@keyframes breath{ 50%{ box-shadow:0 18px 70px rgba(198,255,0,.5), inset 0 0 0 1px rgba(255,255,255,.25); } }
.ghost{ display:block; width:100%; max-width:420px; margin-top:10px; background:none; border:1.5px solid var(--line);
  color:var(--white); border-radius:16px; padding:15px 24px; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.micro{ font-size:11.5px; color:var(--muted); margin-top:14px; letter-spacing:.4px; }
/* BODY SCAN DASHBOARD */
.scan{ position:relative; align-self:start; justify-self:center; width:min(430px,100%); margin:6px auto 0; aspect-ratio:.86; min-height:min(107vw,470px); background:
  radial-gradient(60% 50% at 50% 42%, rgba(198,255,0,.08), transparent 70%), linear-gradient(170deg,#0C0E0A,#050605);
  border:1px solid var(--line); border-radius:28px; overflow:hidden; }
.scan::before{ content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(198,255,0,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(198,255,0,.05) 1px, transparent 1px);
  background-size:26px 26px; }
.scanline{ position:absolute; left:6%; right:6%; height:2px; background:linear-gradient(90deg,transparent,var(--green),transparent);
  filter:drop-shadow(0 0 8px var(--green)); animation:scanmove 3.6s ease-in-out infinite; z-index:3; }
@keyframes scanmove{ 0%,100%{ top:16%; opacity:.2; } 12%{ opacity:1; } 50%{ top:82%; opacity:1; } 88%{ opacity:1; } }
.scan svg.fig{ position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); z-index:2; }
.orb{ position:absolute; left:50%; top:52%; width:88%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%;
  border:1px dashed rgba(198,255,0,.25); animation:spin 26s linear infinite; z-index:1; }
.orb::after{ content:""; position:absolute; top:-4px; left:50%; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); }
@keyframes spin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
.spill{ position:absolute; z-index:5; background:rgba(255,255,255,.06); backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:9px 12px; animation:floaty 5s ease-in-out infinite; }
.spill b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:19px; color:var(--green); line-height:1; }
.spill span{ font-size:8px; letter-spacing:1.3px; font-weight:800; color:var(--muted); text-transform:uppercase; }
.spill.hl{ border-color:rgba(198,255,0,.45); box-shadow:0 8px 30px rgba(198,255,0,.15); }
@keyframes floaty{ 50%{ transform:translateY(-6px); } }
.scanstatus{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:5;
  font-size:9px; letter-spacing:2px; color:var(--green); font-weight:800; opacity:.85; }
/* Secciones */
.secx{ padding:52px 0 8px; }
.secx .hd2{ max-width:1200px; margin:0 auto; padding:0 20px; }
.secx h2{ font-size:clamp(27px,6.5vw,42px); margin-bottom:10px; }
.secx .sx{ color:var(--body); font-size:14.5px; max-width:560px; margin-bottom:22px; }
.g4{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:12px; }
@media(min-width:760px){ .g4{ grid-template-columns:repeat(4,1fr); } }
.fcard{ background:linear-gradient(170deg,var(--panel),#0C0D0B); border:1px solid var(--line); border-radius:18px; padding:20px 18px; transition:all .25s ease; }
.fcard:hover{ border-color:rgba(198,255,0,.4); box-shadow:0 14px 40px rgba(198,255,0,.1); transform:translateY(-3px); }
.fcard svg{ color:var(--green); margin-bottom:12px; }
.fcard b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:15px; text-transform:uppercase; letter-spacing:.6px; margin-bottom:5px; }
.fcard p{ font-size:12.5px; color:var(--muted); line-height:1.6; }
.chipsx{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; flex-wrap:wrap; gap:9px; }
.chipsx span{ background:var(--carbon); border:1px solid var(--line); color:var(--body); border-radius:999px; padding:10px 16px;
  font-size:12.5px; font-weight:700; transition:all .2s ease; }
.chipsx span:hover{ border-color:var(--green); color:var(--green); box-shadow:0 0 18px rgba(198,255,0,.15); }
/* Preview informe */
.prev{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:26px; }
@media(min-width:900px){ .prev{ grid-template-columns:1fr 1fr; align-items:center; } }
.phonemock{ position:relative; margin:0 auto; width:min(310px,84vw); background:linear-gradient(170deg,#101210,#070807);
  border:1px solid var(--line); border-radius:30px; padding:16px 14px 20px; transform:rotate(-2.5deg);
  box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 60px rgba(198,255,0,.08); }
.pm-h{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.pm-h b{ font-family:"Archivo",sans-serif; font-weight:900; font-size:12px; letter-spacing:.8px; color:var(--green); }
.pm-h span{ font-size:8.5px; color:var(--muted); letter-spacing:1px; font-weight:800; }
.pm-score{ display:flex; align-items:center; gap:12px; background:var(--carbon); border:1px solid var(--hair); border-radius:16px; padding:12px; margin-bottom:9px; }
.pm-ring{ position:relative; width:56px; height:56px; flex:0 0 auto; }
.pm-ring b{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-weight:900; font-size:19px; color:var(--green); }
.pm-score small{ font-size:10px; color:var(--muted); line-height:1.5; }
.pm-row{ display:flex; gap:7px; margin-bottom:9px; }
.pm-mini{ flex:1; background:var(--carbon); border:1px solid var(--line); border-radius:12px; padding:8px; text-align:center; }
.pm-mini b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:15px; color:var(--green); }
.pm-mini span{ font-size:7px; letter-spacing:1px; color:var(--muted); font-weight:800; text-transform:uppercase; }
.pm-bar{ background:var(--carbon); border:1px solid var(--line); border-radius:12px; padding:9px 11px; margin-bottom:7px; }
.pm-bar span{ display:flex; justify-content:space-between; font-size:9px; font-weight:800; color:var(--body); margin-bottom:4px; }
.pm-bar i{ display:block; height:5px; border-radius:99px; background:linear-gradient(90deg,var(--green2),var(--green)); }
/* Carousel */
.caro{ display:flex; gap:12px; overflow-x:auto; padding:4px 20px 16px; scroll-snap-type:x mandatory; scrollbar-width:none; max-width:1200px; margin:0 auto; }
.caro::-webkit-scrollbar{ display:none; }
.tcard{ flex:0 0 218px; scroll-snap-align:start; background:linear-gradient(170deg,var(--panel),#0B0C0A);
  border:1px solid var(--line); border-radius:20px; padding:16px; transition:all .25s ease; }
.tcard:hover{ border-color:rgba(198,255,0,.45); box-shadow:0 16px 44px rgba(198,255,0,.12); }
.tcard .ph{ height:88px; border-radius:14px; background:radial-gradient(70% 90% at 50% 20%, rgba(198,255,0,.14), transparent 70%), var(--carbon);
  border:1px solid var(--hair); display:flex; align-items:center; justify-content:center; margin-bottom:12px; color:var(--green); }
.tcard .cat{ font-size:8.5px; letter-spacing:1.6px; color:var(--muted); font-weight:800; text-transform:uppercase; }
.tcard b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:14.5px; text-transform:uppercase; margin:3px 0 4px; }
.tcard .m{ font-size:11px; color:var(--body); line-height:1.5; min-height:32px; }
.tcard .mm{ display:inline-block; margin-top:8px; font-family:"Archivo",sans-serif; font-weight:900; font-size:15px; color:var(--green); }
.tcard button{ display:block; width:100%; margin-top:10px; background:none; border:1.5px solid var(--hair); color:var(--green);
  border-radius:999px; padding:9px; font-family:"Hanken Grotesk",sans-serif; font-size:11.5px; font-weight:800; cursor:pointer; }
/* Seguridad */
.safe{ max-width:1200px; margin:0 auto; padding:0 20px; }
.safe .in2{ background:linear-gradient(170deg,#0E100C,#070807); border:1px solid rgba(198,255,0,.3); border-radius:22px; padding:26px 22px;
  display:grid; gap:18px; }
@media(min-width:820px){ .safe .in2{ grid-template-columns:auto 1fr; align-items:center; } }
.safe svg{ color:var(--green); }
.safe h3{ font-size:19px; margin-bottom:6px; }
.safe p{ font-size:13px; color:var(--body); line-height:1.65; max-width:640px; }
.safe ul{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; list-style:none; }
.safe li{ font-size:11px; font-weight:800; color:var(--green); border:1px solid var(--hair); border-radius:999px; padding:7px 13px; }
/* CTA final */
.fin{ max-width:1200px; margin:34px auto 0; padding:0 20px; }
.fin .in2{ position:relative; overflow:hidden; text-align:center; background:
  radial-gradient(70% 120% at 50% 0%, rgba(198,255,0,.14), transparent 60%), linear-gradient(170deg,#0C0E0A,#050605);
  border:1px solid var(--hair); border-radius:26px; padding:44px 22px; }
.fin h2{ font-size:clamp(26px,6.5vw,40px); margin-bottom:10px; }
.fin p{ color:var(--body); font-size:14.5px; margin-bottom:22px; }
.fin .bigcta{ margin:0 auto; }
/* Barra flotante */
.kbar2{ position:fixed; left:12px; right:12px; bottom:12px; z-index:200; background:rgba(3,3,3,.9); backdrop-filter:blur(16px);
  border:1px solid rgba(198,255,0,.4); border-radius:20px; padding:11px 14px; display:flex; align-items:center; gap:12px;
  box-shadow:0 -6px 40px rgba(0,0,0,.5), 0 0 30px rgba(198,255,0,.1); }
.kbar2 .tx{ flex:1; min-width:0; }
.kbar2 .tx b{ display:flex; align-items:center; gap:6px; font-family:"Archivo",sans-serif; font-weight:900; font-size:13px; letter-spacing:.6px; }
.kbar2 .tx b i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); animation:blink 1.5s infinite; }
.kbar2 .tx span{ font-size:9.5px; color:var(--muted); display:block; }
.kbar2 button{ flex:0 0 auto; background:var(--green); color:#030303; border:none; border-radius:999px; padding:12px 22px;
  font-family:"Hanken Grotesk",sans-serif; font-size:14px; font-weight:800; cursor:pointer; box-shadow:0 0 22px var(--glow); }
@media(min-width:900px){ .kbar2{ display:none; } }
body{ padding-bottom:92px; }
@media(min-width:900px){ body{ padding-bottom:0; } }
/* Modal wizard */
.kmodal{ position:fixed; inset:0; z-index:320; background:rgba(3,3,3,.85); backdrop-filter:blur(10px); display:none; align-items:flex-end; justify-content:center; }
.kmodal.on{ display:flex; }
.kmodal .pane{ width:100%; max-width:620px; height:96dvh; background:var(--black); border:1px solid var(--hair); border-bottom:none;
  border-radius:26px 26px 0 0; display:flex; flex-direction:column; overflow:hidden; animation:repUp .4s cubic-bezier(.2,.9,.3,1) both; }
@media(min-width:900px){ .kmodal{ align-items:center; } .kmodal .pane{ height:min(92dvh,860px); border-radius:26px; border-bottom:1px solid var(--hair); } }
.kmodal .mh{ display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--line); background:rgba(198,255,0,.03); }
.kmodal .mh b{ font-family:"Archivo",sans-serif; font-weight:900; font-size:14px; letter-spacing:.8px; }
.kmodal .mh b i{ color:var(--green); font-style:normal; }
.kmodal .mh span{ font-size:9px; color:var(--green); letter-spacing:1.6px; font-weight:800; display:block; }
#kmodalX{ margin-left:auto; width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:none; color:#fff; font-size:14px; cursor:pointer; }
.kmodal .mbody{ flex:1; overflow-y:auto; padding:18px 16px 26px; -webkit-overflow-scrolling:touch; }
.kmodal .gate{ background:none; border:none; padding:0; }
.kmodal .chatbox{ margin-top:0; border:none; background:none; }
.kmodal .chatbox .log{ height:calc(96dvh - 210px); }
@media(min-width:900px){ .kmodal .chatbox .log{ height:calc(min(92dvh,860px) - 220px); } }
@media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation:none!important; transition:none!important; } }

  .pimg{ width:52px; height:52px; flex:0 0 auto; border-radius:12px; object-fit:cover; border:1px solid var(--hair); background:#0C0E0B; }
  .pimg.sm{ width:44px; height:44px; display:block; margin:6px auto 0; }
  .pimg.off{ display:none; }
  .ph img{ width:100%; height:100%; object-fit:cover; border-radius:13px; }
  .rsimple .rep-tabs [data-t="protocolo"], .rsimple .rep-tabs [data-t="comparar"], .rsimple .rep-tabs [data-t="plan"]{ display:none; }
  .printcover{ display:none; }
  .wcopy i{ user-select:all; -webkit-user-select:all; }
  @media print{
    .printcover{ display:block!important; text-align:center; padding:60px 20px 40px; break-after:page; page-break-after:always; border:2px solid #050505; border-radius:18px; margin-bottom:20px; }
    .printcover b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:34px; letter-spacing:1px; color:#050505; }
    .printcover span{ display:block; font-size:12px; color:#444; margin:8px 0 14px; }
    .printcover i{ display:block; font-style:normal; font-size:14px; font-weight:800; color:#050505; margin-bottom:18px; }
    .printcover p{ font-size:9.5px; color:#666; max-width:420px; margin:0 auto; }
    .pimg{ border-color:#ddd; }
  }

  .rdrop .rep-tabs [data-t="scores"]{ display:none; }

/* =======================================================================
   LIGHT PERFORMANCE TECH — override (KINE AI v4 UX/UI reorder)
   Redefine variables + key component surfaces from Dark Performance Lab
   to a clean white/black/green system. .scan / .kmodal .pane / .phonemock
   stay as intentional dark "device screens" floating on the light page.
   ======================================================================= */
:root{
  --bg:#FFFFFF; --black:#050505; --carbon:#0A0A0A; --panel:#FFFFFF; --panel2:#F0F2EA;
  --volt:#8FBF00; --volt2:#39FF14; --green:#8FBF00; --green2:#39FF14; --white:#FFFFFF;
  --ink:#111111; --body:#33362F; --mut:#5F625A; --muted:#5F625A;
  --line:rgba(0,0,0,.14); --hair:rgba(0,0,0,.16); --soft-line:rgba(0,0,0,.1);
  --glass:rgba(0,0,0,.035); --glow:rgba(198,255,0,.4); --danger:#D6334C;
}
/* accent green needs to stay punchy on white: use pure electric green only for
   small accents/CTAs (contrast-safe), and a darker olive (--volt) for on-white text/borders */
.bigcta, .fin .bigcta, .hd .cta, .kbar2 button, .btn-volt, .rbtn.main, .buy, .pkbuy{ background:#C6FF00!important; color:#050505!important; }
body{ background:var(--bg); background-image:none; }
body::before{ background-image:none!important; opacity:0!important; }
h1,h2,h3{ color:var(--ink); }
.eyeb{ border-color:rgba(5,5,5,.25); background:rgba(198,255,0,.12); color:#4C6600; }
.eyeb i{ background:#050505; box-shadow:none; }
.hd{ background:rgba(247,248,243,.86); border-bottom:1.5px solid rgba(5,5,5,.14); }
.hd .lg{ color:var(--ink); }
.hd nav a{ color:var(--mut); }
.hd nav a:hover{ color:#050505; }
.ghost{ color:var(--ink); border-color:rgba(5,5,5,.3); }
.ghost:hover{ border-color:#050505; }
.fcard{ background:#fff; border:1.5px solid rgba(5,5,5,.15); box-shadow:0 4px 18px rgba(0,0,0,.04); }
.fcard:hover{ border-color:#050505; box-shadow:0 14px 34px rgba(0,0,0,.08); }
.fcard svg{ color:#4C6600; }
.chipsx span{ background:#fff; border:1.5px solid rgba(5,5,5,.16); color:var(--body); }
.chipsx span:hover{ border-color:#050505; color:#050505; box-shadow:none; background:#F0F2EA; }
.tcard{ background:#fff; border:1.5px solid rgba(5,5,5,.15); box-shadow:0 4px 16px rgba(0,0,0,.04); }
.tcard:hover{ border-color:#050505; box-shadow:0 16px 36px rgba(0,0,0,.08); }
.tcard .cat{ color:var(--mut); }
.tcard b{ color:var(--ink); }
.tcard .m{ color:var(--body); }
.tcard button{ border-color:rgba(5,5,5,.25); color:#050505; }
.tcard button:hover{ background:#050505; color:#fff; }
.safe .in2{ background:#fff; border:1.5px solid rgba(5,5,5,.16); box-shadow:0 8px 30px rgba(0,0,0,.05); }
.safe svg{ color:#050505; }
.safe p{ color:var(--body); }
.safe li{ color:#4C6600; border-color:rgba(5,5,5,.18); background:#F5FADC; }
.fin .in2{ background:linear-gradient(170deg,#0F1408,#050605); border-color:rgba(198,255,0,.35); }
.fin h2, .fin p{ color:#fff; }
.fin p{ color:#C9D1C6; }
.kbar2{ background:rgba(255,255,255,.92); border-color:rgba(5,5,5,.2); box-shadow:0 -6px 30px rgba(0,0,0,.08); }
.kbar2 .tx b{ color:#050505; }
.kbar2 .tx b i{ background:#050505; box-shadow:none; }
.kbar2 .tx span{ color:var(--mut); }
footer{ color:var(--mut); }
footer p{ color:var(--mut)!important; }
footer .lg{ color:#050505; }
/* dark "device screen" widgets stay dark on purpose */
.scan{ border-color:#050505!important; box-shadow:0 24px 60px rgba(0,0,0,.16); }
.phonemock{ box-shadow:0 24px 60px rgba(0,0,0,.16), 0 0 0 1px rgba(5,5,5,.06); }
.kmodal .pane{ background:#0A0A0A; box-shadow:0 -10px 60px rgba(0,0,0,.3); }
.rep, .rep-bg .rep{ background:#0A0A0A; }

/* =============== NEW: header right cluster =============== */
.hd .in{ flex-wrap:nowrap; }
.hdRight{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.hlink{ background:none; border:none; color:var(--ink); font-family:"Hanken Grotesk",sans-serif; font-size:12.5px; font-weight:800; cursor:pointer; padding:8px 6px; white-space:nowrap; }
.hlink:hover{ color:#4C6600; }
.hlink.admin{ color:var(--mut); font-size:11px; font-weight:700; border-left:1px solid rgba(5,5,5,.15); padding-left:12px; }
.hlink.admin:hover{ color:#050505; }
.hd .cta{ white-space:nowrap; }
.hUser{ display:none; align-items:center; gap:7px; background:#F0F2EA; border:1px solid rgba(5,5,5,.14); border-radius:999px; padding:5px 10px 5px 5px; cursor:pointer; }
.hUser.on{ display:flex; }
.hUser .av{ width:24px; height:24px; border-radius:50%; background:#C6FF00; color:#050505; font-weight:900; font-size:11px; display:flex; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; }
.hUser span{ font-size:12px; font-weight:800; color:var(--ink); }
.hUser .logout{ cursor:pointer; background:none; border:none; color:var(--mut); font-size:10px; font-weight:700; text-decoration:underline; cursor:pointer; margin-left:2px; }
@media(max-width:899px){ .hd nav{ display:none!important; } .hlink.admin{ display:none; } }

/* =============== NEW: hamburger mobile menu =============== */
.hburger{ display:none; background:none; border:1.5px solid rgba(5,5,5,.2); border-radius:10px; width:38px; height:38px; align-items:center; justify-content:center; cursor:pointer; margin-left:6px; }
.hburger span{ display:block; width:16px; height:2px; background:#050505; position:relative; }
.hburger span::before,.hburger span::after{ content:""; position:absolute; left:0; width:16px; height:2px; background:#050505; }
.hburger span::before{ top:-5px; } .hburger span::after{ top:5px; }
@media(max-width:899px){ .hburger{ display:flex; } }
.mobmenu{ position:fixed; inset:0; z-index:250; background:rgba(247,248,243,.98); display:none; flex-direction:column; padding:20px; }
.mobmenu.on{ display:flex; }
.mobmenu a, .mobmenu button.mm-b{ display:block; width:100%; text-align:left; background:none; border:none; border-bottom:1px solid rgba(5,5,5,.1); padding:16px 4px; font-size:15px; font-weight:800; color:#050505; font-family:inherit; }
.mobmenu .mm-x{ align-self:flex-end; background:none; border:none; font-size:22px; margin-bottom:10px; }

/* =============== NEW: ¿Qué quieres hacer? cards =============== */
.whgrid{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:12px; }
@media(min-width:760px){ .whgrid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1080px){ .whgrid{ grid-template-columns:repeat(5,1fr); } }
.wh-card{ text-align:left; background:#fff; border:1.5px solid rgba(5,5,5,.16); border-radius:18px; padding:18px 16px;
  cursor:pointer; font-family:inherit; transition:all .2s ease; display:flex; flex-direction:column; gap:6px; min-height:150px; }
.wh-card:hover{ border-color:#050505; box-shadow:0 14px 34px rgba(0,0,0,.08); transform:translateY(-2px); }
.wh-card b{ font-family:"Archivo",sans-serif; font-weight:900; font-size:14px; text-transform:uppercase; color:var(--ink); }
.wh-card p{ font-size:11.5px; color:var(--mut); line-height:1.5; flex:1; }
.wh-card span{ font-size:11.5px; font-weight:800; color:#4C6600; margin-top:4px; }
.wh-card.main{ background:#050505; border-color:#050505; }
.wh-card.main b, .wh-card.main p{ color:#fff; }
.wh-card.main p{ color:#C9D1C6; }
.wh-card.main span{ color:#C6FF00; }

/* =============== NEW: Cómo funciona =============== */
.howgrid{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:12px; }
@media(min-width:760px){ .howgrid{ grid-template-columns:repeat(3,1fr); } }
.how-card{ background:#fff; border:1.5px solid rgba(5,5,5,.14); border-radius:16px; padding:18px; }
.how-card b.n{ display:inline-flex; width:26px; height:26px; border-radius:50%; background:#050505; color:#C6FF00; align-items:center; justify-content:center; font-family:"Archivo",sans-serif; font-size:12px; margin-bottom:10px; }
.how-card b.t{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:13.5px; text-transform:uppercase; margin-bottom:4px; }
.how-card p{ font-size:12px; color:var(--mut); line-height:1.55; }

/* =============== NEW: Mi KINE AI preview section =============== */
.mkPrev{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; gap:22px; }
@media(min-width:900px){ .mkPrev{ grid-template-columns:1fr 1fr; align-items:center; } }
.mkPrevCard{ background:#050505; border-radius:22px; padding:20px; box-shadow:0 24px 60px rgba(0,0,0,.16); }
.mkPrevCard .mkrow{ display:flex; gap:8px; margin-bottom:8px; }
.mkPrevCard .mkbox{ flex:1; background:rgba(255,255,255,.05); border:1px solid rgba(198,255,0,.2); border-radius:12px; padding:10px; }
.mkPrevCard .mkbox b{ display:block; color:#C6FF00; font-family:"Archivo",sans-serif; font-size:16px; }
.mkPrevCard .mkbox span{ font-size:8.5px; color:#A3A3A3; letter-spacing:.8px; font-weight:800; text-transform:uppercase; }

/* =============== NEW: programas guiados landing cards =============== */
.proggrid{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.proggrid::-webkit-scrollbar{ display:none; }
.prog-card{ flex:0 0 240px; scroll-snap-align:start; background:#fff; border:1.5px solid rgba(5,5,5,.15); border-radius:18px; padding:16px; }
.prog-card .pd{ display:inline-block; background:#050505; color:#C6FF00; font-family:"Archivo",sans-serif; font-weight:900; font-size:10.5px; border-radius:999px; padding:4px 10px; margin-bottom:8px; }
.prog-card b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:14px; text-transform:uppercase; margin-bottom:5px; }
.prog-card p{ font-size:11.5px; color:var(--mut); line-height:1.5; margin-bottom:4px; }
.prog-card .dv{ font-size:10.5px; color:#4C6600; font-weight:800; margin-bottom:10px; display:block; }
.prog-card button{ width:100%; background:#fff; border:1.5px solid #050505; color:#050505; border-radius:999px; padding:9px; font-family:"Hanken Grotesk",sans-serif; font-weight:800; font-size:11.5px; cursor:pointer; }
.prog-card button:hover{ background:#050505; color:#fff; }
.prog-card button.done{ background:#050505; color:#C6FF00; }

/* =============== NEW: mini modals (Activar / Preguntar / Ya tengo) =============== */
.miniModal{ position:fixed; inset:0; z-index:310; background:rgba(5,5,5,.5); backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; padding:16px; }
.miniModal.on{ display:flex; }
.miniModal .mm-pane{ width:100%; max-width:460px; max-height:88vh; overflow-y:auto; background:#fff; color:#1A1C18; border-radius:22px; padding:22px 20px 24px; box-shadow:0 30px 80px rgba(0,0,0,.3); position:relative; }
.miniModal .mm-close{ position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:50%; border:1px solid rgba(5,5,5,.15); background:none; cursor:pointer; font-size:14px; }
.miniModal h3{ font-size:18px; margin-bottom:4px; text-transform:none; letter-spacing:0; }
.miniModal .mm-sub{ font-size:12px; color:var(--mut); margin-bottom:16px; line-height:1.5; }
.miniModal label{ display:block; font-size:10.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--mut); margin:12px 0 5px; }
.miniModal input, .miniModal select{ width:100%; background:#F7F8F3; border:1.5px solid rgba(5,5,5,.16); border-radius:12px; padding:13px; font-family:inherit; font-size:14px; color:var(--ink); }
.miniModal .chips button{ background:#F7F8F3; border:1.5px solid rgba(5,5,5,.15); color:var(--ink); }
.miniModal .chips button.on{ background:#050505; border-color:#050505; color:#C6FF00; }
.miniModal .mm-err{ color:#D6334C; font-size:12px; min-height:16px; margin-top:8px; }
.miniModal .mm-go{ width:100%; margin-top:14px; background:#C6FF00; border:none; border-radius:14px; padding:15px; font-family:"Hanken Grotesk",sans-serif; font-weight:800; font-size:14.5px; cursor:pointer; }
.miniModal .mm-micro{ font-size:10.5px; color:var(--mut); text-align:center; margin-top:10px; }

/* =============== NEW: auth modals (login/register/admin) =============== */
.authModal{ position:fixed; inset:0; z-index:340; background:rgba(5,5,5,.55); backdrop-filter:blur(8px); display:none; align-items:center; justify-content:center; padding:16px; }
.authModal.on{ display:flex; }
.authModal .am-pane{ width:100%; max-width:400px; max-height:90vh; overflow-y:auto; background:#050505; color:#fff; border-radius:24px; padding:26px 22px 24px; box-shadow:0 30px 80px rgba(0,0,0,.4); position:relative; }
.authModal .am-pane.light{ background:#fff; color:#111; }
.authModal .am-close{ position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:none; color:#fff; cursor:pointer; font-size:14px; }
.authModal .am-pane.light .am-close{ border-color:rgba(5,5,5,.15); color:#050505; }
.authModal h3{ font-size:19px; text-transform:none; letter-spacing:0; margin-bottom:5px; color:#fff; }
.authModal .am-pane.light h3{ color:#111; }
.authModal .am-sub{ font-size:12px; color:#A3A3A3; margin-bottom:18px; line-height:1.5; }
.authModal .am-pane.light .am-sub{ color:#5F625A; }
.authModal label{ display:block; font-size:10.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:#A3A3A3; margin:11px 0 5px; }
.authModal .am-pane.light label{ color:#5F625A; }
.authModal input{ width:100%; background:rgba(255,255,255,.06); border:1.5px solid rgba(255,255,255,.18); border-radius:12px; padding:13px; color:#fff; font-family:inherit; font-size:14px; }
.authModal .am-pane.light input{ background:#F7F8F3; border-color:rgba(5,5,5,.16); color:#111; }
.authModal .am-go{ width:100%; margin-top:16px; background:#C6FF00; color:#050505; border:none; border-radius:14px; padding:15px; font-family:"Hanken Grotesk",sans-serif; font-weight:800; font-size:14.5px; cursor:pointer; }
.authModal .am-alt{ display:flex; justify-content:space-between; margin-top:14px; font-size:11.5px; }
.authModal .am-alt a{ color:#C6FF00; text-decoration:none; font-weight:700; cursor:pointer; }
.authModal .am-pane.light .am-alt a{ color:#4C6600; }
.authModal .am-err{ color:#FF8B8B; font-size:12px; min-height:16px; margin-top:8px; }
.authModal .consent{ display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#C9D1C6; margin-top:9px; line-height:1.5; }
.authModal .am-pane.light .consent{ color:#33362F; }
.authModal .consent input{ width:auto; margin-top:2px; flex:0 0 auto; }
.authModal .roleChips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:4px; }
.authModal .roleChips button{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:999px; padding:7px 13px; font-size:11px; font-weight:700; cursor:pointer; }
.authModal .roleChips button.on{ background:#C6FF00; color:#050505; border-color:#C6FF00; }

/* =============== NEW: dashboard tab bar (Mi KINE AI) =============== */
.dashTabs{ display:flex; gap:6px; overflow-x:auto; padding:10px 16px 0; scrollbar-width:none; border-bottom:1px solid rgba(255,255,255,.1); }
.dashTabs::-webkit-scrollbar{ display:none; }
.dashTabs button{ flex:0 0 auto; background:none; border:none; color:#A3A3A3; font-family:"Hanken Grotesk",sans-serif; font-size:11.5px; font-weight:800; padding:8px 11px; border-radius:999px; cursor:pointer; white-space:nowrap; }
.dashTabs button.on{ background:#C6FF00; color:#050505; }
.dashGrid2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.consentRow{ display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:11px 13px; margin-bottom:7px; }
.consentRow span{ font-size:12px; color:#CFD6C8; }
.swtch{ position:relative; width:38px; height:22px; border-radius:999px; background:rgba(255,255,255,.15); border:none; cursor:pointer; flex:0 0 auto; }
.swtch::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; transition:left .15s ease; }
.swtch.on{ background:#39FF14; }
.swtch.on::after{ left:18px; }


  .rt-card{ width:100%; text-align:left; background:#fff; border:1.5px solid rgba(5,5,5,.16); border-radius:16px; padding:14px 15px;
    cursor:pointer; font-family:inherit; transition:all .18s ease; }
  .rt-card:hover{ border-color:#050505; }
  .rt-card b{ display:block; font-family:"Archivo",sans-serif; font-weight:900; font-size:13.5px; text-transform:uppercase; color:var(--ink); margin-bottom:3px; }
  .rt-card span{ font-size:11px; color:var(--mut); }
  .rt-card.main{ background:#050505; border-color:#050505; }
  .rt-card.main b{ color:#C6FF00; } .rt-card.main span{ color:#C9D1C6; }
  .kmodal .pane .rt-card{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.16); }
  .kmodal .pane .rt-card b{ color:#F2F5F0; } .kmodal .pane .rt-card:hover{ border-color:#C6FF00; }
  .kmodal .pane .rt-card.main{ background:#C6FF00; } .kmodal .pane .rt-card.main b{ color:#050505; } .kmodal .pane .rt-card.main span{ color:#33362F; }
  /* rbtn dentro del chat dark: contraste correcto */
  .msg .rbtn{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.3); color:#F2F5F0; }
  .msg .rbtn:hover{ border-color:#C6FF00; color:#C6FF00; background:rgba(198,255,0,.08); }
  .msg .rbtn.main, .msg .rbtn[data-adv-open]{ background:#C6FF00; color:#050505; border-color:#C6FF00; font-weight:800; }
  .msg .rbtn.main:hover, .msg .rbtn[data-adv-open]:hover{ background:#D9FF4D; color:#050505; }
  .msg.okcard{ background:rgba(198,255,0,.07)!important; border:1px solid rgba(198,255,0,.4)!important; color:#F2F5F0!important; }
  .msg.okcard b{ color:#C6FF00; font-size:13.5px; }
  #toasts{ position:fixed; left:50%; bottom:84px; transform:translateX(-50%); z-index:500; display:flex; flex-direction:column; gap:8px; pointer-events:none; }
  .toast{ background:#050505; color:#fff; border:1px solid rgba(198,255,0,.4); border-radius:14px; padding:11px 16px; font-size:12.5px; font-weight:700;
    box-shadow:0 14px 40px rgba(0,0,0,.3); animation:toastIn .25s ease; max-width:88vw; }
  .toast.success{ border-color:#39FF14; } .toast.warning{ border-color:#F5B700; } .toast.error{ border-color:#FF3B5C; }
  @keyframes toastIn{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }
  .fbrow{ display:flex; gap:6px; margin:4px 0 8px; flex-wrap:wrap; }
  .fbrow button{ background:none; border:1px solid rgba(255,255,255,.18); color:#8B948A; border-radius:99px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer; font-family:inherit; }
  .fbrow button:hover{ border-color:#C6FF00; color:#C6FF00; }
  #kConfirm{ background:rgba(198,255,0,.06); border:1px solid rgba(198,255,0,.3); border-radius:14px; padding:12px; margin-top:12px; font-size:12px; display:none; }
  #kConfirm b{ color:#C6FF00; display:block; font-size:11px; letter-spacing:1px; margin-bottom:6px; }
  #kConfirm .rw{ display:flex; justify-content:space-between; padding:3px 0; border-bottom:1px solid rgba(255,255,255,.06); }
  #kConfirm .rw span{ color:#8B948A; }
  .piw{ width:100%; aspect-ratio:1/1; background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:18px;
    display:flex; align-items:center; justify-content:center; overflow:hidden; padding:14px; }
  .piw img{ width:100%; height:100%; object-fit:contain !important; object-position:center; display:block; }
  .rp-prod .mtc .piw{ width:52px; aspect-ratio:1/1; padding:4px; border-radius:10px; margin-top:6px; }
  .phx{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-align:center; color:#8B948A; }
  .phx b{ font-size:9px; font-family:"Archivo",sans-serif; color:#33362F; line-height:1.2; }
  .phx i{ font-size:7.5px; font-style:normal; letter-spacing:.4px; }
  .tcard .ph{ aspect-ratio:1/1; height:auto!important; background:#fff!important; }
  .tcard .ph img{ object-fit:contain!important; }
  button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible{ outline:2px solid #C6FF00; outline-offset:2px; }
  @media print{ .hd,.kbar2,.mobmenu,.miniModal,.authModal,#toasts,.fbrow,.kmodal{ display:none!important; } }

/* ================= DARK GLOBAL — PERFORMANCE COACH ================= */
body{ background:#050505!important; background-image:radial-gradient(70% 40% at 50% 0%, rgba(198,255,0,.05), transparent 65%)!important; color:#E8ECE4; }
header.hd{ background:rgba(5,5,5,.85)!important; border-bottom:1px solid rgba(255,255,255,.09)!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
header.hd .lg, header.hd nav a, header.hd #navLogin, header.hd #hBurger{ color:#FFF!important; }
.heroApp{ border-bottom:1px solid rgba(198,255,0,.12); }
.secx .hd2 h2{ color:#FFF; }
.secx .hd2 h2 em{ color:#C6FF00; }
.secx .sx{ color:#9AA295; }
.wh-card{ background:rgba(255,255,255,.045)!important; border-color:rgba(255,255,255,.12)!important; color:#FFF!important; }
.wh-card b{ color:#FFF!important; }
.wh-card p{ color:#9AA295!important; }
.wh-card span{ color:#C6FF00!important; }
.wh-card:hover{ border-color:rgba(198,255,0,.6)!important; box-shadow:0 0 30px rgba(198,255,0,.12)!important; }
.wh-card.main{ background:rgba(198,255,0,.1)!important; border-color:rgba(198,255,0,.55)!important; }
.kiaTip .tbub{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.13); color:#D6DCD0; }
.kiaTip .tbub b{ color:#C6FF00; }
.tcard{ background:rgba(255,255,255,.045)!important; border-color:rgba(255,255,255,.12)!important; }
.tcard b{ color:#FFF!important; }
.tcard p, .tcard span{ color:#9AA295!important; }
.tcard button{ background:rgba(198,255,0,.12)!important; color:#C6FF00!important; border:1px solid rgba(198,255,0,.35)!important; }
.prog-card{ background:rgba(255,255,255,.045)!important; border-color:rgba(255,255,255,.12)!important; color:#FFF!important; }
.prog-card b{ color:#FFF!important; }
.prog-card p, .prog-card .dv{ color:#9AA295!important; }
.prog-card .pd{ color:#C6FF00!important; }
.secx [style*="background:var(--panel)"]{ background:rgba(255,255,255,.05)!important; border-color:rgba(255,255,255,.13)!important; color:#E8ECE4!important; }
.secx [style*="color:#5F625A"]{ color:#9AA295!important; }
.secx b[style*="font-size:13.5px"]{ color:#FFF!important; }
.secx [style*="border-bottom:1px solid var(--line)"]{ border-color:rgba(255,255,255,.12)!important; }
.fin{ background:transparent!important; }
.fin h2, .fin h2 em{ color:#FFF!important; } .fin h2 em{ color:#C6FF00!important; }
footer, .ftx{ background:#050505!important; color:#8B948A!important; border-top:1px solid rgba(255,255,255,.08)!important; }
.mobcta{ background:rgba(10,11,10,.92)!important; border-top:1px solid rgba(255,255,255,.1)!important; }
.mobcta .tx b{ color:#FFF!important; } .mobcta .tx span{ color:#9AA295!important; }
@media (max-width:900px){ #mobMenu{ background:#0A0B0A!important; } #mobMenu a{ color:#FFF!important; } }
/* ===== SCROLL NAV ===== */
#scrollNav{ position:fixed; top:0; padding-top:calc(9px + env(safe-area-inset-top)); left:0; right:0; z-index:60; background:rgba(5,5,5,.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,.09); display:flex; gap:7px; padding:9px 14px; overflow-x:auto; scrollbar-width:none; transform:translateY(-120%); transition:transform .28s ease; }
#scrollNav::-webkit-scrollbar{ display:none; }
#scrollNav.show{ transform:translateY(0); }
#scrollNav a{ flex:none; font-size:11px; font-weight:800; letter-spacing:.4px; color:#B9C2B4; text-decoration:none; padding:7px 13px; border-radius:99px; border:1px solid rgba(255,255,255,.13); white-space:nowrap; }
#scrollNav a.on{ background:rgba(198,255,0,.15); border-color:rgba(198,255,0,.6); color:#C6FF00; }
#scrollNav a.cta360{ background:#C6FF00; color:#050505; border-color:#C6FF00; }
.secx{ scroll-margin-top:76px; }
/* ===== UX POLISH v16 ===== */
#readBar{ position:fixed; top:0; left:0; height:3px; background:#C6FF00; width:0%; z-index:99; box-shadow:0 0 12px rgba(198,255,0,.7); }
.rv{ opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.rv.in{ opacity:1; transform:none; }
.selTile:active, .wh-card:active, .tcard:active, .prog-card:active{ transform:scale(.975)!important; transition:transform .08s; }
.whgrid{ counter-reset: paso; }
.whgrid .wh-card{ position:relative; }
.whgrid .wh-card::before{ counter-increment: paso; content:"0" counter(paso); position:absolute; top:12px; right:14px; font-family:"Archivo",sans-serif; font-weight:900; font-size:22px; color:rgba(198,255,0,.35); }
#contStrip{ display:none; margin:14px auto 0; max-width:430px; background:rgba(198,255,0,.1); border:1px solid rgba(198,255,0,.5); border-radius:16px; padding:12px 14px; text-align:left; cursor:pointer; align-items:center; gap:11px; }
#contStrip.on{ display:flex; }
#contStrip .pl{ flex:none; width:38px; height:38px; border-radius:50%; background:#C6FF00; color:#050505; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:15px; }
#contStrip b{ display:block; color:#FFF; font-size:12.5px; }
#contStrip small{ color:#9AA295; font-size:10.5px; font-weight:700; }
#contStrip .ar2{ margin-left:auto; color:#C6FF00; font-weight:900; }
@media (prefers-reduced-motion:reduce){ .rv{ opacity:1; transform:none; transition:none; } }
/* ===== LUXURY PASS v17 ===== */
header.hd{ transition:transform .3s ease; }
header.hd.hdHide{ transform:translateY(-110%); }
*{ -webkit-tap-highlight-color:transparent; }
::selection{ background:#C6FF00; color:#050505; }
:focus-visible{ outline:2px solid #C6FF00; outline-offset:2px; border-radius:6px; }
.caro{ -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent); padding-right:26px; }
.caroDots{ display:flex; gap:6px; justify-content:center; margin-top:12px; }
.caroDots i{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.2); transition:.25s; }
.caroDots i.on{ width:20px; border-radius:99px; background:#C6FF00; }
.miniModal .mm-pane{ animation:mmUp .34s cubic-bezier(.16,1,.3,1); }
@keyframes mmUp{ from{ opacity:0; transform:translateY(26px) scale(.985); } to{ opacity:1; transform:none; } }
.bigcta, #chatSend{ box-shadow:0 6px 24px rgba(198,255,0,.28); transition:box-shadow .2s, transform .12s; }
.bigcta:active, #chatSend:active{ transform:scale(.97); box-shadow:0 3px 12px rgba(198,255,0,.2); }
.gauge .num b, .pil b, .mm{ font-variant-numeric:tabular-nums; }
.mobcta{ padding-bottom:calc(10px + env(safe-area-inset-bottom))!important; }
#scrollNav a{ transition:background .2s, color .2s, border-color .2s; }
#scrollNav a:active{ transform:scale(.95); }
@media (prefers-reduced-motion:reduce){ .miniModal .mm-pane{ animation:none; } header.hd{ transition:none; } }
/* ===== FIX LEGIBILIDAD (feedback usuario) ===== */
.kmodal input, .kmodal select, .kmodal textarea, .miniModal input, .miniModal select{ background:#FFFFFF!important; color:#111!important; color-scheme:light; }
.kmodal input::placeholder, .miniModal input::placeholder{ color:#8a8f86!important; }
.kmodal .phone .cc{ color:#111!important; }
[style*="color:#6B7268"], [style*="color:#5F625A"]{ color:#9AA79B!important; }
.heroApp .micro, .secx .micro, .micro{ color:#9AA79B; }
.kiaTip .tbub{ color:#E2E8DC; }
/* ===== PÁGINA CORTA (feedback) ===== */
.secx{ padding-top:46px!important; padding-bottom:46px!important; }
.hd2{ margin-bottom:16px!important; }
.hd2 h2{ font-size:clamp(26px,6vw,38px)!important; }
.secx .kiaTip{ display:none!important; }
.heroApp .in2{ padding-bottom:40px!important; }
#progGrid{ display:flex!important; grid-template-columns:none!important; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent); padding-right:26px; scrollbar-width:none; }
#progGrid::-webkit-scrollbar{ display:none; }
#progGrid .prog-card{ flex:0 0 262px; scroll-snap-align:start; }
#safe .in2{ padding-top:34px!important; padding-bottom:34px!important; }
.fin .in2{ padding-top:44px!important; padding-bottom:44px!important; }
footer, .ftx{ padding-top:22px!important; padding-bottom:26px!important; }
/* ===== COMPRESIÓN -30% ===== */
.heroApp .in2{ padding-top:30px!important; padding-bottom:26px!important; }
.heroEyebrow{ margin-bottom:12px!important; font-size:9.5px!important; }
.heroApp .kiaAv{ width:104px!important; height:104px!important; }
.heroApp .kiaBubble{ padding:13px 16px!important; margin:12px auto 16px!important; }
.heroApp .kiaBubble > b{ font-size:clamp(21px,5.4vw,27px)!important; }
.heroApp .kiaBubble small{ font-size:11px!important; }
.heroApp .kiaBubble > span{ font-size:11.5px!important; }
.selGrid{ gap:8px!important; }
.selTile{ padding:10px 12px!important; border-radius:15px!important; }
.selTile .ic{ width:36px!important; height:36px!important; border-radius:11px!important; }
.selTile b{ font-size:12.5px!important; }
.selTile small{ font-size:10px!important; }
#contStrip{ margin-top:10px!important; padding:9px 12px!important; }
.heroApp .micro, .heroApp p[style*="letter-spacing"]{ margin-top:9px!important; }
.secx{ padding-top:30px!important; padding-bottom:30px!important; }
.hd2{ margin-bottom:10px!important; }
.hd2 h2{ font-size:clamp(21px,5.2vw,30px)!important; letter-spacing:-.4px!important; }
.secx .sx{ font-size:12.5px!important; margin-top:2px!important; }
.tcard{ flex-basis:212px!important; padding:12px!important; }
.tcard .ph{ height:110px!important; }
.tcard b{ font-size:12px!important; }
.tcard p.m{ font-size:10.5px!important; }
#progGrid .prog-card{ flex-basis:228px!important; padding:14px!important; }
.caroDots{ margin-top:8px!important; }
#safe .in2{ padding-top:22px!important; padding-bottom:22px!important; }
#safe p, #safe li{ font-size:11.5px!important; }
.fin .in2{ padding-top:28px!important; padding-bottom:30px!important; }
.fin h2{ font-size:clamp(22px,5.6vw,32px)!important; }
footer, .ftx{ padding-top:14px!important; padding-bottom:16px!important; font-size:10px!important; }
/* ===== ULTRA CORTO ===== */
.secx{ padding-top:22px!important; padding-bottom:22px!important; }
.secx .sx{ display:none!important; }
.hd2{ margin-bottom:8px!important; }
.hd2 h2{ font-size:clamp(17px,4.6vw,24px)!important; }
.heroApp .kiaBubble > span{ display:none!important; }
.qr{ flex:none; background:rgba(198,255,0,.1); border:1px solid rgba(198,255,0,.35); color:#C6FF00; border-radius:99px; padding:7px 12px; font-family:inherit; font-size:11px; font-weight:800; cursor:pointer; }
/* ===== [#16] Wizard conversacional dentro del chat ===== */
.cwCtl{ display:flex; flex-wrap:wrap; gap:7px; margin:4px 0 10px; align-items:center; }
.cwc{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.2); color:#E8ECE4; border-radius:99px; padding:9px 14px; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; transition:background .15s,border-color .15s,transform .1s; }
.cwc:active{ transform:scale(.96); }
.cwc.on{ background:rgba(198,255,0,.16); border-color:#C6FF00; color:#C6FF00; }
.cwc.go{ background:#C6FF00; border-color:#C6FF00; color:#050505; font-weight:900; }
.cwc.ghost{ background:transparent; border-color:rgba(255,255,255,.14); color:#8B948A; font-weight:600; }
.cwc.num{ min-width:38px; text-align:center; padding:9px 0; }
.cwrow{ width:100%; display:flex; gap:7px; margin-top:4px; }
.cwrow .go{ margin-left:auto; }
.cwerr{ width:100%; color:#FF7A7A; font-size:11px; min-height:14px; }
.cwForm{ width:100%; display:flex; flex-direction:column; gap:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:12px; }
.cwForm input[type=text],.cwForm input[type=tel],.cwForm input[type=date]{ background:#FFF; color:#111; color-scheme:light; border:1px solid rgba(255,255,255,.2); border-radius:10px; padding:11px 12px; font-family:inherit; font-size:13px; }
.cwchk{ display:flex; gap:8px; align-items:flex-start; font-size:11px; color:#B9C2B4; line-height:1.45; cursor:pointer; }
.cwchk input{ margin-top:2px; accent-color:#C6FF00; }
/* ===== [#20] Búsqueda global ===== */
#gsOverlay{ position:fixed; inset:0; z-index:340; background:rgba(5,5,5,.86); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); display:none; padding:calc(16px + env(safe-area-inset-top)) 14px 14px; }
#gsOverlay.on{ display:block; }
#gsPane{ max-width:640px; margin:0 auto; }
#gsInWrap{ display:flex; gap:8px; align-items:center; background:#0F110E; border:1.5px solid rgba(198,255,0,.5); border-radius:14px; padding:4px 6px 4px 14px; }
#gsIn{ flex:1; background:transparent; border:0; outline:0; color:#FFF; font-family:inherit; font-size:15px; padding:11px 0; }
#gsX{ background:rgba(255,255,255,.08); border:0; color:#B9C2B4; border-radius:10px; width:38px; height:38px; font-size:15px; cursor:pointer; flex:none; }
#gsRes{ margin-top:10px; max-height:calc(100vh - 140px); overflow-y:auto; display:flex; flex-direction:column; gap:7px; padding-bottom:30px; }
.gsIt{ display:flex; gap:10px; align-items:center; text-align:left; background:#0F110E; border:1px solid rgba(255,255,255,.1); border-radius:13px; padding:11px 13px; cursor:pointer; font-family:inherit; color:#E8ECE4; width:100%; }
.gsIt:active{ transform:scale(.985); }
.gsIt b{ font-size:13px; display:block; }
.gsIt small{ font-size:11px; color:#8B948A; display:block; margin-top:1px; }
.gsTag{ flex:none; font-size:8.5px; font-weight:900; letter-spacing:1.2px; border-radius:6px; padding:4px 7px; background:rgba(198,255,0,.12); color:#C6FF00; }
.gsTag.p{ background:rgba(255,255,255,.09); color:#B9C2B4; }
.gsHint{ color:#5F625A; font-size:11px; text-align:center; margin-top:16px; }
.snSearch{ flex:none; font-size:11px; font-weight:800; color:#B9C2B4; background:transparent; padding:7px 13px; border-radius:99px; border:1px solid rgba(255,255,255,.13); white-space:nowrap; font-family:inherit; cursor:pointer; }
.qr:active{ transform:scale(.95); }
/* =======================================================================
   v25.2 — CONTRASTE (auditoría de cascada real)
   La capa light v4 dejó las variables de texto en tinta oscura y el dark
   final solo re-pintó algunos componentes: todo lo demás quedaba texto
   oscuro sobre fondo oscuro (inputs del wizard y del chat invisibles,
   labels EVA, informe completo, píldoras, ghost...). Esta capa fija con
   LITERALES el texto de cada superficie OSCURA. Las superficies claras
   (miniModales blancos, kbar2, hUser) no se tocan: ya estaban correctas.
   ======================================================================= */
/* --- inputs y formularios dentro del panel oscuro (wizard clásico + chat) --- */
.grow input, .inrow input, .phone .cc, .kmodal .pane select, .kmodal .pane textarea{
  color:#F2F5F0!important; border-color:rgba(255,255,255,.18)!important; background:#0C0E0B!important; }
.grow input::placeholder, .inrow input::placeholder{ color:#77817A!important; }
.grow label, .eva label{ color:#C9D1C6!important; }
.gate .gs, .kmodal .pane .gs{ color:#9AA295!important; }
.kmodal .pane .optin{ color:#C9D1C6!important; }
.kmodal .pane .chips button{ background:#0C0E0B!important; border-color:rgba(255,255,255,.16)!important; color:#C9D1C6!important; }
.kmodal .pane .chips button.on{ background:rgba(198,255,0,.14)!important; border-color:#C6FF00!important; color:#C6FF00!important; }
.kpills button{ color:#C9D1C6!important; border-color:rgba(255,255,255,.16)!important; }
.btn-ghost{ color:#F2F5F0!important; border-color:rgba(255,255,255,.3)!important; }
/* --- chat: burbujas y negrita del bot en oscuro de marca --- */
.msg.bot{ background:#161616!important; border-color:rgba(255,255,255,.1)!important; color:#E8ECE4!important; }
.msg.bot b{ color:#FFFFFF!important; }
/* --- informe (.rep) y métricas: todos los grises apagados legibles --- */
.rep, .rep-bg .rep{ color:#E8ECE4; }
/* El panel Mi KINE AI siempre es oscuro: forzamos la paleta oscura dentro de él
   aunque el sitio esté en tema claro. Si no, las tarjetas (var(--panel)) quedan
   blancas con texto claro y no se lee nada. Al redefinir las variables aquí,
   también se corrigen los color:var(--mut) escritos en línea. */
.rep, .rep-bg .rep{
  --panel:#141614; --panel2:#191B18;
  --ink:#F2F5F0; --body:#C9D1C6; --mut:#9AA295; --muted:#9AA295;
  --hair:rgba(198,255,0,.16); --line:rgba(242,245,240,.14);
}
.rep .rp-card{ color:#D7DED3; }
.rep .rp-card b, .rep .rp-card h4, .rep .rp-empty p:first-child{ color:#F2F5F0; }
.rep-brand span, .rep-heron span, .rep-minis span, .pm-h span, .pm-mini span,
.pm-score small, .pm-bar span, .mtc small, .bm-say{ color:#9AA295!important; }
.rep-tabs button{ color:#C9D1C6!important; border-color:rgba(255,255,255,.18)!important; }
.rep-tabs button.on{ background:#C6FF00!important; color:#050505!important; border-color:#C6FF00!important; }
/* --- legacy visibles solo en vistas JS: por si aparecen sobre fondo oscuro --- */
.heroX .sub, .hsub{ color:#C9D1C6!important; }
.edu p, .how-card p{ color:#9AA295!important; }
.edu summary, .how-card b{ color:#F2F5F0!important; }
.eyeb{ color:#C6FF00!important; border-color:rgba(198,255,0,.3)!important; background:rgba(198,255,0,.08)!important; }
.eyeb i{ background:#C6FF00!important; box-shadow:0 0 10px rgba(198,255,0,.6)!important; }
.micro{ color:#8B948A!important; }
/* --- estilos inline con var(--mut): atraparlos por contenedor oscuro --- */
.kmodal .pane [style*="var(--mut"], .rep [style*="var(--mut"], #mobMenu [style*="var(--mut"],
.secx [style*="var(--mut"], .heroApp [style*="var(--mut"], footer [style*="var(--mut"]{ color:#9AA295!important; }
/* --- auth modal (pane oscuro por defecto) --- */
.authModal .am-pane:not(.light){ color:#E8ECE4; }
.authModal .am-pane:not(.light) label{ color:#C9D1C6!important; }
/* --- v25.3: los dos botones ghost apagados del screenshot de Vicente --- */
.ghost{ color:#C9D1C6!important; border-color:rgba(255,255,255,.35)!important; font-weight:800; }
.ghost:hover, .ghost:active{ color:#FFFFFF!important; border-color:#C6FF00!important; }
/* --- v25.3: failsafe CSS del reveal — si el JS muere, TODO se revela igual a los 2.6s --- */
@keyframes rvFailsafe{ to{ opacity:1; transform:none; } }
.rv{ animation:rvFailsafe .5s ease 2.6s forwards; }
.rv.in{ animation:none; }
/* --- v26: sliders en desktop (Chrome/Windows) --- */
.caroWrap{ position:relative; }
.caroNav{ position:absolute; top:50%; transform:translateY(-56%); z-index:6; width:40px; height:40px; border-radius:50%;
  border:1.5px solid rgba(255,255,255,.28); background:rgba(8,9,8,.8); color:#E8ECE4; font-size:22px; line-height:1;
  cursor:pointer; display:none; align-items:center; justify-content:center; padding:0 0 3px;
  backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:opacity .2s, border-color .2s; }
.caroNav:hover{ border-color:#C6FF00; color:#C6FF00; }
.caroNav.prev{ left:8px; } .caroNav.next{ right:8px; }
.caroNav.off{ opacity:.18; pointer-events:none; }
@media (hover:hover) and (pointer:fine){
  .caroNav{ display:flex; }
  .caro{ scroll-snap-type:x proximity; cursor:grab; } /* mandatory pelea con rueda/drag en Chrome */
  .caro.dragging{ scroll-snap-type:none; cursor:grabbing; user-select:none; scroll-behavior:auto; }
}




html[data-theme="dark"]{
  --bg:#050505; --panel:#111214; --panel2:#161616; --black:#050505; --carbon:#0A0A0A;
  --white:#FFFFFF; --volt:#C6FF00; --volt2:#39FF14; --green:#C6FF00; --green2:#39FF14;
  --ink:#F2F5F0; --body:#C9D1C6; --mut:#8B948A; --muted:#8B948A;
  --line:rgba(242,245,240,.14); --hair:rgba(198,255,0,.18); --soft-line:rgba(255,255,255,.1);
  --glass:rgba(255,255,255,.05); --glow:rgba(198,255,0,.35); --danger:#FF6B6B;
}
html[data-theme="dark"] body{ background:#050505 !important; color:#E8ECE4 !important; background-image:radial-gradient(70% 40% at 50% 0%, rgba(198,255,0,.05), transparent 65%) !important; }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3{ color:#F2F5F0 !important; }
/* MODO CLARO: fondo claro + texto oscuro (vence el body negro !important nativo). El texto de secciones hereda del body. */
html[data-theme="light"] body{ background:#F6F7F2 !important; color:#1A1C18 !important; background-image:none !important; }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3{ color:#141414 !important; }
html[data-theme="light"] .hd{ background:rgba(246,247,242,.9) !important; border-bottom-color:rgba(5,5,5,.14) !important; }
html[data-theme="light"] .hlink{ color:#141414; }
html[data-theme="light"] .hlink.admin{ color:#5F625A; }
html[data-theme="light"] .hburger{ border-color:rgba(5,5,5,.2); }
html[data-theme="light"] .hburger span, html[data-theme="light"] .hburger span::before, html[data-theme="light"] .hburger span::after{ background:#050505; }
html[data-theme="dark"] .hd{ background:rgba(5,5,5,.85) !important; border-bottom-color:rgba(255,255,255,.09) !important; }
html[data-theme="dark"] .hlink{ color:#EDEFEA; }
html[data-theme="dark"] .hlink.admin{ color:#8B948A; border-left-color:rgba(255,255,255,.15); }
html[data-theme="dark"] .hburger{ border-color:rgba(255,255,255,.25); }
html[data-theme="dark"] .hburger span, html[data-theme="dark"] .hburger span::before, html[data-theme="dark"] .hburger span::after{ background:#F2F5F0; }
html[data-theme="dark"] .fcard,
html[data-theme="dark"] .how-card,
html[data-theme="dark"] .tcard,
html[data-theme="dark"] .prog-card,
html[data-theme="dark"] .hUser,
html[data-theme="dark"] .safe .in2,
html[data-theme="dark"] .miniModal .mm-pane,
html[data-theme="dark"] .authModal .am-pane.light{
  background:#111214 !important; border-color:rgba(255,255,255,.12) !important;
}
html[data-theme="dark"] .miniModal .mm-pane,
html[data-theme="dark"] .miniModal .mm-pane h3,
html[data-theme="dark"] .miniModal .mm-pane p,
html[data-theme="dark"] .miniModal .mm-pane b,
html[data-theme="dark"] .miniModal .mm-pane span,
html[data-theme="dark"] .authModal .am-pane.light,
html[data-theme="dark"] .authModal .am-pane.light h3{ color:#E8ECE4 !important; }
html[data-theme="dark"] .tcard b, html[data-theme="dark"] .prog-card b, html[data-theme="dark"] .how-card b, html[data-theme="dark"] .fcard b{ color:#F2F5F0 !important; }
html[data-theme="dark"] .tcard p, html[data-theme="dark"] .prog-card p, html[data-theme="dark"] .how-card p{ color:#AEB6A9 !important; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea{
  background:#17181A !important; color:#F2F5F0 !important; border-color:rgba(255,255,255,.16) !important;
}
html[data-theme="dark"] .chipsx span, html[data-theme="dark"] .miniModal .chips button{
  background:#17181A !important; color:#E8ECE4 !important; border-color:rgba(255,255,255,.14) !important;
}
#kineThemeToggle{ display:inline-flex !important; align-items:center; gap:7px; min-width:auto; }
#kineThemeToggle .ktLabel{ font-size:12.5px; font-weight:800; }
.ktSw{ position:relative; width:38px; height:22px; border-radius:999px; background:rgba(140,148,138,.5); transition:background .18s ease; flex:0 0 auto; display:inline-block; }
.ktSw::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; transition:left .18s ease; box-shadow:0 1px 3px rgba(0,0,0,.35); }
html[data-theme="dark"] .ktSw{ background:#39FF14; }
html[data-theme="dark"] .ktSw::after{ left:18px; }
/* ===== MODO CLARO: vence el bloque oscuro !important para que tarjetas y textos se lean sobre fondo claro ===== */
html[data-theme="light"] .hlink{ color:#141414 !important; }
html[data-theme="light"] .hlink:hover{ color:#4C6600 !important; }
html[data-theme="light"] .tcard,
html[data-theme="light"] .prog-card,
html[data-theme="light"] .how-card,
html[data-theme="light"] .fcard{ background:#FFFFFF !important; border-color:rgba(5,5,5,.14) !important; box-shadow:0 4px 16px rgba(0,0,0,.05) !important; }
html[data-theme="light"] .tcard b,
html[data-theme="light"] .prog-card b,
html[data-theme="light"] .how-card b,
html[data-theme="light"] .fcard b{ color:#141414 !important; }
html[data-theme="light"] .tcard p, html[data-theme="light"] .tcard span, html[data-theme="light"] .tcard .cat,
html[data-theme="light"] .prog-card p, html[data-theme="light"] .prog-card .dv,
html[data-theme="light"] .how-card p, html[data-theme="light"] .fcard p{ color:#565A52 !important; }
html[data-theme="light"] .tcard button{ background:#FFFFFF !important; border:1.5px solid rgba(5,5,5,.25) !important; color:#0A0B0A !important; }
html[data-theme="light"] .tcard button:hover{ background:#050505 !important; color:#FFFFFF !important; }
html[data-theme="light"] .caroDots i{ background:rgba(5,5,5,.2) !important; }
html[data-theme="light"] .caroDots i.on{ background:#8FBF00 !important; }
/* secciones oscuras intencionales (hero, banda PRO, preview) se mantienen oscuras con texto claro */
html[data-theme="light"] .fin .in2{ background:linear-gradient(170deg,#0F1408,#050605) !important; border-color:rgba(198,255,0,.35) !important; }
html[data-theme="light"] .fin .in2 h2{ color:#FFFFFF !important; }
html[data-theme="light"] .fin .in2 p, html[data-theme="light"] .fin .in2 .mkline b{ color:#D3DACE !important; }
/* nav del header legible en claro */
html[data-theme="light"] .hd nav a{ color:#2C2F29 !important; }
html[data-theme="light"] .hd nav a:hover{ color:#4C6600 !important; }
/* botones ghost (Preguntar por mi equipo, Crear programa) legibles en claro */
html[data-theme="light"] .ghost{ color:#141414 !important; border-color:rgba(5,5,5,.3) !important; }
html[data-theme="light"] .ghost:hover, html[data-theme="light"] .ghost:active{ color:#050505 !important; border-color:#050505 !important; }
/* banda "SER UN PRO" (#guiaPro) con fondo claro -> texto oscuro legible */
html[data-theme="light"] #guiaPro p, html[data-theme="light"] #guiaPro li, html[data-theme="light"] #guiaPro .tx2{ color:#3A3D36 !important; }
html[data-theme="light"] #guiaPro [style*="color:#FFF"], html[data-theme="light"] #guiaPro [style*="color:#fff"]{ color:#141414 !important; }
html[data-theme="light"] #guiaPro [style*="color:#9AA295"]{ color:#565A52 !important; }
html[data-theme="light"] #guiaPro .gpChip{ color:#4C6600 !important; background:rgba(143,191,0,.12) !important; border-color:rgba(143,191,0,.5) !important; }
/* ===== HERO en modo claro: fondo blanco + texto oscuro (tiles, burbuja de KAI, textos) ===== */
html[data-theme="light"] .heroApp{ background:#F6F7F2 !important; background-image:radial-gradient(90% 70% at 50% -10%, rgba(143,191,0,.13), transparent 60%), radial-gradient(60% 40% at 50% 105%, rgba(143,191,0,.06), transparent 70%) !important; border-bottom-color:rgba(5,5,5,.1) !important; }
html[data-theme="light"] .heroApp .kiaBubble{ background:#FFFFFF !important; border-color:rgba(5,5,5,.12) !important; box-shadow:0 20px 50px rgba(0,0,0,.12) !important; }
html[data-theme="light"] .heroApp .kiaBubble::before{ background:#FFFFFF !important; border-color:rgba(5,5,5,.12) !important; }
html[data-theme="light"] .heroApp .kiaBubble small{ color:#565A52 !important; }
html[data-theme="light"] .heroApp .kiaBubble > b{ color:#141414 !important; }
html[data-theme="light"] .selGrid{ background:#FFFFFF !important; border-color:rgba(5,5,5,.12) !important; box-shadow:0 8px 30px rgba(0,0,0,.06) !important; }
html[data-theme="light"] .heroApp .selTile{ background:transparent !important; color:#141414 !important; border-right-color:rgba(5,5,5,.1) !important; }
html[data-theme="light"] .heroApp .selTile b{ color:#141414 !important; }
html[data-theme="light"] .heroApp .selTile small{ color:#565A52 !important; }
html[data-theme="light"] .heroApp .selTile .rad{ border-color:rgba(5,5,5,.3) !important; }
html[data-theme="light"] .heroApp .selTile:hover{ background:rgba(143,191,0,.07) !important; }
html[data-theme="light"] .heroApp .selTile.sel{ background:rgba(143,191,0,.09) !important; }
html[data-theme="light"] .heroApp [style*="color:#FFF"]{ color:#141414 !important; }
html[data-theme="light"] .heroApp [style*="color:#9AA295"]{ color:#565A52 !important; }
html[data-theme="light"] .heroEyebrow{ color:#4C6600 !important; }
/* logo KINE, nav y 'Iniciar sesión' están forzados a blanco (!important) por el diseño nativo; en claro -> oscuro */
html[data-theme="light"] header.hd .lg,
html[data-theme="light"] header.hd nav a,
html[data-theme="light"] header.hd #navLogin,
html[data-theme="light"] header.hd #hBurger{ color:#141414 !important; }
html[data-theme="light"] header.hd nav a:hover, html[data-theme="light"] header.hd #navLogin:hover{ color:#4C6600 !important; }



  #registerModal .iti, #actModal .iti{ width:100%; display:block; }
  #registerModal .iti input#regFono, #actModal .iti input#actFono{ width:100%; }
  #registerModal .iti__country-list, #actModal .iti__country-list{ text-align:left; color:#111; }


/* =======================================================================
   OVERLAYS SIEMPRE OSCUROS  (.kmodal .pane = wizard/chat, .rep = Mi KINE AI)
   El sitio puede estar en tema claro, pero estos paneles son siempre
   oscuros. Reescribimos la paleta en su scope y neutralizamos los
   !important globales del tema claro (body y h1-h3), que si no dejan el
   texto casi negro sobre fondo negro.
   ======================================================================= */
.kmodal .pane{
  --panel:#141614; --panel2:#191B18;
  --ink:#F2F5F0; --body:#C9D1C6; --mut:#9AA295; --muted:#9AA295;
  --hair:rgba(198,255,0,.16); --line:rgba(242,245,240,.14);
}
html[data-theme="light"] .kmodal .pane,
html[data-theme="light"] .rep,
html[data-theme="light"] .rep-bg .rep{ color:#D7DED3 !important; }

html[data-theme="light"] .kmodal .pane h1, html[data-theme="light"] .kmodal .pane h2,
html[data-theme="light"] .kmodal .pane h3, html[data-theme="light"] .kmodal .pane h4,
html[data-theme="light"] .rep h1, html[data-theme="light"] .rep h2,
html[data-theme="light"] .rep h3, html[data-theme="light"] .rep h4{ color:#F2F5F0 !important; }

html[data-theme="light"] .kmodal .pane label,
html[data-theme="light"] .kmodal .pane .grow label,
html[data-theme="light"] .kmodal .pane .optin{ color:#D7DED3 !important; }
html[data-theme="light"] .kmodal .pane .wsub,
html[data-theme="light"] .kmodal .pane p{ color:#B9C1B5 !important; }

/* intl-tel-input en todos los campos de telefono */
#registerModal .iti, #actModal .iti, .kmodal .iti{ width:100%; display:block; }
#registerModal .iti input, #actModal .iti input, .kmodal .iti input{ width:100%; }
.iti__country-list{ text-align:left; color:#111; }
.kmodal .iti__selected-flag{ background:rgba(255,255,255,.06); }