@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1528;--navy2:#10213a;--blue:#4da9ff;--ink:#17243a;--muted:#64748b;--line:#e5ebf3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;z-index:100;padding:10px}.header{position:sticky;top:0;z-index:20;background:rgba(11,21,40,.96);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14}.nav{height:82px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:.05em;font-weight:800;white-space:nowrap}.brand b{color:#67b9ff}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #4a91d2;border-radius:11px;color:#fff;font-size:23px;letter-spacing:-.12em;padding-right:5px}.brand-mark span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:34px;color:#c4d1e4;font-size:14px}.nav-links a:hover,.footer a:hover{color:#69baff}.nav-contact{border:1px solid #456080;padding:11px 17px;border-radius:8px}.nav-contact span{margin-left:9px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 76% 37%,#183b64 0%,transparent 43%),linear-gradient(145deg,#0b1528,#10233d);color:#fff;position:relative;overflow:hidden}.hero-glow{position:absolute;right:-100px;top:20%;width:350px;height:350px;background:#2277c0;filter:blur(150px);opacity:.16}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:80px 0}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;color:#287bd0}.eyebrow{color:#83c6ff;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#55b7ff;border-radius:50%}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(42px,5.1vw,70px);line-height:1.11;letter-spacing:-.055em;margin:25px 0}.hero h1 em{font-style:normal;color:#69baff}.lead{font-size:17px;line-height:1.85;color:#bdccde;max-width:530px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 23px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.primary{background:#328ee9;color:#fff}.primary:hover{background:#1978d7}.ghost{border:1px solid #47617e;color:#fff;background:transparent}.ghost:hover{background:#ffffff10}.hero-art{height:420px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #5ba5ed20;border-radius:50%;width:390px;height:390px}.orbit-two{width:290px;height:290px}.art-card-main{width:340px;height:265px;background:linear-gradient(135deg,#1d3859,#13283f);border:1px solid #5684ad6b;border-radius:17px;box-shadow:0 35px 80px #0006;transform:rotate(-6deg);padding:22px;z-index:1}.art-top{display:flex;justify-content:space-between;color:#a9c1da;font-size:10px;letter-spacing:.12em}.art-dots{color:#53b1f6}.art-graph{display:flex;align-items:end;gap:12px;height:135px;border-bottom:1px solid #57718d;margin-top:18px;padding:0 12px}.art-graph i{flex:1;background:linear-gradient(#65bcff,#2876ba);border-radius:4px 4px 0 0;opacity:.8}.art-graph i:nth-child(1){height:28%}.art-graph i:nth-child(2){height:49%}.art-graph i:nth-child(3){height:41%}.art-graph i:nth-child(4){height:69%}.art-graph i:nth-child(5){height:57%}.art-graph i:nth-child(6){height:88%}.art-graph i:nth-child(7){height:78%}.art-lines{display:flex;gap:9px;margin-top:18px}.art-lines span{width:25%;height:6px;background:#335475;border-radius:8px}.art-lines span:first-child{width:42%;background:#4b83b5}.art-float{position:absolute;background:#1d3b5a;border:1px solid #5586b2;color:#e6f3ff;border-radius:11px;padding:15px 17px;font-size:13px;box-shadow:0 18px 45px #0004;z-index:2}.art-float span{color:#77c4ff;margin-right:8px;font-size:19px}.float-a{left:0;bottom:90px}.float-b{right:0;top:75px}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding:25px 0;color:#7893af;letter-spacing:.15em;font-size:10px;font-weight:700}.section{padding:110px 0;scroll-margin-top:75px}h2{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;line-height:1.19;margin:20px 0}h2 span{color:#2789dd}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-body{padding-top:42px}.section-body p{color:#64748b;line-height:1.95;font-size:17px}.mini-label{margin-top:30px;border-top:1px solid var(--line);padding-top:25px;font-size:14px;font-weight:700}.mini-icon{color:#258be1;font-size:22px;margin-right:12px}.solutions{background:#f5f8fc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading p{color:#64748b;line-height:1.8;max-width:340px}.solution-panel{background:#fff;border:1px solid #e4ebf3;border-radius:20px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;box-shadow:0 22px 65px #233d5910}.solution-copy{padding:55px}.pill{display:inline-block;background:#e9f4ff;color:#247ec8;padding:9px 12px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.12em}.solution-copy h3{font-size:42px;margin:20px 0 10px;letter-spacing:-.05em}.solution-copy h3 span{color:#2e8ddd}.solution-copy>p{color:#64748b;line-height:1.85;max-width:480px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px;margin-top:38px}.feature{display:flex;flex-direction:column;gap:9px}.feature-icon{font-size:27px;color:#2d8cdb}.feature strong{font-size:14px}.feature small{font-size:13px;color:#7c8a9d;line-height:1.6}.phone-stage{background:radial-gradient(circle at center,#254f7e,#102641 70%);display:grid;place-items:center;position:relative;min-height:540px;overflow:hidden}.phone-halo{position:absolute;border:1px solid #ffffff20;border-radius:50%;width:440px;height:440px}.phone{width:224px;height:432px;background:#0b1626;border:7px solid #26394e;border-radius:34px;padding:10px;box-shadow:20px 30px 60px #0006;transform:rotate(8deg);z-index:1}.phone-notch{width:65px;height:10px;border-radius:20px;background:#101f31;margin:0 auto -1px;position:relative;z-index:2}.phone-screen{background:#f5f8fc;border-radius:22px;height:100%;padding:40px 15px 15px}.phone-logo{font-size:19px;font-weight:800;color:#173452}.phone-logo b{color:#278bdd}.phone-subtitle{font-size:10px;color:#7d8fa3;margin:9px 0 25px}.phone-block{background:#e3effb;border-radius:10px;padding:14px;font-size:10px;color:#214d7d;display:flex;justify-content:space-between}.phone-block b{font-size:23px}.phone-row{display:flex;gap:9px;align-items:center;margin-top:18px}.phone-row i{width:25px;height:25px;background:#dce9f5;border-radius:6px}.phone-row span{width:100px;height:7px;background:#dce5ef;border-radius:4px}.phone-button{margin-top:33px;background:#2b8cdf;color:#fff;border-radius:8px;text-align:center;padding:12px;font-size:10px;font-weight:700}.disclaimer{font-size:11px;color:#8794a6;text-align:right;margin-top:12px}.approach h2{max-width:700px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.approach article{border:1px solid var(--line);border-radius:14px;padding:30px;min-height:265px}.approach-number{font-size:12px;color:#98a7b9;font-weight:700}.approach-icon{font-size:33px;color:#268bdd;margin:25px 0}.approach h3{font-size:18px}.approach article p{color:#718096;font-size:14px;line-height:1.8}.contact{background:#10233d;color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact h2{max-width:650px}.contact p:not(.section-kicker){color:#b4c5d8;line-height:1.8}.contact-actions{max-width:320px}.footer{background:#0b1528;color:#91a4ba}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.footer .brand{font-size:13px}.footer .brand-mark{width:32px;height:32px;font-size:18px}a:focus-visible,button:focus-visible{outline:3px solid #78c5ff;outline-offset:4px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:75px 0 35px;min-height:auto}.hero-copy{max-width:660px}.hero-art{height:330px}.hero-footer{gap:15px;flex-wrap:wrap}.split{gap:25px}.solution-copy{padding:35px}.phone-stage{min-height:470px}.float-a{left:10%}.float-b{right:10%}.contact-inner{align-items:start;flex-direction:column}}
@media(max-width:680px){.container{width:min(100% - 36px,1160px)}.nav{height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:1px solid #426080;border-radius:8px;padding:10px}.menu-toggle span{height:2px;background:#fff;width:100%}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:#10233d;flex-direction:column;align-items:stretch;padding:20px 24px;gap:0;box-shadow:0 15px 20px #0003}.nav-links.open{display:flex}.nav-links a{padding:15px 0}.nav-contact{border:0}.hero-grid{padding:60px 0 20px}.hero h1{font-size:clamp(39px,10vw,55px)}.lead{font-size:15px}.hero-art{height:280px}.art-card-main{transform:rotate(-5deg) scale(.78)}.art-orbit{width:280px;height:280px}.orbit-two{width:210px;height:210px}.art-float{font-size:10px;padding:10px}.float-a{left:0;bottom:45px}.float-b{right:0;top:38px}.hero-footer{font-size:9px;line-height:1.8}.section{padding:75px 0}.split,.solution-panel,.approach-grid{grid-template-columns:1fr}.section-body{padding-top:0}.section-heading{display:block}.solution-copy{padding:30px 24px}.phone-stage{min-height:470px}.approach-grid{gap:12px}.approach article{min-height:auto}.footer-inner{flex-wrap:wrap;padding:25px 0}.feature-grid{gap:24px 14px}.brand{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Identidad corporativa Tecpro MKD */
.brand-logo{display:block;width:230px;height:auto;max-width:100%}.footer .brand-logo{width:205px}
@media(max-width:680px){.brand-logo{width:185px}.footer .brand-logo{width:180px}}