:root{color-scheme:dark;--bg:#03101a;--panel:#071b2b;--line:#18364b;--gold:#f5c542;--muted:#a6b6c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020d16;color:#f7fafc;font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(26px,3vw,39px);line-height:1.12}em{font-style:normal;color:var(--gold)}.top{display:flex;align-items:center;gap:28px;padding:13px 3%;border-bottom:1px solid var(--line);background:#020c15;position:sticky;top:0;z-index:20}.brand{font-size:30px;font-weight:800;white-space:nowrap;letter-spacing:-1.3px}.brand b{color:var(--gold)}nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}nav a{font-size:12px;white-space:nowrap}nav .active{color:var(--gold);border-bottom:3px solid var(--gold);padding:15px 0}.top-actions,.actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:5px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;min-height:43px}.btn.gold{background:var(--gold);color:#111}.btn.gold:hover{background:#ffdc6c}.btn.outline{border-color:#627383;color:white;background:#03101a99}.btn.outline:hover{border-color:var(--gold);color:var(--gold)}.btn.goldline{border-color:var(--gold)}.hero{min-height:520px;position:relative;display:grid;grid-template-columns:42% 58%;padding:45px 3% 104px;overflow:hidden;background:#03101b}.hero-visual{position:absolute;inset:0 0 0 32%;background:url('planeta.webp') center 43%/cover no-repeat;opacity:.84}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03101b 0%,#03101b 23%,#03101bcc 42%,#03101b22 73%,#03101b77 100%);z-index:1}.hero-copy,.hero-aside,.benefits{position:relative;z-index:2}.hero-copy{max-width:510px;padding-top:30px}.eyebrow{border:1px solid #657688;border-radius:4px;padding:6px 9px;font-size:10px;letter-spacing:1px}.hero h1{font-size:clamp(33px,3.5vw,54px);line-height:1.02;margin:21px 0 15px;letter-spacing:-1.3px}.hero-copy p{font-size:17px;color:#d2dce4;max-width:480px}.hero-aside{justify-self:end;display:grid;grid-template-columns:115px 185px;gap:0 18px;align-content:start;padding-top:0;font-size:12px;letter-spacing:1px}.hero-aside span{grid-column:1;padding:2px}.hero-aside p{grid-column:2;grid-row:1/6;border-left:3px solid var(--gold);padding-left:15px;line-height:1.6;letter-spacing:0}.benefits{position:absolute;bottom:18px;left:3%;display:flex;gap:48px}.benefits div{color:var(--gold);font-size:30px}.benefits span{display:block;color:#d5e0e7;font-size:12px}.ticker{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #34536b;border-bottom:1px solid #34536b;background:#041523}.ticker span{padding:12px 20px;border-right:1px solid var(--line);font-weight:700;font-size:12px}.ticker small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.section{padding:35px 3%}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title p{color:#c1d0da;font-size:16px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card{background:linear-gradient(#061a29,#041320);border:1px solid #20415a;border-radius:7px;overflow:hidden;padding-bottom:17px}.card-art{height:145px;background-size:cover;background-position:center;position:relative}.card-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061a29)}.card-art b{position:relative;z-index:1;color:var(--gold);font-size:23px;padding:14px;display:block}.card h3{font-size:17px;margin:5px 14px}.card p{font-size:13px;color:#c1d0da;min-height:75px;margin:5px 14px}.card a{display:block;margin:12px 14px 0;color:var(--gold);font-weight:bold}.vexor{display:grid;grid-template-columns:36% 30% 34%;min-height:280px;border-top:2px solid #b58926;border-bottom:1px solid var(--line);background:#041624}.vexor-copy{padding:26px 8%}.vexor-logo{font-size:30px;font-weight:800}.vexor h2{font-size:29px;margin:10px 0}.vexor p{color:#c5d3df}.vexor-art{background:url('vexor.webp') center/cover no-repeat;min-height:270px}.vexor-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px}.vexor-grid div{border:1px solid #21445c;border-radius:5px;padding:12px;color:var(--gold);font-size:26px}.vexor-grid strong{display:block;color:white;font-size:14px}.vexor-grid small{display:block;color:#bdcbd8;font-size:12px}.why{background:linear-gradient(120deg,#03111c,#082033)}.why-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:25px}.why-grid strong{color:#f7f9fb;font-size:15px}.why-grid p{color:#a7b9c8;margin:5px 0 20px}.why-panel{border:1px solid #27455a;padding:24px;background:linear-gradient(115deg,#061728,#092a3a)}.why-panel h3{font-size:20px}.join{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;background:linear-gradient(125deg,#061726,#020d16)}.join p,.social p{color:#c0ced9}.signup,.newsletter{border:1px solid #21415a;border-radius:6px;padding:18px;background:#061a28}.signup small{display:block;margin-top:10px;color:#b3c0cb}.full{width:100%}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.social-links a{font-size:23px;font-weight:700;background:#0c2c44;padding:5px 11px;border-radius:5px}.newsletter{padding:13px}.newsletter h3{margin:0 0 5px}footer{display:grid;grid-template-columns:1.5fr repeat(4,.65fr) 1.6fr;gap:18px;padding:30px 3%;border-top:1px solid var(--line);background:#020c14}footer h4{margin:0 0 10px}footer>div:not(.footer-brand) a{display:block;font-size:12px;margin:5px 0;color:#c2d1db}footer a:hover{color:var(--gold)!important}.footer-brand small{display:block;margin-top:90px;color:#9fb1c0}.footer-news input[type=email]{background:#03111c;color:white;border:1px solid #3a5367;border-radius:4px;padding:11px;width:100%;margin-bottom:9px}.footer-news .check{display:block;font-size:11px;color:#b6c6d1;margin-bottom:10px}.footer-news .check a{display:inline!important;text-decoration:underline}.form-status{font-size:12px}.contact-bar{padding:15px 3%;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#b5c4cf}.contact-bar span{margin-left:auto;font-size:11px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1150px){.top{flex-wrap:wrap}nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.hero-aside{display:none}.cards{grid-template-columns:repeat(3,1fr)}.vexor{grid-template-columns:1fr 1fr}.vexor-grid{grid-column:1/-1}.join{grid-template-columns:1fr 1fr}footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.top{gap:10px}.brand{font-size:25px}.top-actions{margin-left:auto}.top-actions .btn{font-size:11px;padding:9px}.hero{display:block;padding:55px 5% 170px;min-height:650px}.hero-visual{inset:0;background-position:55% center;opacity:.55}.hero:before{background:linear-gradient(90deg,#03101bf2,#03101b66)}.hero-copy{padding-top:0}.hero h1{font-size:37px}.benefits{left:5%;right:5%;gap:12px;flex-wrap:wrap;bottom:12px}.benefits div{font-size:20px}.benefits span{font-size:10px}.ticker{grid-template-columns:repeat(2,1fr)}.section{padding:28px 5%}.section-title{display:block}.cards{grid-template-columns:1fr 1fr}.card-art{height:105px}.card p{min-height:115px}.vexor,.join,.why-grid{grid-template-columns:1fr}.vexor-copy{padding:25px 5%}.vexor-grid{grid-column:auto}.vexor-art{min-height:200px}footer{grid-template-columns:1fr 1fr;padding:25px 5%}.footer-brand small{margin-top:15px}.footer-news{grid-column:1/-1}}@media(max-width:420px){.cards{grid-template-columns:1fr}.card p{min-height:0}.top-actions{width:100%}.hero h1{font-size:33px}}

/* v0.2: navigation, keyboard focus, anchor spacing */
:focus-visible{outline:2px solid #f5c542;outline-offset:3px}html{scroll-padding-top:95px}a,button{transition:background-color .15s ease,border-color .15s ease,color .15s ease} .form-status{min-height:1.4em} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}

/* v0.3: vector artwork and reference layout refinements */
.hero-devices{position:absolute;z-index:2;right:1.2%;bottom:0;width:min(57%,920px);height:auto;filter:drop-shadow(0 18px 24px #000a);pointer-events:none}
.hero-copy{z-index:3}.hero-aside{z-index:4}.benefits{z-index:4}.hero-visual{background-size:cover;background-position:center 38%;opacity:.95}
.card-art{height:clamp(125px,12vw,195px);background-size:cover;background-repeat:no-repeat;background-position:center}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#111d29;border:1px solid #2e4d64}
.social-links a[aria-label="YouTube"]{background:#ff0033;border-color:#ff0033}.social-links a[aria-label="Instagram"]{background:linear-gradient(35deg,#f6b33c,#ec2769,#6935bd);border-color:#a44e9a}.social-links a[aria-label="Facebook"]{background:#0866ff;border-color:#0866ff}.social-links a[aria-label="LinkedIn"]{background:#0a66c2;border-color:#0a66c2}.social-links a[aria-label="TikTok"]{background:#060a11}
@media(max-width:1150px){.hero-devices{width:58%;right:-3%;bottom:8%}.hero-copy{max-width:440px}}
@media(max-width:700px){.hero{min-height:740px;padding-bottom:245px}.hero-devices{width:92%;right:0;bottom:90px;opacity:.92}.hero-visual{opacity:.53}.benefits{bottom:8px}.hero-copy{max-width:95%}.hero h1{max-width:450px}.card-art{height:155px}}
@media(max-width:420px){.hero{min-height:810px;padding-bottom:275px}.hero-devices{bottom:120px}.benefits{gap:12px}.card-art{height:195px}}

/* v0.4: restoration of approved visual reference. Existing sections otherwise unchanged. */
.hero-devices{width:min(56%,930px);right:0;bottom:2%;filter:drop-shadow(0 14px 22px #000b);object-fit:contain}
.hero{isolation:isolate}.hero-aside{z-index:5}.hero-devices{z-index:3}.benefits{z-index:5}
.card-art{background-position:center top;background-size:cover;height:clamp(135px,12vw,195px)}.card-art b{visibility:hidden}
.vexor-art{background-image:url('vexor-limpio.webp');background-position:center;background-size:cover}
.why-panel{position:relative;overflow:hidden;background:linear-gradient(90deg,#061728f2 10%,#061728b0 55%,#06172866),url('institucional-referencia.webp') center/cover no-repeat;min-height:170px}
.why-panel h3,.why-panel p{position:relative;z-index:1;max-width:68%}
.signup input{display:block;width:100%;padding:10px 12px;margin:7px 0;background:#0b2534;border:1px solid #284457;border-radius:4px;color:#fff}.signup input:focus{outline:2px solid var(--gold)}
.newsletter{position:relative;min-height:125px;padding-left:112px;overflow:hidden}.newsletter-phone{position:absolute;left:7px;bottom:0;width:95px;height:110px;object-fit:cover;object-position:top;border-radius:8px}
.ticker-revised{grid-template-columns:repeat(7,minmax(0,1fr))}.ticker-revised>a,.ticker-revised>span{padding:10px 12px;border-right:1px solid var(--line);font-size:12px;min-width:0}.ticker-revised a:hover{background:#092235}.market-clock strong{display:block;font-size:16px;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums}.ticker-revised small{font-size:10px}
@media(max-width:1150px){.ticker-revised{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-devices{width:58%;right:-1%;bottom:10%}}
@media(max-width:700px){.hero-devices{width:98%;right:-3%;bottom:94px}.ticker-revised{grid-template-columns:repeat(2,minmax(0,1fr))}.why-panel h3,.why-panel p{max-width:100%}.newsletter{padding-left:110px}}
@media(max-width:420px){.hero-devices{bottom:135px}.newsletter{padding-left:15px;padding-bottom:100px}.newsletter-phone{height:92px;width:82px}}

/* v0.5: solo dos ajustes solicitados: dispositivos sin fondo duplicado y barra eliminada. */
.hero-devices{filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}

/* v0.6: el planeta es el unico recurso visual del encabezado. */
.hero-devices{display:none!important}

/* v0.7: targeted improvements, preserving existing landing layout */
.top nav a{font-size:clamp(14px,1vw,16px);font-weight:600}
.signup-consent{display:flex;align-items:flex-start;gap:8px;color:#c1d0da;font-size:12px;line-height:1.45;margin:10px 0 14px}
.signup-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--gold)}
.signup-consent a{text-decoration:underline}
.signup-status{min-height:1.3em;font-size:12px;margin:9px 0 0;color:#d5e2ea}
.pedagogical-disclaimer{background:#020c14;border-top:1px solid var(--line);padding:20px 3% 26px;color:#c6d4df;font-size:12px;line-height:1.65}
.pedagogical-disclaimer p{max-width:1450px;margin:0 auto}.pedagogical-disclaimer strong{color:#fff}
@media(max-width:700px){.top nav a{font-size:14px}.pedagogical-disclaimer{padding:22px 5%}}

/* v0.8: cambios puntuales aprobados, sin modificar imágenes ni secciones. */
.signup .signup-consent{display:flex;align-items:flex-start;justify-content:flex-start;gap:11px;width:100%;margin:14px 0 20px;line-height:1.55;text-align:left}
.signup .signup-consent input[type="checkbox"]{display:block;flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px;max-width:18px;margin:1px 0 0;padding:0;accent-color:var(--gold);cursor:pointer}
.signup .signup-consent span{display:block;flex:1;min-width:0;overflow-wrap:break-word}
.hero-aside{padding:13px 15px 13px 17px;margin-top:-8px;background:linear-gradient(100deg,rgba(2,13,22,.82),rgba(2,13,22,.64));border:1px solid rgba(145,181,204,.3);border-radius:5px;box-shadow:0 8px 28px rgba(0,0,0,.23);font-size:13px;color:#f5f8fc;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.hero-aside span{font-weight:700;letter-spacing:.9px;line-height:1.55}
.hero-aside p{color:#f5f8fc;font-size:13px;line-height:1.65;margin:0}
@media(max-width:1150px){.hero-aside{display:none}}

/* fase 2: reemplazo de estilos en linea por clases (compatibles con CSP); mismo aspecto visual */
.card-art.art-mercados{background-image:url('mercados-referencia.webp')}
.card-art.art-inteligencia{background-image:url('inteligencia-referencia.webp')}
.card-art.art-colombia{background-image:url('colombia-referencia.webp')}
.card-art.art-academia{background-image:url('academia-referencia.webp')}
.card-art.art-herramientas{background-image:url('herramientas-referencia.webp')}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.construccion{min-height:70vh;max-width:800px;margin:8vh auto;text-align:center}
.construccion h1{font-size:clamp(38px,5vw,65px);margin:30px 0}
.construccion .construccion-msg{font-size:19px;color:#b8cbd8}
.cform-main{max-width:690px;margin:20px auto}
.cform{display:grid;gap:13px}
.cform label{display:block}
.cform .cform-field{display:block;width:100%;padding:12px;background:#081c2b;color:#fff;border:1px solid #375268}
.cform .cform-consent a{color:#f5c542}
.cform .fstat{min-height:1.3em;margin:0}
.cform .fstat.err{color:#ffb4b4}
.cform .fstat.ok{color:#b8f0c8}
.top nav a:focus-visible,.btn:focus-visible,.cform .cform-field:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
