*{box-sizing:border-box} :root{--navy:#082b61;--navy2:#0b3470;--blue:#159de9;--cyan:#18a9f4;--ink:#142743;--muted:#66758b;--pale:#edf7ff;--line:#e3eaf2;--white:#fff}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3{font-family:Manrope,"DM Sans",sans-serif;line-height:1.15;letter-spacing:-.04em;margin:0}p{margin:0;color:var(--muted)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:84px;display:flex;align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(8,43,97,.08);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand img{width:200px;height:auto;display:block}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700;color:#43516a}.nav a:hover{color:var(--blue)}.nav .nav-cta{background:var(--navy);color:#fff;padding:13px 18px;border-radius:9px}.nav-cta span,.btn span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{background:radial-gradient(ellipse at 85% 18%,#164a88 0,transparent 40%),linear-gradient(120deg,#061f49,#092e67 62%,#07356f);color:#fff;position:relative;overflow:hidden;padding:82px 0 0}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{position:relative;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:42px;padding-bottom:75px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:10px;color:#9bdcff;margin-bottom:23px}.eyebrow.dark{color:#188fd3}.pulse{width:8px;height:8px;background:#2ac2ff;border-radius:50%;box-shadow:0 0 0 5px rgba(42,194,255,.13)}.hero h1{font-size:clamp(36px,4.3vw,56px);font-weight:800;line-height:1.12;max-width:610px}.hero h1 span,.workflow h2 span,.benefits h2 span,.contact h2 span{color:#51c4ff}.hero-lead{font-size:16px;line-height:1.85;color:#d1deef;max-width:500px;margin-top:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:15px 19px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(21,157,233,.2)}.btn-primary:hover{background:#078ad3}.btn-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.hero-note{font-size:11px;color:#b6c9e0;margin-top:24px;display:flex;align-items:center;gap:9px}.check{width:18px;height:18px;display:inline-grid;place-items:center;background:rgba(67,207,165,.16);color:#63e0ba;border-radius:50%;font-size:11px}.dashboard-scene{position:relative;background:#fff;border-radius:15px;box-shadow:0 32px 85px rgba(0,0,0,.28);color:var(--ink);overflow:visible;transform:perspective(1200px) rotateY(-3deg)}.dashboard-top{height:43px;border-radius:15px 15px 0 0;background:#f8fafc;border-bottom:1px solid #e8edf4;display:flex;align-items:center;padding:0 15px;justify-content:space-between}.window-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9d5e3;margin-right:4px}.dash-label{font-size:8px;letter-spacing:.13em;font-weight:800;color:#687990}.live{font-size:7px;font-weight:800;color:#219a75;display:flex;align-items:center;gap:5px}.live i{width:5px;height:5px;border-radius:50%;background:#31c48d}.dash-content{display:flex;min-height:380px}.dash-sidebar{width:48px;background:#f4f8fc;border-right:1px solid #e8edf4;display:flex;align-items:center;flex-direction:column;gap:20px;padding:15px 0}.mini-mark{width:25px;height:25px;background:var(--navy);border-radius:7px;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;margin-bottom:9px}.side-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#8a9bb1;font-size:15px}.side-icon.active{background:#e0f3ff;color:#159de9}.dash-main{padding:19px 19px 16px;flex:1;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dash-heading small{font-size:7px;color:#8291a6;letter-spacing:.1em;font-weight:800}.dash-heading h3{font-size:17px;margin-top:3px}.date-chip{background:#f3f7fb;border:1px solid #e6edf5;border-radius:5px;padding:6px 8px;font-size:7px;color:#65768c}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{border:1px solid #e8edf4;border-radius:8px;padding:11px 12px}.stat-card span,.stat-card small{display:block;font-size:8px;color:#77869a}.stat-card strong{display:block;font-family:Manrope,sans-serif;font-size:25px;line-height:1.35;color:#132b4c}.stat-card small{font-size:7px;margin-top:2px}.blue-text{color:#159de9!important}.green-text{color:#1aa37a!important}.map-panel{border:1px solid #e8edf4;border-radius:8px;margin-top:11px;overflow:hidden}.map-label{display:flex;gap:9px;align-items:center;padding:10px 11px}.map-pin{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e4f5ff;color:#159de9}.map-label b,.map-label small{display:block}.map-label b{font-size:9px}.map-label small{font-size:7px;color:#8795a8}.map-art{height:132px;position:relative;overflow:hidden;background:#f0f5f4;background-image:radial-gradient(#d4e2df 1px,transparent 1px);background-size:15px 15px}.road{position:absolute;background:#fff;border:1px solid #e1e9e7}.road-a{height:19px;width:120%;top:50px;left:-10%;transform:rotate(-16deg)}.road-b{width:19px;height:160%;top:-25%;left:43%;transform:rotate(24deg)}.road-c{height:13px;width:120%;top:90px;left:-10%;transform:rotate(18deg)}.road-d{width:13px;height:150%;top:-20%;left:78%;transform:rotate(-22deg)}.map-block{position:absolute;background:#dfeae7;border-radius:3px}.b1{left:8%;top:12%;width:18%;height:23%}.b2{left:57%;top:12%;width:13%;height:21%}.b3{left:12%;top:66%;width:19%;height:22%}.b4{left:68%;top:66%;width:20%;height:19%}.b5{left:81%;top:18%;width:11%;height:17%}.b6{left:48%;top:70%;width:12%;height:17%}.pin{position:absolute;z-index:2;display:grid;place-items:center;box-shadow:0 3px 8px #16335425}.incident{left:48%;top:33%;width:24px;height:24px;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);background:#f15c68;color:#fff;font-weight:800;font-size:12px}.incident::first-letter{transform:rotate(45deg)}.unit{background:#169fe7;color:#fff;border-radius:6px;width:22px;height:20px;font-size:10px}.u1{left:24%;top:24%}.u2{left:68%;top:51%}.u3{left:31%;top:70%}.distance-line{position:absolute;left:34%;top:38%;width:17%;border-top:2px dashed #168fda;transform:rotate(13deg)}.map-legend{position:absolute;bottom:5px;right:7px;background:#fffdf;padding:4px 6px;border-radius:4px;display:flex;gap:8px;font-size:6px;color:#66758b}.map-legend span{display:flex;align-items:center;gap:3px}.map-legend i{width:5px;height:5px;border-radius:50%;display:inline-block}.legend-red{background:#f15c68}.legend-blue{background:#169fe7}.dispatch-row{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;background:#f7fafc;border-radius:7px}.dispatch-icon{width:25px;height:25px;background:#e1f6ed;color:#15996f;display:grid;place-items:center;border-radius:6px}.dispatch-row b,.dispatch-row small{display:block}.dispatch-row b{font-size:8px}.dispatch-row small{font-size:7px;color:#8290a3;max-width:200px;line-height:1.4}.dispatch-status{margin-left:auto;font-size:6px;color:#178d6c;background:#e5f7ef;padding:5px;border-radius:4px;white-space:nowrap}.floating-tag{position:absolute;right:-24px;bottom:45px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-radius:10px;box-shadow:0 14px 35px #001b4030}.floating-check{width:30px;height:30px;border-radius:8px;background:#e2f8ef;color:#1aab7e;display:grid;place-items:center}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:10px}.floating-tag small{font-size:8px;color:#8290a3;margin-top:2px}.hero-bottom{position:relative;border-top:1px solid #ffffff22;display:flex;align-items:center;gap:19px;padding:22px 0;color:#b8cce4;font-size:9px;font-weight:800;letter-spacing:.13em}.hero-bottom i{width:4px;height:4px;border-radius:50%;background:#42baff}.section{padding:100px 0}.section-heading{max-width:700px;margin:0 auto 47px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.eyebrow-line{width:27px;height:2px;background:#1b9fe5;display:inline-block}.section h2,.workflow h2,.benefits h2,.contact h2{font-size:clamp(32px,3.5vw,44px);font-weight:800}.section-heading h2 span{color:var(--blue)}.section-heading p{font-size:15px;line-height:1.8;max-width:610px;margin:19px auto 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{border:1px solid var(--line);border-radius:13px;padding:27px 25px 25px;min-height:285px;background:#fff;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #082b610c}.feature-card.featured{background:#f6fbff;border-color:#d7ecfb}.feature-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:24px}.feature-icon.cyan{background:#e2f5ff;color:#168fd2}.feature-icon.navy{background:#e4ecf9;color:var(--navy)}.feature-icon.pale{background:#e5f8f3;color:#1a9d7a}.card-number{font-size:9px;font-weight:800;letter-spacing:.13em;color:#8b9ab0}.feature-card h3{font-size:19px;margin:10px 0 11px}.feature-card p{font-size:13px;line-height:1.8}.feature-card a{display:inline-block;margin-top:20px;font-size:12px;font-weight:800;color:#168fd2}.feature-card a span{margin-left:8px}.workflow{background:#f5f9fd}.workflow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.workflow-copy{position:sticky;top:120px}.workflow h2{margin-bottom:21px}.workflow-copy p{font-size:14px;line-height:1.9;margin-bottom:26px;max-width:400px}.steps{border-top:1px solid #dce6f0}.step{display:grid;grid-template-columns:45px 1fr 42px;align-items:start;gap:18px;padding:25px 0;border-bottom:1px solid #dce6f0}.step-number{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;color:#159de9;padding-top:3px}.step h3{font-size:17px;margin-bottom:8px}.step p{font-size:12px;line-height:1.8;max-width:460px}.step-symbol{width:39px;height:39px;border-radius:10px;background:#e3f4ff;color:#168fd2;display:grid;place-items:center;font-size:20px}.benefits-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.benefits-head h2{margin-top:15px}.benefits-head>p{max-width:360px;font-size:14px;line-height:1.9;padding-bottom:5px}.benefits h2 span{color:#168fd2}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit{padding:29px 22px 31px 0;border-right:1px solid var(--line);margin-right:22px}.benefit:last-child{border:0;margin:0}.benefit-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e9f6ff;color:#168fd2;font-size:20px;margin-bottom:18px}.benefit h3{font-size:15px;margin-bottom:10px}.benefit p{font-size:12px;line-height:1.8}.cta-band{background:linear-gradient(105deg,#0a2b61,#0c4386);color:#fff;padding:58px 0;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff14;border-radius:50%;right:5%;top:-200px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05}.cta-layout{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.cta-band .eyebrow{margin-bottom:13px}.cta-band h2{font-size:34px}.cta-band p{color:#c4d7ec;font-size:13px;margin-top:12px}.btn-white{background:#fff;color:var(--navy);white-space:nowrap}.contact{background:#f8fbfe}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.contact h2{margin-bottom:19px}.contact h2 span{color:#168fd2}.contact-copy>p{max-width:390px;font-size:14px;line-height:1.9}.contact-detail{display:flex;align-items:center;gap:13px;margin-top:26px}.contact-detail-icon{width:43px;height:43px;display:grid;place-items:center;background:#e4f4ff;color:#168fd2;border-radius:10px;font-size:20px}.contact-detail small,.contact-detail strong,.contact-detail a{display:block}.contact-detail small{font-size:9px;letter-spacing:.12em;color:#8795a8;font-weight:800}.contact-detail strong,.contact-detail a{font-size:14px;font-weight:700;color:var(--navy);margin-top:3px}.contact-form{padding:32px;background:#fff;border:1px solid #e3ebf3;border-radius:14px;box-shadow:0 15px 45px #082b6108}.contact-form h3{font-size:22px}.contact-form>p{font-size:12px;margin:8px 0 23px}.contact-form label{display:block;font-size:11px;font-weight:700;color:#33445c;margin:14px 0 7px}.contact-form label span{color:#8a98aa;font-weight:400}.contact-form input,.contact-form textarea{display:block;width:100%;font:inherit;font-size:13px;padding:12px 13px;border:1px solid #dce5ee;border-radius:7px;background:#fbfdff;outline:none;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#159de9;box-shadow:0 0 0 3px #159de91c}.contact-form textarea{resize:vertical}.submit-btn{width:100%;margin-top:18px}.form-note{display:block;text-align:center;color:#8997a9;font-size:10px;line-height:1.6;margin-top:12px}.footer{background:#061d42;color:#fff;padding:28px 0 0}.footer-main{display:flex;align-items:center;gap:25px;padding-bottom:25px}.footer-brand img{width:150px;background:#fff;border-radius:4px;padding:5px}.footer-main p{color:#b8c9df;font-size:11px;flex:1}.footer-app{font-size:11px;font-weight:700;color:#fff}.footer-app span{color:#52c2ff;margin-left:8px}.footer-bottom{border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;padding:17px 0;color:#91a7c4;font-size:10px}.footer-bottom a{color:#c2d4e8}@media(max-width:980px){.hero-layout{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:680px}.dashboard-scene{max-width:680px;width:100%;margin:0 auto;transform:none}.hero{padding-top:65px}.workflow-layout{gap:45px}.contact-layout{gap:50px}.nav{gap:18px}.brand img{width:170px}}@media(max-width:720px){.container{width:min(100% - 34px,560px)}.site-header{height:72px}.brand img{width:158px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px 24px;align-items:stretch;flex-direction:column;gap:0;box-shadow:0 15px 20px #082b610c}.nav.open{display:flex}.nav a{padding:13px 4px}.nav .nav-cta{padding:13px 15px;margin-top:8px;text-align:center}.hero{padding-top:51px}.hero-layout{padding-bottom:50px;gap:43px}.hero h1{font-size:37px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.dashboard-scene{border-radius:10px}.dash-content{min-height:0}.dash-sidebar{width:35px;gap:14px;padding-top:12px}.dash-main{padding:13px 10px}.dash-heading h3{font-size:14px}.date-chip{font-size:6px}.stat-card{padding:8px}.stat-card strong{font-size:21px}.map-art{height:105px}.floating-tag{right:-5px;bottom:-25px;padding:9px}.floating-tag b{font-size:9px}.floating-tag small{font-size:7px}.dispatch-status{display:none}.hero-bottom{flex-wrap:wrap;gap:10px;font-size:8px;padding:18px 0}.section{padding:68px 0}.section-heading{margin-bottom:30px}.section h2,.workflow h2,.benefits h2,.contact h2{font-size:33px}.section-heading p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:23px}.feature-icon{margin-bottom:17px}.workflow-layout{grid-template-columns:1fr;gap:35px}.workflow-copy{position:static}.workflow-copy p{font-size:13px}.step{grid-template-columns:32px 1fr 35px;gap:11px;padding:20px 0}.step h3{font-size:15px}.step-symbol{width:34px;height:34px}.benefits-head{display:block;margin-bottom:28px}.benefits-head>p{margin-top:17px;font-size:13px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit{padding:22px 14px 22px 0;margin-right:14px;border-bottom:1px solid var(--line)}.benefit:nth-child(2){border-right:0;margin:0;padding-left:12px}.benefit:nth-child(3){border-bottom:0}.benefit:nth-child(4){border-bottom:0;border-right:0;margin:0;padding-left:12px}.benefit h3{font-size:13px}.benefit p{font-size:11px}.cta-band{padding:43px 0}.cta-layout{align-items:flex-start;flex-direction:column}.cta-band h2{font-size:29px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-form{padding:23px}.footer-main{align-items:flex-start;flex-wrap:wrap;gap:14px}.footer-main p{flex-basis:100%;order:3}.footer-app{margin-left:auto;font-size:10px}.footer-bottom{gap:15px;font-size:9px}.dash-label{font-size:6px}.live{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Módulo de acceso a la plataforma */
.access-module-section{padding:42px 0;background:#f3f8fd}
.access-module{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;padding:42px;border-radius:22px;background:linear-gradient(115deg,#061e46,#0a326e 57%,#0b4488);box-shadow:0 24px 60px #082b6129;color:#fff}
.access-module:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:30px 30px}
.access-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#8bd8ff;margin-bottom:20px}
.access-kicker i{width:7px;height:7px;border-radius:50%;background:#45c6ff;box-shadow:0 0 0 5px #45c6ff20}
.access-heading{display:flex;align-items:center;gap:17px}
.access-mark{flex:0 0 150px;width:150px;min-height:58px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:13px;background:#fff;padding:7px 10px;overflow:hidden}
.access-mark img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}
.access-heading h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.05em;margin:0;color:#fff}
.access-heading h2 span{color:#4cc5ff}
.access-heading p{font-size:13px;line-height:1.8;color:#c7d9ef;margin:10px 0 0;max-width:420px}
.access-points{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:25px;font-size:11px;color:#d7e7f7}
.access-points span:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#32c99a20;color:#62e0b9;margin-right:7px}
.access-action{padding:22px;background:#fff;border:1px solid #ffffff75;border-radius:16px;box-shadow:0 18px 42px #00122e30;color:#142743}
.access-secure{font-size:9px;letter-spacing:.12em;font-weight:800;color:#76869b;margin-bottom:14px}
.access-secure:before{content:"";display:inline-block;width:6px;height:6px;background:#21b785;border-radius:50%;margin:0 8px 1px 0;box-shadow:0 0 0 4px #21b78519}
.access-button{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:11px;background:linear-gradient(105deg,#119fe9,#087ecb);color:#fff;text-decoration:none;box-shadow:0 9px 18px #078bd02c;transition:.2s}
.access-button:hover{transform:translateY(-2px);box-shadow:0 14px 24px #078bd03c}
.access-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff45;background:#ffffff1a;border-radius:9px;font-size:22px}
.access-button-copy{display:flex;flex:1;flex-direction:column;gap:4px}
.access-button-copy strong{font-size:14px}
.access-button-copy small{font-size:10px;color:#e1f4ff}
.access-arrow{font-size:22px}
.access-url{text-align:center;color:#8796a9;font-size:10px;margin-top:12px}
@media(max-width:720px){.access-module-section{padding:28px 0}.access-module{grid-template-columns:1fr;gap:25px;padding:27px 22px;border-radius:17px}.access-heading{align-items:flex-start;gap:12px}.access-mark{flex-basis:125px;width:125px;min-height:48px;border-radius:11px;padding:6px 8px}.access-mark img{max-height:45px}.access-heading h2{font-size:28px}.access-heading p{font-size:12px}.access-points{gap:9px 12px;margin-top:20px;font-size:10px}.access-action{padding:17px}.access-button{padding:13px}.access-button-copy strong{font-size:13px}}