@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700&display=swap');
:root{--navy:#071a2b;--navy2:#0b253a;--blue:#0d5bdd;--cyan:#13c6b3;--ice:#e8f7f5;--text:#142231;--muted:#607080;--line:#dce5ea;--bg:#f5f8fa;--white:#fff;--shadow:0 24px 70px rgba(6,25,44,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:108px 0}.section-dark{background:var(--navy);color:#fff}.site-header{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(7,26,43,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.site-header.scrolled{height:68px;background:rgba(7,26,43,.96);box-shadow:0 10px 30px rgba(0,0,0,.13)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:190px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),#24dfc8);border-radius:12px;box-shadow:0 8px 22px rgba(19,198,179,.22)}.brand-mark svg{width:29px;height:29px;fill:none;stroke:#062432;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand>span:last-child{display:flex;align-items:baseline;gap:5px;letter-spacing:.6px}.brand strong{font-family:Outfit;font-size:18px}.brand small{font-weight:800;color:var(--cyan);font-size:12px}.main-nav{display:flex;gap:27px;margin:auto}.main-nav a{font-size:13.5px;color:#c7d3dc;font-weight:600;transition:.2s}.main-nav a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:12px 20px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),#20ddc3);color:#062432;box-shadow:0 12px 30px rgba(19,198,179,.2)}.btn-ghost{border-color:rgba(255,255,255,.18);color:#fff}.btn-secondary{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}.btn-outline{border-color:#bacbd5;background:#fff;color:#17334a}.btn-lg{padding:15px 23px;font-size:14px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{padding:150px 0 0;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(17,164,170,.17),transparent 32%),linear-gradient(120deg,#071a2b,#09263b 65%,#073b49)}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:650px}.hero-copy{padding:25px 0 80px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:#65e8d7;font-weight:800;display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:23px;height:2px;background:var(--cyan)}.eyebrow.light{color:#0e7b77}.hero h1{font-family:Outfit;font-size:clamp(43px,5.2vw,70px);line-height:1.04;letter-spacing:-2px;margin:20px 0 22px;max-width:700px}.hero h1 em{font-style:normal;color:#7de8da}.hero-copy>p{font-size:17px;color:#bbcad4;max-width:610px;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;color:#9eb1bd;font-size:12px;font-weight:600;margin-top:30px;flex-wrap:wrap}.trust-row span:before{color:var(--cyan)}.product-stage{position:relative;height:560px;margin-left:20px}.stage-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(26,215,190,.16),transparent 66%);top:-50px;left:20px}.dashboard-card{position:absolute;width:690px;height:456px;top:47px;left:25px;background:#f7fafb;border-radius:17px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.22);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.dash-top{height:48px;background:#fff;border-bottom:1px solid #e7edf0;display:flex;align-items:center;padding:0 15px;gap:15px;color:#14293a}.mini-brand{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.mini-brand b{background:var(--cyan);width:22px;height:22px;display:grid;place-items:center;border-radius:6px}.dash-search{width:170px;height:19px;background:#eef2f4;border-radius:8px;margin-left:auto}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d8edf0;font-size:8px;font-weight:800}.dash-body{display:flex;height:408px}.dash-body aside{width:48px;background:#0a2235;display:flex;align-items:center;flex-direction:column;gap:18px;padding-top:22px}.dash-body aside span{width:19px;height:19px;border:2px solid #547183;border-radius:6px}.dash-body aside span.active{border-color:var(--cyan);background:rgba(19,198,179,.2)}.dash-content{padding:20px;width:calc(100% - 48px);color:#193044}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading div{display:flex;flex-direction:column}.dash-heading small{font-size:7px;color:#81919c}.dash-heading strong{font-size:15px}.dash-heading button{border:0;background:#0d5bdd;color:#fff;border-radius:6px;padding:7px 10px;font-size:7px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.kpis div{background:#fff;border:1px solid #e5ecef;border-radius:8px;padding:10px}.kpis small{font-size:6px;display:block;color:#81909b}.kpis b{font-size:18px}.kpis i{font-style:normal;font-size:6px;color:#0aa08e;margin-left:5px}.kpis .warn{color:#e27931}.map-panel{height:180px;position:relative;background:#eaf2f3;border-radius:10px;overflow:hidden;border:1px solid #dbe8ea}.map-panel svg{width:100%;height:100%;position:absolute}.map-grid path{stroke:#d6e2e4;stroke-width:1}.road{fill:none;stroke:#fff;stroke-width:26}.route{fill:none;stroke:#14b9a6;stroke-width:4;stroke-dasharray:7 5}.map-panel circle{fill:#fff;stroke:#0eaa99;stroke-width:4}.vehicle{position:absolute;background:#0d5bdd;color:white;font-size:6px;font-weight:800;width:21px;height:21px;border-radius:7px;display:grid;place-items:center;border:3px solid white;box-shadow:0 4px 8px #819ba5}.v1{left:24%;top:48%}.v2{left:61%;top:29%}.v3{left:83%;top:42%}.map-label{position:absolute;right:12px;bottom:12px;background:#fff;padding:8px 11px;border-radius:7px;display:flex;flex-direction:column;box-shadow:0 5px 18px rgba(11,43,56,.15)}.map-label b{font-size:8px}.map-label span{font-size:6px;color:#7a8b96}.trip-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.trip-list>div{height:48px;border:1px solid #e4ebef;background:white;border-radius:8px;display:flex;align-items:center;padding:7px;gap:8px}.trip-list i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.trip-list span{display:flex;flex-direction:column}.trip-list b{font-size:6px}.trip-list small{font-size:6px;color:#82929c}.trip-list strong{font-size:6px;color:#0b9b8b;margin-left:auto}.float-card{position:absolute;background:rgba(255,255,255,.96);color:#183145;border-radius:11px;box-shadow:0 20px 40px rgba(0,0,0,.25);display:flex}.float-a{left:-8px;top:88px;padding:12px 16px;align-items:center;gap:9px}.float-a div{display:flex;flex-direction:column}.float-a small{font-size:8px;color:#758895}.float-a b{font-size:10px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(19,198,179,.15)}.float-b{right:-45px;bottom:35px;padding:13px 17px;flex-direction:column}.float-b b{font-size:19px;color:#0c9e91}.float-b span{font-size:8px}.logo-strip{height:75px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:25px;color:#7f99a9;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.logo-strip i{width:3px;height:3px;background:#3a596a;border-radius:50%}.section-head{max-width:680px;margin-bottom:45px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-family:Outfit;font-size:clamp(35px,4vw,50px);line-height:1.12;letter-spacing:-1.3px;margin:13px 0 16px}.section-head p{color:var(--muted);font-size:16px}.problem-section{background:#fff}.before-after{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.before-after article{padding:37px;border-radius:18px;border:1px solid var(--line)}.before{background:#f7f8f9}.after{background:linear-gradient(145deg,#ebfaf7,#f7fcfb);border-color:#bdebe5!important}.tag{display:inline-block;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 11px;background:#e6eaed;color:#6a7881}.after .tag{background:#c9f2ec;color:#08776d}.before-after h3{font-size:23px;margin:18px 0}.before-after ul{list-style:none;padding:0;margin:0}.before-after li{padding:10px 0 10px 27px;position:relative;color:#566976}.before li:before{content:'×';position:absolute;left:2px;color:#b16a6a;font-weight:800}.after li:before{content:'✓';position:absolute;left:2px;color:#099989;font-weight:800}.transform-arrow{display:grid;place-items:center;font-size:31px;color:#0a9d8e}.features-section{background:var(--bg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #e1e9ed;border-radius:17px;padding:29px;min-height:230px;transition:.25s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c6e6e3}.feature-card.featured{grid-row:span 2;min-height:478px;background:linear-gradient(155deg,#09283d,#0c3c4c);color:white;border:0}.feature-card .icon{width:42px;height:42px;border-radius:11px;background:#e5f7f4;color:#088f82;display:grid;place-items:center;font-size:22px;margin-bottom:24px}.featured .icon{background:rgba(90,235,216,.15);color:#6ce9d9}.feature-card>span{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#61d8c9;font-weight:800}.feature-card h3{font-size:20px;line-height:1.35;margin:12px 0}.featured h3{font-size:28px}.feature-card p{color:#6b7b87;font-size:13px;margin-bottom:0}.featured p{color:#acc2cb}.mini-ui.schedule{height:156px;background:#fff;border-radius:12px;margin-top:29px;padding:16px;position:relative}.mini-ui span{display:block;height:14px;border-radius:5px;background:#e7eef1;margin-bottom:10px}.mini-ui span:nth-child(1){width:55%;background:#caeee9}.mini-ui span:nth-child(2){width:90%}.mini-ui span:nth-child(3){width:72%}.mini-ui i{position:absolute;right:14px;bottom:15px;width:75px;height:70px;background:linear-gradient(135deg,#e2f4f2,#bce8e3);border-radius:8px}.mobile-section{overflow:hidden}.mobile-grid{display:grid;grid-template-columns:48% 52%;align-items:center}.phone-wrap{height:620px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#d6f5ef 0,transparent 62%)}.phone{width:285px;height:565px;border:9px solid #102c3d;border-radius:39px;background:#fff;position:relative;box-shadow:0 35px 70px rgba(9,38,55,.25);overflow:hidden}.phone-notch{position:absolute;z-index:4;width:98px;height:21px;background:#102c3d;left:50%;transform:translateX(-50%);top:-1px;border-radius:0 0 14px 14px}.phone-screen{height:100%;background:#f3f6f7;padding-top:28px}.mobile-head{height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;background:#fff;font-size:12px}.mobile-map{height:254px;position:relative;background:#e4edef;overflow:hidden}.mobile-map svg{width:100%;height:100%}.mobile-map path{fill:none;stroke:white;stroke-width:21}.mobile-map .mr{stroke:#18b8a7;stroke-width:4}.mobile-map circle{fill:#fff;stroke:#15ad9d;stroke-width:4}.driver-dot{position:absolute;left:111px;top:130px;width:30px;height:30px;border-radius:50%;background:#0d5bdd;color:#fff;display:grid;place-items:center;border:4px solid white;transform:rotate(-30deg);font-size:12px}.route-sheet{background:#fff;margin:-9px 8px 0;border-radius:17px 17px 0 0;position:relative;padding:17px 14px;box-shadow:0 -5px 18px rgba(31,61,77,.08);display:flex;flex-direction:column}.route-sheet small{font-size:8px;color:#70818c;text-transform:uppercase;font-weight:700}.route-sheet b{font-size:13px}.route-sheet span{font-size:9px;color:#7a8b95}.progress{height:4px;background:#e8eff1;border-radius:5px;margin:13px 0}.progress i{display:block;width:64%;height:100%;background:var(--cyan);border-radius:5px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-actions button{border:0;border-radius:8px;background:#e7f1f3;color:#315363;font-size:7px;padding:9px 3px;font-weight:800}.mobile-actions button:last-child{background:#0d5bdd;color:#fff}.phone-shadow{position:absolute;width:300px;height:42px;background:rgba(15,54,74,.18);filter:blur(20px);bottom:12px;border-radius:50%}.mobile-copy{padding-left:60px}.mobile-copy h2{font-family:Outfit;font-size:47px;line-height:1.12;letter-spacing:-1.3px;margin:14px 0 20px}.mobile-copy>p{color:var(--muted);font-size:16px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:29px 0}.check-grid span{font-size:13px;font-weight:700}.check-grid span::first-letter{color:#0a9d8e}.text-link{font-weight:800;color:#087d77;font-size:13px}.text-link b{margin-left:7px}.sectors-section{background:#eff5f6}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8e3e6;border:1px solid #d8e3e6}.sector-grid article{background:#fff;padding:35px 28px;min-height:250px}.sector-grid article:hover{background:#f4fbfa}.sector-grid span{font-family:Outfit;font-size:12px;color:#0b9b8e;font-weight:700}.sector-grid h3{font-size:20px;margin:45px 0 12px}.sector-grid p{font-size:13px;color:#687a86}.metrics-section{padding:60px 0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metrics-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.12)}.metrics-grid div:last-child{border:0}.metrics-grid b{display:block;font-family:Outfit;font-size:35px;color:#5be2d1}.metrics-grid span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9eb1bd}.plans-section{background:#fff}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.plan{border:1px solid var(--line);border-radius:18px;padding:34px;background:#fff;min-height:520px;display:flex;flex-direction:column}.plan.popular{border:2px solid var(--cyan);box-shadow:var(--shadow);min-height:565px;position:relative}.popular-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#062c34;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:7px 14px;border-radius:20px;white-space:nowrap}.plan-name{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#0b9086}.plan h3{font-size:24px;margin:16px 0 10px}.plan p{font-size:13px;color:#6a7b87;min-height:65px}.plan ul{list-style:none;padding:0;margin:20px 0 30px;border-top:1px solid #ebf0f2}.plan li{font-size:13px;padding:10px 0 10px 23px;border-bottom:1px solid #ebf0f2;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:#0b9a8e;font-weight:800}.plan .btn{margin-top:auto}.plan-note{text-align:center;color:#71818b;font-size:11px;margin-top:27px}.demo-section{background:linear-gradient(130deg,#071a2b,#0a3043);color:#fff}.demo-grid{display:grid;grid-template-columns:42% 58%;gap:70px;align-items:start}.demo-copy h2{font-family:Outfit;font-size:50px;line-height:1.1;margin:15px 0}.demo-copy>p{color:#b4c5cf}.demo-copy ul{list-style:none;padding:0;margin:30px 0}.demo-copy li{margin:12px 0;padding-left:25px;color:#d3dee3;font-size:13px;position:relative}.demo-copy li:before{content:'✓';position:absolute;left:0;color:var(--cyan)}.contact-direct{border-top:1px solid rgba(255,255,255,.12);padding-top:25px;display:flex;flex-direction:column}.contact-direct span{font-size:10px;color:#91a7b3;text-transform:uppercase}.contact-direct a{color:#5be2d1;font-weight:800}.demo-form{background:#fff;color:var(--text);padding:34px;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.form-title{display:flex;flex-direction:column;margin-bottom:23px}.form-title b{font-size:21px}.form-title span{font-size:12px;color:#768791}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-form label{font-size:11px;font-weight:800;color:#425866;display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid #d8e2e7;border-radius:9px;padding:12px;background:#fbfcfd;outline:none;color:#203645}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#12a999;box-shadow:0 0 0 3px rgba(19,198,179,.1)}.consent{flex-direction:row!important;align-items:flex-start;font-weight:500!important;font-size:10px!important}.consent input{margin-top:2px}.btn-submit{width:100%;padding:14px}.form-status{text-align:center;font-size:11px;margin:10px 0 0;min-height:18px}.form-status.ok{color:#078676}.form-status.error{color:#c04b4b}.faq-section{background:#f5f8f9}.faq-grid{display:grid;grid-template-columns:35% 65%;gap:70px}.faq-list details{background:#fff;border:1px solid #dfe7ea;border-radius:12px;margin-bottom:11px;padding:0 20px}.faq-list summary{padding:19px 0;font-weight:800;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';color:#0a9d8e;font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#657782;font-size:13px;margin:0 0 20px}footer{background:#041421;color:#a8bac5;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px}.footer-brand p{font-size:12px;max-width:280px}.footer-grid h4{color:white;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:4px 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{font-size:11px}.footer-grid a:hover{color:#56dfcf}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.footer-bottom span:last-child{display:flex;gap:20px}.whatsapp-float{position:fixed;z-index:30;right:24px;bottom:24px;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#19c7a7;color:#06372f;font-size:28px;font-weight:800;box-shadow:0 14px 35px rgba(10,90,77,.35)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.main-nav{display:none}.nav-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.product-stage{margin:auto;width:760px;transform:scale(.9);transform-origin:center top}.hero{padding-top:115px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:span 2}.sector-grid{grid-template-columns:repeat(2,1fr)}.demo-grid{gap:35px}.mobile-copy{padding-left:20px}.dashboard-card{left:42px}}
@media(max-width:780px){.container{width:min(100% - 28px,1180px)}.section{padding:75px 0}.site-header{height:68px}.nav-actions .btn-ghost{display:none}.nav-actions .btn-primary{padding:10px 12px}.menu-toggle{display:block;margin-left:auto;order:2}.nav-actions{margin:0;order:3}.main-nav{position:absolute;display:none;top:68px;left:0;right:0;background:#071a2b;padding:20px;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)}.main-nav.open{display:flex}.brand{min-width:auto}.brand>span:last-child{display:none}.hero{padding-top:95px}.hero-grid{min-height:auto}.hero-copy{padding-bottom:40px}.hero h1{font-size:43px;letter-spacing:-1.2px}.hero-copy>p{font-size:15px}.product-stage{width:710px;height:470px;transform:scale(.53);transform-origin:left top;margin-bottom:-210px}.logo-strip{overflow:auto;justify-content:flex-start;white-space:nowrap}.before-after{grid-template-columns:1fr}.transform-arrow{height:55px;transform:rotate(90deg)}.feature-grid{grid-template-columns:1fr}.feature-card.featured{grid-row:auto}.mobile-grid{grid-template-columns:1fr}.phone-wrap{height:570px}.mobile-copy{padding:25px 0 0}.mobile-copy h2,.demo-copy h2{font-size:38px}.sector-grid,.plans-grid,.metrics-grid{grid-template-columns:1fr}.metrics-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:20px}.plan.popular{min-height:520px;margin:12px 0}.demo-grid,.faq-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.section-head h2{font-size:36px}}
@media(max-width:450px){.nav-actions .btn-primary{font-size:11px}.hero h1{font-size:37px}.hero-actions .btn{width:100%}.trust-row{gap:10px;flex-direction:column}.product-stage{transform:scale(.47);margin-bottom:-240px}.check-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.demo-form{padding:23px}.before-after article{padding:25px}}

/* =========================================================
   Ajustes responsive v2 — prioridad móvil y tablet
   ========================================================= */
html{scroll-padding-top:88px;overflow-x:hidden}
body{overflow-x:hidden}
img,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}

@media (max-width:1050px){
  .nav-wrap{gap:16px}
  .product-stage{margin-left:0;max-width:100%}
  .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}

@media (max-width:780px){
  html{scroll-padding-top:72px}
  .container{width:min(100% - 32px,1180px)}
  .site-header,.site-header.scrolled{height:68px}
  .nav-wrap{gap:10px;position:relative}
  .brand{min-width:0;flex:1}
  .brand-mark{width:37px;height:37px;border-radius:10px;flex:0 0 auto}
  .brand>span:last-child{display:flex}
  .brand strong{font-size:16px}
  .brand small{font-size:10px}
  .menu-toggle{order:2;margin-left:auto;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,.04);padding:0}
  .menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:.25s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-actions{display:none}
  .main-nav{position:fixed;display:flex;visibility:hidden;opacity:0;transform:translateY(-10px);top:68px;left:12px;right:12px;margin:0;padding:12px;background:rgba(5,23,37,.98);border:1px solid rgba(255,255,255,.1);border-radius:0 0 16px 16px;box-shadow:0 25px 55px rgba(0,0,0,.35);flex-direction:column;gap:4px;transition:.22s;pointer-events:none;max-height:calc(100vh - 84px);overflow:auto}
  .main-nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
  .main-nav a{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:9px;font-size:14px;color:#e7f0f4}
  .main-nav a:hover,.main-nav a:focus{background:rgba(255,255,255,.07);color:#65e8d7}
  .main-nav:after{content:'Solicitar demostración';display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:6px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),#20ddc3);color:#062432;font-size:13px;font-weight:800}

  .hero{padding:100px 0 38px}
  .hero-grid{display:flex;flex-direction:column;min-height:0;gap:22px}
  .hero-copy{padding:0;text-align:left;width:100%}
  .eyebrow{font-size:10px;letter-spacing:1.35px;line-height:1.5}
  .hero h1{font-size:clamp(36px,10.8vw,50px);line-height:1.06;letter-spacing:-1.35px;margin:17px 0 18px}
  .hero-copy>p{font-size:15px;line-height:1.68;margin-bottom:24px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%;min-height:50px}
  .trust-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px;font-size:12px}

  .product-stage{width:100%;height:300px;margin:0;overflow:hidden;border-radius:18px}
  .stage-glow{width:420px;height:420px;left:50%;top:-60px;transform:translateX(-50%)}
  .dashboard-card{width:690px;height:456px;top:15px;left:50%;transform:translateX(-50%) scale(.43);transform-origin:top center;border-radius:17px}
  .float-card{display:none}
  .logo-strip{width:100%;padding:18px 16px 0;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .logo-strip::-webkit-scrollbar{display:none}
  .logo-strip span{font-size:10px;flex:0 0 auto}

  .section{padding:66px 0}
  .section-head{margin-bottom:30px}
  .section-head h2{font-size:clamp(31px,8.5vw,40px);line-height:1.12;letter-spacing:-.7px}
  .section-head p{font-size:14px;line-height:1.65}
  .before-after{grid-template-columns:1fr;gap:12px}
  .before-after article{padding:26px 22px}
  .transform-arrow{height:34px;transform:rotate(90deg);font-size:24px}
  .before-after h3{font-size:21px}
  .before-after li{font-size:14px;line-height:1.45}

  .feature-grid{grid-template-columns:1fr;gap:14px}
  .feature-card,.feature-card.featured{min-height:0;padding:25px 22px}
  .feature-card h3{font-size:20px;line-height:1.25}
  .feature-card p{font-size:14px;line-height:1.6}
  .mini-ui{max-width:100%}

  .mobile-grid{grid-template-columns:1fr;gap:20px}
  .phone-wrap{height:515px;overflow:hidden}
  .phone{width:250px;height:495px;border-width:8px;border-radius:34px}
  .mobile-copy{padding:6px 0 0}
  .mobile-copy h2,.demo-copy h2{font-size:clamp(32px,9vw,42px);line-height:1.12}
  .mobile-copy>p{font-size:14px;line-height:1.65}
  .check-grid{grid-template-columns:1fr 1fr;gap:10px}
  .check-grid span{font-size:12px}

  .sector-grid,.plans-grid,.metrics-grid{grid-template-columns:1fr}
  .sector-grid{gap:13px}
  .sector-grid article{min-height:205px;padding:24px}
  .sector-grid h3{margin-top:32px}
  .metrics-grid div{padding:20px 12px}
  .plan,.plan.popular{min-height:0;padding:28px 23px;margin:0}
  .plan p{min-height:0}
  .plans-grid{gap:24px}

  .demo-grid,.faq-grid{grid-template-columns:1fr;gap:34px}
  .demo-form{padding:25px 20px;border-radius:15px}
  .form-grid{grid-template-columns:1fr;gap:0}
  .demo-form input,.demo-form select,.demo-form textarea{font-size:16px;min-height:47px}
  .faq-list details{padding:0 16px}
  .faq-list summary{font-size:13px;line-height:1.4;gap:12px}

  .footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-bottom span:last-child{flex-wrap:wrap}
  .whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}
}

@media (max-width:520px){
  .container{width:min(100% - 24px,1180px)}
  .brand>span:last-child{display:flex}
  .product-stage{height:270px}
  .dashboard-card{transform:translateX(-50%) scale(.385)}
  .check-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}

@media (max-width:380px){
  .brand strong{font-size:14px}
  .brand small{font-size:9px}
  .hero h1{font-size:34px}
  .product-stage{height:244px}
  .dashboard-card{transform:translateX(-50%) scale(.345)}
  .demo-form{padding:21px 16px}
}

body.menu-open{overflow:hidden}


/* =========================================================
   Responsive v3 — corrección definitiva de ancho móvil
   ========================================================= */
@media (max-width: 780px) {
  html, body { width: 100%; max-width: 100%; overflow-x: clip !important; }
  body, main, header, section, footer { min-width: 0 !important; max-width: 100% !important; }
  *, *::before, *::after { min-width: 0; }

  .site-header { width: 100%; }
  .nav-wrap { width: calc(100% - 24px) !important; max-width: none; padding: 0; }
  .brand { flex: 1 1 auto; min-width: 0 !important; }
  .brand > span:last-child { display: flex !important; }
  .nav-actions { display: none !important; }
  .menu-toggle { flex: 0 0 44px; margin-left: 8px; }

  .hero, .hero-grid, .hero-copy { width: 100%; max-width: 100%; min-width: 0; }
  .hero { overflow: hidden !important; padding-top: 92px; }
  .hero-grid { padding-left: 0; padding-right: 0; }
  .hero-copy { overflow: visible; }
  .eyebrow {
    display: flex;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    letter-spacing: 1.1px;
  }
  .eyebrow i { flex: 0 0 23px; }
  .hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(33px, 9.7vw, 44px);
    line-height: 1.08;
    letter-spacing: -1px;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }
  .hero h1 em { display: inline; }
  .hero-copy > p {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .hero-actions { width: 100%; }
  .hero-actions .btn {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    white-space: normal;
    line-height: 1.3;
  }
  .trust-row { width: 100%; }
  .trust-row span { overflow-wrap: anywhere; }

  .product-stage { max-width: 100% !important; }
  .logo-strip { max-width: 100%; }
  .section, .section .container, .section-head, .before-after,
  .feature-grid, .mobile-grid, .sector-grid, .plans-grid,
  .demo-grid, .faq-grid, .footer-grid { min-width: 0; max-width: 100%; }
  .section h2, .section h3, .section p, .section li,
  .plan, .feature-card, .sector-grid article { overflow-wrap: break-word; }
}

@media (max-width: 420px) {
  .container { width: calc(100% - 24px) !important; }
  .brand strong { font-size: 15px; }
  .brand small { font-size: 9px; }
  .hero h1 { font-size: clamp(32px, 9.4vw, 39px); }
  .eyebrow { font-size: 9px; }
}