
:root{--bg:#04050a;--panel:#090c13;--line:#222a38;--text:#f6f8ff;--muted:#9ca8bb;--purple:#9f3cff;--blue:#4c8dff;--cyan:#36e6ff;--lime:#b6ff38;--pink:#ff3d9a}

/* ============================================================
   IDENTIDAD POR PÁGINA — cada área del ecosistema, un color propio
   IA REAL = azul eléctrico · INVESTIGACIÓN = rojo · SPORTS = verde · ACADEMY = naranja
   ============================================================ */
body.theme-solutions{--purple:#2f8fe0;--blue:#36e6ff}
body.theme-solutions{background:radial-gradient(circle at 70% 0,#0a2740 0,transparent 30%),var(--bg)}
body.theme-solutions .cv-scene{background:linear-gradient(120deg,#071827,#05070b)}

body.theme-cursos{--purple:#ff9c33;--blue:#ffcf5c}
body.theme-cursos{background:radial-gradient(circle at 70% 0,#2e1c08 0,transparent 30%),var(--bg)}
body.theme-cursos .learning-scene{background:radial-gradient(circle at 20% 80%,#2b1d0a,transparent 28%),#0a0705}
body.theme-cursos .lesson.on{background:#ff9c33;box-shadow:0 0 30px #ff9c3366}
body.theme-cursos .path{background:linear-gradient(90deg,#303946,#ff9c33,#ffcf5c)}

body.theme-investigacion{--purple:#ff3d5a;--blue:#ff8a5c}
body.theme-investigacion{background:radial-gradient(circle at 70% 0,#2e0a12 0,transparent 30%),var(--bg)}
body.theme-investigacion .research-scene{background:radial-gradient(circle at 70% 40%,#2e0e17,transparent 34%),#08050a}
body.theme-investigacion .cell.active{background:#ff3d5a33;border-color:#ff3d5a}

body.theme-sports{--purple:#1fae52;--blue:#8aff5c;--lime:#c8ff5c}
body.theme-sports{background:radial-gradient(circle at 70% 0,#0a2e18 0,transparent 30%),var(--bg)}
body.theme-sports .sports-scene{background:radial-gradient(circle at center,#0c3a22,#05120d 48%,#050a08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#18102c 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}
.nav{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#04050add;border-bottom:1px solid #1a202b;backdrop-filter:blur(18px)}
.logo{font:900 25px/1 Space Grotesk,Arial;letter-spacing:-1.5px}.logo span{color:var(--purple)}.logo i{color:var(--lime);font-style:normal}.tag{display:block;font:600 8px/1 Inter;letter-spacing:4px;color:#697587;margin-top:6px}.menu{display:flex;gap:28px}.menu a{font-size:12px;letter-spacing:1px;color:#aeb7c7}.menu a:hover{color:#fff}.cta{border:0;border-radius:11px;padding:14px 20px;color:white;background:linear-gradient(105deg,var(--purple),var(--blue));font-weight:800;font-size:11px;cursor:pointer;box-shadow:0 12px 35px #6e35ff22}
.hero{min-height:760px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:90px 7vw 70px;position:relative}.hero-copy{position:relative;z-index:2}.kicker{font:700 10px Inter;letter-spacing:4px;color:#788498}.hero h1{font:800 clamp(68px,9vw,132px)/.8 Space Grotesk;letter-spacing:-7px;margin:25px 0}.hero h1 span{color:var(--purple)}.hero p{max-width:650px;color:#aeb8c8;font-size:18px;line-height:1.7}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chip{font-size:9px;letter-spacing:1px;color:#b8c1cf;border:1px solid #2a3240;padding:8px 11px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.secondary{border:1px solid #333c4b;background:#0a0d13;color:#fff;border-radius:10px;padding:13px 18px;cursor:pointer}
.scene{height:570px;position:relative;overflow:hidden;border:1px solid #202736;background:#060810;isolation:isolate}.scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#263043 1px,transparent 1px),linear-gradient(90deg,#263043 1px,transparent 1px);background-size:44px 44px;opacity:.15}
.scene-label{position:absolute;left:20px;top:18px;font:700 9px monospace;letter-spacing:2px;color:#788598;z-index:4}.scene-status{position:absolute;right:20px;top:18px;color:var(--lime);font:700 9px monospace;z-index:4}.core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b47aff 4%,#6e24ff 18%,#190d3e 48%,#05060b 72%);box-shadow:0 0 45px #8d3cff99,0 0 130px #7b2cff44;animation:pulse 4s ease-in-out infinite}.core:after{content:"AI";position:absolute;inset:0;display:grid;place-items:center;font:800 30px Space Grotesk;color:#fff}.ring{position:absolute;left:50%;top:50%;border:1px solid #7f39ff77;border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg);animation:spin 9s linear infinite}.r1{width:310px;height:310px}.r2{width:450px;height:180px;border-color:#36e6ff55;animation-duration:13s;animation-direction:reverse}.r3{width:520px;height:520px;border-color:#b6ff3830;animation-duration:18s}.node{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);animation:node 5s ease-in-out infinite}.n1{left:20%;top:25%}.n2{right:17%;top:35%;animation-delay:1.4s}.n3{left:25%;bottom:20%;animation-delay:2.2s}.n4{right:23%;bottom:18%;animation-delay:3.1s}.data{position:absolute;color:#728095;font:700 8px monospace;letter-spacing:1px}.d1{left:7%;top:42%}.d2{right:7%;top:58%}.d3{left:16%;bottom:9%}
.metric{position:absolute;right:18px;bottom:18px;width:190px;border:1px solid #2a3444;background:#080b12e8;padding:15px;z-index:4}.metric b{font:800 10px monospace;color:#b8c1cf}.bar{height:4px;background:#222b38;margin:9px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));width:78%;animation:bar 3s ease-in-out infinite alternate}
.section{padding:100px 7vw}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section h2{font:800 clamp(38px,5vw,70px)/.95 Space Grotesk;letter-spacing:-3px;margin:10px 0}.intro{max-width:560px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:linear-gradient(145deg,#0b0f16,#07090d);border:1px solid var(--line);padding:28px;position:relative;overflow:hidden}.card h3{font:700 23px Space Grotesk;margin:20px 0 10px}.card p{color:#8f9bad;line-height:1.65;font-size:13px}.num{color:#697789;font:700 9px monospace;letter-spacing:2px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:15px}.story-card{min-height:310px;padding:32px;border:1px solid var(--line);position:relative;overflow:hidden;background:#080b11}.story-card h3{font:800 30px Space Grotesk;margin-top:75px}.story-card p{color:#8f9bad}.story-card:after{content:"";position:absolute;inset:auto -30% -55% auto;width:260px;height:260px;border-radius:50%;background:#9f3cff18;filter:blur(25px)}
.pipeline{display:flex;align-items:center;gap:10px;overflow:auto;padding:25px 0}.pstep{min-width:150px;border:1px solid #2b3544;padding:22px;background:#080b11;position:relative}.pstep b{display:block;color:var(--lime);font:800 10px monospace}.pstep strong{display:block;margin-top:14px;font:700 18px Space Grotesk}.arrow{color:var(--purple);font-size:25px}
.contact-banner{margin:20px 7vw 90px;padding:45px;border:1px solid #2b3544;background:radial-gradient(circle at 80% 30%,#24104b,transparent 35%),#090c12;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-banner h2{font:800 43px Space Grotesk;letter-spacing:-2px;margin:10px 0}.contact-banner p{color:#9ca7b8}
.wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#1fc96b;color:white;padding:13px 17px;border-radius:99px;font-weight:800;font-size:12px;box-shadow:0 12px 35px #0009}
.terms-modal{display:none;position:fixed;inset:0;z-index:100;background:#000b;backdrop-filter:blur(14px);place-items:center;padding:20px}.terms-modal.open{display:grid}.terms-box{max-width:560px;width:100%;padding:30px;background:#090c12;border:1px solid #303a4a;border-radius:17px}.terms-box p{color:#9aa6b7;line-height:1.65}.terms-check{display:flex;gap:9px;color:#c6ceda;font-size:12px;margin:20px 0}.terms-check input{width:auto}.cancel-btn{padding:13px 17px;border:0;border-radius:10px;background:#171c25;color:white}.terms-actions{display:flex;gap:9px}
footer{border-top:1px solid #1a202a;padding:30px 7vw;color:#6f7b8e;font-size:10px;display:flex;justify-content:space-between}

/* HOME: data constellation */
.home-scene .core{width:150px;height:150px}.home-scene .constellation{position:absolute;inset:0}.home-scene .constellation span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:float 4s ease-in-out infinite}.home-scene .constellation span:after{content:"";position:absolute;width:110px;height:1px;background:#36e6ff45;left:4px;top:4px;transform-origin:left}.home-scene .c1{left:17%;top:22%}.home-scene .c2{right:18%;top:26%;animation-delay:1s}.home-scene .c3{left:19%;bottom:25%;animation-delay:2s}.home-scene .c4{right:20%;bottom:22%;animation-delay:3s}.home-word{position:absolute;font:800 10px monospace;letter-spacing:2px;color:#657286}.w1{left:8%;top:38%}.w2{right:7%;top:43%}.w3{left:12%;bottom:13%}.w4{right:10%;bottom:12%}

/* IA REAL: camera / detection */
.cv-scene{background:linear-gradient(120deg,#07100d,#05070b)}.cv-frame{position:absolute;inset:16% 18%;border:1px solid #36e6ff55}.cv-object{position:absolute;left:31%;top:28%;width:34%;height:42%;border:2px solid var(--lime);box-shadow:0 0 30px #b6ff3833;animation:detect 3s ease-in-out infinite}.cv-object:before{content:"OBJETO / 96.8%";position:absolute;left:-2px;top:-24px;background:var(--lime);color:#071006;padding:5px 7px;font:800 8px monospace}.cv-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#36e6ff;box-shadow:0 0 15px #36e6ff;animation:scanY 2.8s linear infinite}.cv-corner{position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid}.tl{left:-1px;top:-1px;border-width:2px 0 0 2px}.tr{right:-1px;top:-1px;border-width:2px 2px 0 0}.bl{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.br{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.cv-result{position:absolute;left:18px;bottom:18px;font:800 10px monospace;color:#b6ff38}

/* COURSES: progression */
.learning-scene{background:radial-gradient(circle at 20% 80%,#152b14,transparent 28%),#070a0d}.path{position:absolute;left:15%;right:15%;top:50%;height:3px;background:linear-gradient(90deg,#303946,var(--purple),var(--cyan));box-shadow:0 0 20px #7d38ff33}.lesson{position:absolute;top:calc(50% - 23px);width:48px;height:48px;border-radius:50%;border:1px solid #586272;background:#0a0e14;display:grid;place-items:center;font:800 10px monospace}.lesson.on{background:#9f3cff;color:white;box-shadow:0 0 30px #9f3cff66}.l1{left:12%}.l2{left:32%;animation:lessonPulse 2s infinite}.l3{left:52%}.l4{left:72%}.l5{right:8%}.course-label{position:absolute;font:800 10px monospace;color:#7f8b9d}.cl1{left:10%;top:39%}.cl2{left:29%;top:58%}.cl3{left:49%;top:39%}.cl4{left:68%;top:58%}.cl5{right:6%;top:39%}

/* RESEARCH: experiment matrix */
.research-scene{background:radial-gradient(circle at 70% 40%,#17112e,transparent 34%),#06080d}.matrix{position:absolute;left:12%;right:12%;top:24%;bottom:20%;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.cell{border:1px solid #293244;background:#0b0f16;animation:cell 4s ease-in-out infinite}.cell:nth-child(3n){animation-delay:.6s}.cell:nth-child(4n){animation-delay:1.2s}.cell.active{background:#7433d733;border-color:#9f3cff}.research-axis{position:absolute;left:12%;top:16%;font:800 9px monospace;color:#68768a}.result-chip{position:absolute;right:14%;bottom:12%;border:1px solid #b6ff3844;background:#0c140b;padding:10px;color:var(--lime);font:800 9px monospace}

/* SPORTS: tactical field */
.sports-scene{background:radial-gradient(circle at center,#082c1c,#05120d 48%,#050a08)}.field{position:absolute;inset:10% 8%;border:1px solid #55d98b66;border-radius:8px;background:linear-gradient(90deg,transparent 49.7%,#6bda9270 50%,transparent 50.3%)}.field:before{content:"";position:absolute;left:6%;right:6%;top:12%;bottom:12%;border:1px solid #6bda9260}.player{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff;animation:playerMove 5s ease-in-out infinite}.player:after{content:"";position:absolute;left:14px;top:6px;width:70px;height:1px;background:#b6ff3855}.pa1{left:18%;top:32%}.pa2{left:33%;top:62%;animation-delay:.8s}.pa3{left:44%;top:40%;animation-delay:1.4s}.pb1{right:28%;top:30%;background:var(--cyan);animation-delay:2s}.pb2{right:18%;top:65%;background:var(--cyan);animation-delay:2.7s}.ball{position:absolute;left:53%;top:49%;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime);animation:ball 3s ease-in-out infinite}.sports-data{position:absolute;right:14px;top:60px;font:800 9px monospace;color:#9fb0a7;line-height:2}

/* Contact conversion labels */
.intent{font:800 10px monospace;letter-spacing:2px;color:var(--lime);margin-bottom:12px}

@keyframes spin{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes node{50%{transform:translate(18px,-25px);opacity:.55}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes bar{to{width:94%}}@keyframes detect{50%{transform:scale(1.05);box-shadow:0 0 55px #b6ff3855}}@keyframes scanY{0%{transform:translateY(-150px)}100%{transform:translateY(150px)}}@keyframes lessonPulse{50%{box-shadow:0 0 30px #9f3cff88}}@keyframes cell{50%{transform:translateY(-4px);border-color:#36e6ff66}}@keyframes playerMove{50%{transform:translate(25px,-15px)}}@keyframes ball{50%{transform:translate(65px,25px)}}@media(max-width:850px){.menu{display:none}.hero{grid-template-columns:1fr;padding:65px 6vw}.scene{height:430px}.grid,.story{grid-template-columns:1fr}.section{padding:75px 6vw}.contact-banner{margin:10px 6vw 60px;display:block}.contact-banner .cta{margin-top:20px}.nav{padding:0 5vw}.hero h1{letter-spacing:-4px}.matrix{left:8%;right:8%}.field{inset:9% 5%}}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--font-body:'DM Sans',Arial,sans-serif;--font-display:'Space Grotesk',Arial,sans-serif}
body{font-family:var(--font-body);background:#05060a}
h1,h2,h3,.logo,.brand{font-family:var(--font-display)}
.logo{font-size:24px;font-weight:700;letter-spacing:-1.6px}.logo small{display:block;font:600 7px var(--font-body);letter-spacing:3px;color:#687386;margin-top:6px}
.hero h1,.section h2,.contact-box h2{font-family:var(--font-display);font-weight:600}
.hero h1{font-size:clamp(44px,6.2vw,82px);letter-spacing:-4px}
.hero p,.intro,.section-intro{font-family:var(--font-body)}
.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.solution-card{min-height:410px;border:1px solid #202837;background:#080b10;position:relative;padding:20px;transition:transform .35s,border-color .35s,background .35s;overflow:hidden}
.solution-card:hover{transform:translateY(-7px);border-color:#7842c7;background:#0a0d14}
.solution-card h3{font-size:25px;margin:13px 0 8px}.solution-card p{color:#8995a8;line-height:1.55;font-size:12px;max-width:260px}.card-arrow{position:absolute;right:20px;bottom:19px;color:#a56cff;font-size:20px}
.solution-art{height:220px;margin:-20px -20px 22px;position:relative;overflow:hidden;border-bottom:1px solid #202837;background:#070a0f}
.solution-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0b0e16,#07090d);opacity:.95}
.art-vision{background:radial-gradient(circle at 50% 50%,#4d1e87 0,#120c24 20%,#06080c 55%)}
.art-vision .mini-box{position:absolute;width:92px;height:120px;border:1px solid #b6ff38;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 35px #b6ff3833}
.art-vision .scan{position:absolute;left:0;right:0;height:1px;background:#36e6ff;box-shadow:0 0 14px #36e6ff;animation:scanY 2.4s linear infinite}
.art-learning{background:radial-gradient(circle at 50% 45%,#1a0f36,#07090d 65%)}
.learning-path{position:absolute;left:15%;right:15%;top:50%;height:2px;background:linear-gradient(90deg,#4c8dff,#9f3cff,#b6ff38)}
.learning-path i{position:absolute;top:-15px;width:32px;height:32px;border:1px solid #586276;background:#0a0d13;border-radius:50%;display:grid;place-items:center;font:700 8px monospace;color:#b8c1cf;font-style:normal}
.learning-path i:nth-child(1){left:0}.learning-path i:nth-child(2){left:30%}.learning-path i:nth-child(3){left:60%;background:#9f3cff;color:#fff;box-shadow:0 0 24px #9f3cff55}.learning-path i:nth-child(4){right:0}
.art-research{background:radial-gradient(circle at 50% 50%,#211341,#07090d 68%)}
.research-grid{position:absolute;inset:34px 30px;background-image:linear-gradient(#36415a 1px,transparent 1px),linear-gradient(90deg,#36415a 1px,transparent 1px);background-size:30px 30px;opacity:.55}
.art-research b{position:absolute;right:25px;bottom:22px;color:#b6ff38;font:700 13px monospace}
.art-sports{background:radial-gradient(circle at 50% 45%,#0b3a24,#06100b 68%)}
.sports-field{position:absolute;inset:27px 25px;border:1px solid #72d49a55}.sports-field:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #72d49a44}
.sports-field i{position:absolute;width:10px;height:10px;border-radius:50%;background:#f4f7ff;box-shadow:0 0 12px #fff}.sports-field i:nth-child(1){left:18%;top:30%}.sports-field i:nth-child(2){left:38%;top:64%}.sports-field i:nth-child(3){left:58%;top:42%;background:#36e6ff}.sports-field i:nth-child(4){right:18%;top:30%;background:#36e6ff}.sports-field i:nth-child(5){right:24%;bottom:18%;background:#36e6ff}
.visual-cases{background:#05060a}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{min-height:360px;border:1px solid #202837;background:#080b10;position:relative;overflow:hidden}.case-card img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;filter:saturate(.82) contrast(1.06);transition:transform .7s,filter .7s}.case-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#05060a)}.case-card:hover img{transform:scale(1.05);filter:saturate(1) contrast(1.08)}.case-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.case-card small{font:700 8px monospace;letter-spacing:1.5px;color:#b6ff38}.case-card h3{font-size:23px;margin:8px 0}.case-card p{font-size:12px;color:#c1c9d5;margin:0}
.process-section{padding:110px 7vw;border-top:1px solid #171e29;border-bottom:1px solid #171e29;background:radial-gradient(circle at 70% 50%,#150d2c,transparent 40%),#05060a}.process-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:.8fr 1.7fr;gap:70px;align-items:center}.process-section h2{font:600 clamp(42px,5vw,72px)/.95 var(--font-display);letter-spacing:-3px;margin:15px 0}.process-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.process-line div{border:1px solid #252e3c;background:#080b11;padding:18px 14px;min-height:115px}.process-line b{display:block;color:#9f3cff;font:700 9px monospace}.process-line strong{display:block;font:600 16px var(--font-display);margin:15px 0 6px}.process-line span{display:block;color:#7f8b9d;font-size:10px;line-height:1.4}.process-line i{color:#7e46d0;font-style:normal}
.contact-section{padding:70px 7vw 110px}.contact-box{max-width:1250px;margin:auto;padding:45px;border:1px solid #2a3341;background:radial-gradient(circle at 80% 0,#29124e,transparent 34%),#080b11;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-box h2{font-size:56px;letter-spacing:-3px;margin:13px 0}.contact-box p{max-width:620px;color:#8995a8;line-height:1.6}
.resource-rail,.we-build,.banner{display:none}
@media(max-width:1000px){.solution-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.process-inner{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.process-line i{display:none}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:70px 5vw}.hero h1{font-size:clamp(38px,11vw,58px);overflow-wrap:break-word}.solution-grid,.case-grid{grid-template-columns:1fr}.solution-card{min-height:360px}.solution-art{height:190px}.process-section,.contact-section,.section{padding-left:5vw;padding-right:5vw}.contact-box{display:block;padding:30px}.contact-box h2{font-size:45px}.menu{display:none}}
.hero h1{overflow-wrap:break-word;hyphens:auto}

/* ============================================================
   COMPONENTES COMPARTIDOS: IA REAL / CURSOS / INVESTIGACIÓN / DEPORTES
   ============================================================ */
.section-intro{max-width:560px;color:var(--muted);line-height:1.7;font-size:14px}
.conversion-panel{margin:20px 7vw 0;padding:45px;border:1px solid #2b3544;background:radial-gradient(circle at 80% 30%,#24104b,transparent 35%),#090c12;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.conversion-panel h2{font:800 34px Space Grotesk;letter-spacing:-1.5px;margin:8px 0}
.conversion-panel p{color:#9ca7b8;max-width:480px}
.demo-badge{display:inline-flex;align-items:center;gap:8px;font:800 9px monospace;letter-spacing:1.4px;color:#9aa4b5;border:1px solid #2a3240;border-radius:999px;padding:8px 14px;margin:6px 0 20px}
.demo-badge .dot-live{width:6px;height:6px;border-radius:50%;background:#f5c542;animation:blinkLive 1.4s ease-in-out infinite}
@keyframes blinkLive{50%{opacity:.25}}

/* --- FROM PIXELS: pixels-flow --- */
.pixels-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:10px 0 0}
.pixels-flow .pf-step{border:1px solid var(--line);border-radius:4px;padding:14px 20px;font:800 11px monospace;letter-spacing:2px;color:#9aa4b5}
.pixels-flow .pf-arrow{color:#454c59;font-size:16px}

/* --- PROYECTOS: showcase grid (ia-real.html) --- */
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.showcase-grid{grid-template-columns:1fr}}
.showcase-card{background:linear-gradient(145deg,#0b0f16,#07090d);border:1px solid var(--line);overflow:hidden;position:relative}
.case-visual{position:relative;height:220px;overflow:hidden;border-bottom:1px solid var(--line);background:#06080c;isolation:isolate}
.case-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#263043 1px,transparent 1px),linear-gradient(90deg,#263043 1px,transparent 1px);background-size:22px 22px;opacity:.14;pointer-events:none}
.case-visual img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:0}
.case-live{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;font:800 8px monospace;letter-spacing:1.4px;color:#e9ecf3;background:#000a;padding:5px 9px;border-radius:999px;z-index:3}
.case-live i{width:5px;height:5px;border-radius:50%;background:#ff5f5f;animation:blinkLive 1.4s ease-in-out infinite}
.case-dev{position:absolute;left:10px;top:10px;font:800 8px monospace;letter-spacing:1.2px;color:#9aa4b5;background:#000a;padding:5px 9px;border-radius:999px;z-index:3}
.img-missing-note{position:absolute;bottom:8px;left:8px;right:8px;font:700 9px monospace;color:#ff9a7a;background:#000a;padding:6px 8px;z-index:5}
.img-missing-note code{color:#ffbfa8}
.caption{padding:18px 20px 22px}.caption small{color:#697383;letter-spacing:1.8px;font:800 9px monospace}.caption h3{font:700 19px Space Grotesk;margin:10px 0 8px}.caption p{color:#8f9bad;font-size:13px;line-height:1.6;margin:0}

.det-frame{position:absolute;inset:16% 18%;border:1px solid #ffffff22}
.det-obj{position:absolute;border:2px solid var(--acc);box-shadow:0 0 26px var(--acc-glow);animation:detect 3s ease-in-out infinite}
.det-readout{position:absolute;left:10px;bottom:10px;font:800 9px monospace;line-height:1.7}

.case-visual.security{background:radial-gradient(circle at 75% 20%,#2a0d1c,transparent 45%),#0a070b}
.security .sweep{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0deg,#ff3d9a55 18deg,transparent 40deg);animation:sweep 4s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.security .alert-blip{position:absolute;width:14px;height:14px;border:2px solid var(--pink);border-radius:3px;animation:blipShow 4s ease-in-out infinite}
.security .alert-blip:before{content:"⚠";position:absolute;inset:-1px;display:grid;place-items:center;font-size:9px;color:var(--pink)}
@keyframes blipShow{0%,60%,100%{opacity:0}70%,90%{opacity:1}}

.case-visual.health{background:radial-gradient(circle at 30% 70%,#04222a,transparent 45%),#04090b}
.health svg{position:absolute;inset:0;width:100%;height:100%}
.health path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:340;stroke-dashoffset:340;animation:ecg 2.6s linear infinite}
@keyframes ecg{to{stroke-dashoffset:-340}}
.health .readout{position:absolute;left:10px;bottom:10px;font:800 9px monospace;color:var(--cyan);line-height:1.7}

.case-visual.text-nlp{background:#06090d;padding:22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.text-nlp .tline{height:9px;background:#1c2431;border-radius:2px;position:relative;overflow:hidden}
.text-nlp .tline i{position:absolute;inset:0;background:var(--purple);transform-origin:left;animation:typeline 3.6s ease-in-out infinite}
.text-nlp .tline.hl i{background:var(--lime)}
@keyframes typeline{0%{transform:scaleX(0)}45%,55%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.text-nlp .tag-out{align-self:flex-start;margin-top:6px;font:800 9px monospace;color:var(--lime);border:1px solid #2a3240;padding:4px 8px}

/* --- CURSOS: selector por audiencia --- */
.audience-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.audience-tab{border:1px solid var(--line);background:transparent;color:#b5bdc9;padding:12px 20px;border-radius:999px;font:700 12px Inter;letter-spacing:1px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
.audience-tab:hover{color:#fff;border-color:#3d4658}
.audience-tab.active{background:linear-gradient(110deg,var(--purple),var(--blue));color:#fff;border-color:transparent}
.tab-ic{display:inline-block;font-size:9px;margin-right:6px;color:var(--lime)}
.audience-panel{display:none}
.audience-panel.active{display:grid}

/* --- INVESTIGACIÓN: research-flow + experiment-panel --- */
.research-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:30px 0}
.research-flow .rf-node{border:1px solid var(--line);border-radius:4px;padding:16px 22px;text-align:center;min-width:130px;opacity:.45;transition:opacity .5s ease,border-color .5s ease}
.research-flow .rf-node.lit{opacity:1;border-color:var(--blue)}
.research-flow .rf-node b{display:block;font:800 12px monospace;letter-spacing:1.4px;margin-bottom:4px}
.research-flow .rf-node span{font-size:10px;color:#7e8797}
.research-flow .rf-arrow{color:#454c59}

.experiment-panel{border:1px solid var(--line);padding:32px;background:linear-gradient(150deg,#150a0d,#0a0506);margin:30px 0}
.experiment-panel .ep-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:10px}
.experiment-panel .ep-title{font:800 11px monospace;letter-spacing:1.6px;color:#9ca8bb}
.ep-status{font:800 10px monospace;letter-spacing:1.2px;color:var(--lime)}
.ep-status:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;animation:blinkLive 1.2s ease-in-out infinite}
.model-row{display:grid;grid-template-columns:110px 1fr 56px;align-items:center;gap:16px;margin-bottom:16px}
.model-row .mr-name{font-size:13px;color:#c7ced9}
.model-row .mr-track{height:7px;border-radius:99px;background:#1a0d10;overflow:hidden}
.model-row .mr-fill{height:100%;width:0%;border-radius:99px;background:var(--blue);transition:width 1.4s cubic-bezier(.16,1,.3,1)}
.model-row.lit .mr-fill{width:var(--pct)}
.model-row.best .mr-fill{background:var(--lime)}
.model-row .mr-pct{font-size:12px;text-align:right;color:#c7ced9}
.ep-best{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font:800 13px monospace;letter-spacing:.5px;color:var(--lime)}

/* --- DEPORTES: sport-hud ampliado --- */
.sport-hud{border:1px solid var(--line);overflow:hidden;background:linear-gradient(150deg,#0d1015,#080a0d);margin-top:30px}
.sport-hud .field{position:relative;aspect-ratio:16/8;background:linear-gradient(160deg,#0c1c12,#08120d);overflow:hidden;border:none;border-radius:0}
.sport-hud .field:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#ffffff08 0 2px,transparent 2px 40px)}
.sport-hud .field .pdot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pdotMove 6s ease-in-out infinite}
.sport-hud .field .pdot.b{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation-duration:7s}
.sport-hud .field .pdot.c{background:var(--pink);box-shadow:0 0 12px var(--pink);animation-duration:5.4s}
@keyframes pdotMove{0%,100%{transform:translate(0,0)}25%{transform:translate(40px,-18px)}50%{transform:translate(10px,20px)}75%{transform:translate(-30px,-8px)}}
.sport-hud .field .ball{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--lime) 60%,#5a8f2c);box-shadow:0 0 14px var(--lime);animation:hudBallMove 8s ease-in-out infinite}
@keyframes hudBallMove{0%,100%{top:55%;left:15%}20%{top:30%;left:40%}40%{top:65%;left:55%}60%{top:25%;left:70%}80%{top:60%;left:85%}}
.sport-hud .cam-marker{position:absolute;width:22px;height:22px;opacity:.6;color:#fff}
.sport-hud .cam-marker svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}
.sport-hud .cam-marker.c1{top:10px;left:10px}.sport-hud .cam-marker.c2{top:10px;right:10px}
.sport-hud .event-callout{position:absolute;top:14px;left:50%;transform:translateX(-50%);font:800 10px monospace;letter-spacing:2px;color:#0c1a10;background:var(--lime);padding:6px 14px;border-radius:999px;opacity:0;transition:opacity .4s ease}
.sport-hud .event-callout.show{opacity:1}
.sport-hud .cam-reticle{position:absolute;width:70px;height:70px;border:1px solid #ffffff33;pointer-events:none;transition:transform .25s ease;opacity:.5}
.sport-hud .cam-reticle:before,.sport-hud .cam-reticle:after{content:"";position:absolute;background:#ffffff55}
.sport-hud .cam-reticle:before{width:100%;height:1px;top:50%}.sport-hud .cam-reticle:after{height:100%;width:1px;left:50%}
.sport-hud .stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.sport-hud .stat-strip div{padding:16px 10px;text-align:center;border-left:1px solid var(--line)}
.sport-hud .stat-strip div:first-child{border-left:none}
.sport-hud .stat-strip small{display:block;color:#7e8797;font-size:9px;letter-spacing:1.2px;margin-bottom:6px}
.sport-hud .stat-strip b{font-size:19px;color:var(--lime)}
@media(max-width:700px){.sport-hud .stat-strip{grid-template-columns:repeat(2,1fr)}}

/* --- utilidades: revelado por scroll --- */
.flow{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.flow .step{min-width:130px;border-top:2px solid #2b3544;padding:18px 4px;flex:1}
.flow .step b{display:block;font:800 20px Space Grotesk;color:#788498;margin-bottom:8px}
.flow .step span{color:#8f9bad;font-size:13px}
.flow .step{opacity:.4;transition:opacity .5s ease,transform .5s ease,border-color .5s ease;transform:translateY(6px)}
.flow .step.lit{opacity:1;transform:translateY(0);border-top-color:var(--lime)}
.flow .step.lit b{color:var(--lime)}
[data-count-to]{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion: reduce){
  .sweep,.alert-blip,.health path,.text-nlp .tline i,.det-obj,.pdot,.sport-hud .ball{animation:none}
}

/* ============================================================
   PROCESS TRACK — línea de tiempo conectada (reemplaza cajas+flechas)
   ============================================================ */
.process-track{margin:56px 0 12px}
.track-grid{display:grid;grid-template-columns:repeat(var(--n,5),1fr);grid-template-rows:auto 1px auto;column-gap:8px}
.track-cell{grid-row:1;padding:0 12px 30px;text-align:center;align-self:end;opacity:.32;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease}
.track-cell.bottom{grid-row:3;padding:30px 12px 0;align-self:start;transform:translateY(-8px)}
.track-cell.lit{opacity:1;transform:translateY(0)}
.track-cell b{display:block;font:800 10px monospace;letter-spacing:1.6px;color:var(--lime);margin-bottom:7px}
.track-cell strong{display:block;font:700 17px 'Space Grotesk',Arial;margin-bottom:5px;color:#f2f4fa;letter-spacing:-.2px}
.track-cell span{display:block;color:#8992a3;font-size:11.5px;line-height:1.5;max-width:150px;margin:0 auto}
.track-line{grid-row:2;grid-column:1/-1;position:relative;height:1px;background:#222b39;overflow:hidden}
.track-line i{position:absolute;top:-2px;width:80px;height:5px;background:linear-gradient(90deg,transparent,var(--lime) 50%,transparent);filter:blur(2px);animation:trackTravel 6s linear infinite}
@keyframes trackTravel{0%{left:-80px}100%{left:100%}}
.track-dot{grid-row:2;align-self:center;justify-self:center;width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #05070c;z-index:2;opacity:.4;transition:opacity .5s ease,box-shadow .5s ease}
.track-dot.lit{opacity:1;box-shadow:0 0 0 4px #05070c,0 0 16px var(--purple)}

@media(max-width:850px){
  .track-grid{grid-template-columns:1fr!important;grid-template-rows:none;row-gap:0}
  .track-cell,.track-cell.bottom{grid-row:auto;grid-column:1!important;text-align:left;padding:0 0 30px 28px;position:relative;transform:none!important}
  .track-cell:last-child{padding-bottom:4px}
  .track-line{display:none}
  .track-dot{display:none}
  .track-cell:before{content:"";position:absolute;left:0;top:3px;width:8px;height:8px;border-radius:50%;background:var(--purple)}
  .track-cell:not(:last-child):after{content:"";position:absolute;left:3.5px;top:15px;bottom:0;width:1px;background:#222b39}
  .track-cell span{max-width:none}
}

/* compact single-row variant for short inline explainers (pixels-flow style) */
.mini-track{display:flex;align-items:center;justify-content:center;gap:0;margin-top:32px;flex-wrap:wrap}
.mini-track .mt-step{border:1px solid var(--line);border-radius:4px;padding:14px 22px;font:800 11px monospace;letter-spacing:2px;color:#9aa4b5;position:relative;background:#08090d}
.mini-track .mt-connector{width:44px;height:1px;background:#242e3d;position:relative}
.mini-track .mt-connector:after{content:"";position:absolute;top:-1.5px;left:0;width:10px;height:4px;background:var(--lime);filter:blur(1.5px);animation:miniTravel 2.6s linear infinite}
@keyframes miniTravel{0%{left:-10px}100%{left:100%}}

@media (prefers-reduced-motion: reduce){
  .track-line i, .mini-track .mt-connector:after{animation:none}
}

/* ============================================================
   NAV: menú hamburguesa (móvil) + 6 items
   ============================================================ */
.menu{gap:22px}
.menu a{white-space:nowrap}
.hamburger{display:none;background:none;border:1px solid #333c4b;border-radius:8px;width:38px;height:38px;color:#fff;font-size:16px;cursor:pointer;align-items:center;justify-content:center}
@media(max-width:1050px){
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#04050a;flex-direction:column;padding:30px 7vw;gap:24px;z-index:45;max-height:calc(100vh - 82px);overflow-y:auto;border-bottom:1px solid #1a202b;box-shadow:0 30px 40px -20px #000000cc}
  .menu.open{display:flex}
  .menu a{font-size:19px;letter-spacing:.5px}
  .hamburger{display:flex}
}

/* ============================================================
   HERO: texto líder
   ============================================================ */
.hero-lead{font:700 21px/1.4 'Space Grotesk',Arial;color:#dfe3ec;margin:16px 0 18px;max-width:600px}
.home-hero .kicker{color:var(--purple);font-weight:800}

/* ============================================================
   HERO: barra de estadísticas
   ============================================================ */
.stat-bar{display:flex;gap:44px;flex-wrap:wrap;margin-top:38px}
.stat-bar div{display:flex;flex-direction:column}
.stat-bar b{font:800 26px 'Space Grotesk',Arial;color:#fff;letter-spacing:-.5px}
.stat-bar span{font-size:11px;color:#8892a3;letter-spacing:.3px;margin-top:2px;max-width:120px}

/* ============================================================
   HERO: núcleo + paneles holográficos flotantes
   ============================================================ */
.holo-panel{position:absolute;width:118px;background:#0a0d14ee;border:1px solid #2a3446;border-radius:8px;padding:10px;z-index:5;box-shadow:0 20px 40px #000a;animation:holoFloat 5s ease-in-out infinite}
.holo-panel b{display:block;font:800 8px monospace;color:#8892a3;letter-spacing:1px;margin-bottom:8px}
.holo-panel .hp-bars{display:flex;align-items:flex-end;gap:3px;height:34px}
.holo-panel .hp-bars i{flex:1;background:linear-gradient(180deg,var(--hp,#9f3cff),transparent);border-radius:2px 2px 0 0;animation:hpGrow 2.4s ease-in-out infinite}
.holo-panel .hp-line{height:34px;position:relative}
.holo-panel .hp-line svg{width:100%;height:100%}
.holo-panel .hp-line path{fill:none;stroke:var(--hp,#36e6ff);stroke-width:1.6}
.holo-panel .hp-radar{width:38px;height:38px;margin:0 auto;border-radius:50%;border:1px solid #2a3446;position:relative}
.holo-panel .hp-radar:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #2a3446}
.holo-panel .hp-radar:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;background:var(--hp,#b6ff38);transform-origin:left;animation:spin 3s linear infinite}
.hp1{top:9%;right:36%}.hp2{top:14%;right:3%}.hp3{bottom:20%;left:4%}.hp4{top:40%;left:1%}
@keyframes holoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hpGrow{0%,100%{height:30%}50%{height:90%}}
@media(max-width:1100px){.holo-panel{display:none}}

/* ============================================================
   ECOSISTEMA: tarjetas con ícono-badge, fila uniforme
   ============================================================ */
.ecosystem-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.eco-card{position:relative;background:linear-gradient(160deg,#0d1119,#08090d);border:1px solid var(--line);border-radius:10px;padding:22px 18px;display:flex;flex-direction:column;min-height:220px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.eco-card:before{content:"";position:absolute;left:-30%;top:-40%;width:70%;height:70%;background:radial-gradient(circle,var(--eco,#4c4c4c)33,transparent 70%);pointer-events:none}
.eco-card:hover{transform:translateY(-4px);border-color:var(--eco,#666)}
.eco-icon{width:42px;height:42px;border-radius:10px;background:var(--eco-bg,#1a1f2c);border:1px solid var(--eco,#4c4c4c);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:2}
.eco-icon svg{width:22px;height:22px;stroke:var(--eco,#fff);fill:none;stroke-width:1.6}
.eco-card h3{font:700 15px 'Space Grotesk',Arial;margin:0 0 8px;letter-spacing:-.2px;position:relative;z-index:2}
.eco-card p{color:#8f9bad;font-size:11.5px;line-height:1.55;margin:0;flex:1;position:relative;z-index:2}
.eco-go{margin-top:14px;font:800 10px monospace;letter-spacing:1px;color:var(--eco,#fff);position:relative;z-index:2}
.eco-violet{--eco:#9f3cff;--eco-bg:#1c1230}.eco-blue{--eco:#4c8dff;--eco-bg:#0f1c30}.eco-cyan{--eco:#36e6ff;--eco-bg:#0a1e22}
.eco-orange{--eco:#ffb238;--eco-bg:#241a0a}.eco-teal{--eco:#2ee6b8;--eco-bg:#0a1f1a}.eco-pink{--eco:#ff3d5a;--eco-bg:#240a0f}
.eco-green{--eco:#3ecf6e;--eco-bg:#0a2416}

@media(max-width:1150px){.ecosystem-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ecosystem-grid{grid-template-columns:1fr}}

/* ============================================================
   RESULTADOS: tarjetas con miniatura + play
   ============================================================ */
.results-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:30px}
.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.result-card{background:#0a0c11;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.result-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:#06080c}
.result-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.result-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#000a;border:1.5px solid #fff8;display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(4px)}
.result-play svg{width:14px;height:14px;margin-left:2px}
.result-thumb[data-youtube]:not([data-youtube=""]) .result-play{background:#ff0000dd;border-color:#fff;transition:transform .2s ease}
.result-thumb[data-youtube]:not([data-youtube=""]):hover .result-play{transform:translate(-50%,-50%) scale(1.15)}
.result-thumb[data-youtube]:not([data-youtube=""]):hover img{transform:scale(1.05)}
.result-thumb img{transition:transform .3s ease}
.result-tag{position:absolute;left:10px;top:10px;font:800 8.5px monospace;letter-spacing:1.2px;color:var(--rc,#b6ff38)}
.result-body{padding:16px}
.result-body h3{font:700 14.5px 'Space Grotesk',Arial;margin:0 0 6px;letter-spacing:-.2px}
.result-body p{color:#8792a3;font-size:11px;line-height:1.5;margin:0 0 10px}
.result-body a{font:800 10px monospace;letter-spacing:1px;color:#9aa4b5}
.result-body a:hover{color:#fff}

/* mini animated sports thumbnail (no real photo yet) */
.sports-thumb{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#0c2416,#081711);overflow:hidden}
.sports-thumb:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#ffffff0a 0 2px,transparent 2px 30px)}
.sports-thumb i{position:absolute;width:8px;height:8px;border-radius:50%;background:#b6ff38;box-shadow:0 0 10px #b6ff38;animation:sportsDotMove 6s ease-in-out infinite}
.sports-thumb i:nth-child(2){background:#36e6ff;box-shadow:0 0 10px #36e6ff;animation-duration:7s;animation-delay:.5s}
.sports-thumb i:nth-child(3){background:#ff3d5a;box-shadow:0 0 10px #ff3d5a;animation-duration:5s;animation-delay:1s}
@keyframes sportsDotMove{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-14px)}}

@media(max-width:1150px){.results-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.results-grid{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   TECNOLOGÍAS + confianza (barra inferior del home)
   ============================================================ */
.trust-bar{border-top:1px solid #161b24;padding:26px 7vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.trust-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.trust-label{font:800 9px monospace;letter-spacing:1.4px;color:#5c667a;white-space:nowrap}
.tech-logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tech-logos span{font:700 12.5px 'Space Grotesk',Arial;color:#9aa4b5;display:flex;align-items:center;gap:6px;white-space:nowrap}
.tech-logos span svg{width:15px;height:15px;stroke:#9aa4b5;fill:none;stroke-width:1.6}
.trust-note{font-size:11px;color:#4c5566;font-style:italic}


/* ============================================================
   STACK / TECNOLOGÍA
   ============================================================ */
.stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stack-col{border:1px solid var(--line);padding:22px 20px;background:#080a0d}
.stack-col h4{font:800 11px monospace;letter-spacing:1.6px;color:var(--lime);margin:0 0 16px}
.stack-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.stack-col li{font-size:12.5px;color:#c3cad9}
@media(max-width:900px){.stack-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stack-grid{grid-template-columns:1fr}}

.center-cta{text-align:center;margin-top:30px}

/* ============================================================
   FOOTER nuevo
   ============================================================ */
footer{border-top:1px solid #1a202a;padding:40px 7vw 26px;display:block}
.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:22px;border-bottom:1px solid #161b24}
.footer-top .logo{font:900 20px/1 'Space Grotesk',Arial;letter-spacing:-1px}
.footer-top .logo span{color:var(--purple)}.footer-top .logo i{color:var(--lime);font-style:normal}
.footer-top .logo .tag{display:block;font:600 8px/1 Inter;letter-spacing:3px;color:#697587;margin-top:5px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.footer-links a{font-size:12px;color:#9aa4b5;letter-spacing:.5px}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:18px;color:#6f7b8e;font-size:11px}

/* ============================================================
   REDES SOCIALES (footer)
   ============================================================ */
.social-row{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #161b24}
.social-row a{width:34px;height:34px;border-radius:50%;border:1px solid #262f40;display:flex;align-items:center;justify-content:center;color:#9aa4b5;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.social-row a:hover{border-color:var(--purple);color:#fff;transform:translateY(-2px)}
.social-row svg{width:15px;height:15px;fill:currentColor}
