:root{--navy:#17233b;--navy2:#263754;--orange:#ff6427;--orange2:#d94e17;--bg:#f3f6fa;--line:#dfe5ed;--muted:#6f7b8d;--green:#169b62;--red:#b42318;--shadow:0 10px 30px rgba(23,35,59,.08)}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1c2940;background:var(--bg)}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.topbar{min-height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100vw - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand>span,.auth-brand>span{width:42px;height:42px;border-radius:12px;background:var(--orange);display:grid;place-items:center;font-weight:900}.brand strong,.brand small,.auth-brand strong,.auth-brand small{display:block}.brand small,.auth-brand small{font-size:.76rem;color:#aeb9ca;margin-top:2px}.topbar nav{display:flex;align-items:center;gap:9px}.topbar nav a{color:#fff;text-decoration:none;font-size:.82rem;font-weight:750;padding:8px 10px;border-radius:9px}.topbar nav a:hover{background:#ffffff12}.user-chip{font-size:.78rem;color:#dce3ee;border-left:1px solid #42506a;padding-left:14px}.shell{max-width:1180px;margin:auto;padding:24px 20px 50px}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.page-title small{text-transform:uppercase;letter-spacing:.12em;color:var(--orange2);font-weight:850;font-size:.73rem}.page-title h1{margin:4px 0 0;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em}.card,.module{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.card{padding:18px;margin-bottom:14px}.card h2{font-size:1.12rem;margin:0 0 16px}.card h3{margin:0 0 12px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.card-head h2{margin:0}.card-head>span{font-size:.78rem;background:#edf1f6;border-radius:999px;padding:5px 9px;color:var(--muted)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid h2,.form-grid h3,.form-grid .wide{grid-column:1/-1}label{display:block;font-size:.78rem;font-weight:750;color:#4d596b;margin-bottom:12px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #ccd4df;border-radius:10px;padding:10px 11px;background:#fff;color:#17233b;min-height:42px}textarea{min-height:80px;resize:vertical}label small{display:block;margin-top:5px;color:#8994a5;font-size:.7rem;font-weight:500}.primary,.account-row button{border:0;border-radius:10px;background:var(--orange);color:#fff;font-weight:850;min-height:44px;padding:10px 14px;cursor:pointer}.primary:hover{background:var(--orange2)}.button-link{display:flex;text-decoration:none;align-items:center;justify-content:center}.notice{padding:12px 14px;border-radius:11px;background:#fff4df;border:1px solid #f1d89c;color:#765415;margin-bottom:15px}.notice.success{background:#e9f8f0;border-color:#a9dfc2;color:#126641}.notice.error{background:#ffefed;border-color:#f4b7b0;color:#912018}.notice.hidden{display:none}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-row article{background:var(--navy);color:#fff;border-radius:15px;padding:17px}.metric-row small,.metric-row strong{display:block}.metric-row small{color:#b9c5d7;font-size:.75rem}.metric-row strong{font-size:1.35rem;margin-top:4px}.module{margin:12px 0;overflow:hidden}.module summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px 18px}.module summary::-webkit-details-marker{display:none}.module summary>span{width:42px;height:42px;border-radius:12px;background:#fff0e8;color:#bc4314;display:grid;place-items:center;font-weight:900}.module summary strong,.module summary small{display:block}.module summary small{color:var(--muted);font-size:.74rem;margin-top:3px}.module summary>b{font-size:.75rem;background:#edf1f6;padding:5px 9px;border-radius:999px}.module[open] summary{border-bottom:1px solid var(--line)}.module-body{padding:14px;background:#f8fafc}.account-list{display:flex;flex-direction:column;gap:8px}.account-row{display:grid;grid-template-columns:1.1fr repeat(4,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.account-row.vendor{grid-template-columns:.8fr repeat(5,1fr) auto auto}.account-row input{margin:0;min-width:0}.account-row b,.account-row small{display:block}.account-row small{font-size:.7rem;color:var(--muted);margin-top:2px}.account-row button{min-height:40px;padding:8px 12px}.check{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.check input{width:18px;min-height:auto;margin:0}.mini-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}.mini-list>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px}.mini-list>div>span{width:34px;height:34px;border-radius:10px;background:#fff0e8;color:#b84316;display:grid;place-items:center;font-weight:900}.mini-list p{margin:0;flex:1}.mini-list b,.mini-list small{display:block}.mini-list small{font-size:.7rem;color:var(--muted);margin-top:2px}.mini-list em{font-style:normal;font-size:.7rem;font-weight:800}.mini-list em.on{color:var(--green)}.mini-list em.off{color:var(--red)}.mini-list.products>div>strong{margin-left:auto}.empty{color:var(--muted);font-size:.85rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebf1;font-size:.78rem}th{color:#7d899a;text-transform:uppercase;font-size:.68rem}td small{display:block;color:#8c96a5;margin-top:3px}.inline-form select{margin:0;min-height:36px;padding:7px}.company-picker{display:flex;justify-content:flex-end}.company-picker label{min-width:330px;margin:0}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.location-grid .card{margin:0}.location-grid a{color:#bd4315;font-weight:800}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 85% 15%,#ff64271c,transparent 28%),linear-gradient(150deg,#17233b,#263754)}.login-card,.install-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 70px #0005}.install-card{width:min(760px,100%)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.auth-brand>span{color:#fff}.auth-brand strong{font-size:1.08rem}.auth-brand small{color:#7a8698}.login-card h1{font-size:1.6rem;margin:0 0 7px}.login-card>p{color:var(--muted);line-height:1.5;margin:0 0 18px}.login-card form .primary{width:100%;margin-top:4px}.secure-note{display:block;text-align:center;color:#8c97a7;margin-top:16px}.seller-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#17233b,#2c4167);color:#fff;padding:20px;border-radius:18px;margin-bottom:14px}.seller-welcome h2{margin:2px 0}.seller-welcome p{margin:0;color:#bac6d8;font-size:.8rem}.connection{text-align:right}.connection span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8490a2;margin-right:5px}.connection span.on{background:#3bd785}.connection span.off{background:#ff8a64}.connection small{display:block;margin-top:4px;color:#bac6d8}.mobile-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:14px}.mobile-tabs button{border:1px solid #dce2eb;background:#fff;border-radius:11px;padding:11px 8px;font-size:.76rem;font-weight:800;cursor:pointer}.mobile-tabs button.active{background:var(--orange);border-color:var(--orange);color:#fff}.seller-view{display:none}.seller-view.active{display:block}.route-list,.price-list,.order-products{display:flex;flex-direction:column;gap:8px}.route-list article,.price-list article,.order-products article{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);background:#fff;border-radius:12px}.route-list article>span{width:36px;height:36px;border-radius:10px;background:#fff0e8;color:#b84316;display:grid;place-items:center;font-weight:900}.route-list article>div{flex:1}.route-list b,.route-list small{display:block}.route-list small,.route-list p{font-size:.72rem;color:var(--muted)}.route-list p{margin:3px 0 0}.route-list a{font-size:.75rem;font-weight:800;color:#b84215}.price-list article>div,.order-products article>div{flex:1}.price-list b,.price-list small,.order-products b,.order-products small{display:block}.price-list small,.order-products small{font-size:.7rem;color:var(--muted)}.order-products input{width:82px;margin:0;text-align:center}.order-grid{grid-template-columns:1.25fr .75fr}.checkout .primary{width:100%}.total-box{display:flex;align-items:center;justify-content:space-between;background:#17233b;color:#fff;padding:14px;border-radius:12px;margin:13px 0}.total-box strong{font-size:1.3rem}.progress-card{text-align:center;max-width:650px;margin:auto}.progress-number{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:#b94316;font-size:2rem;font-weight:900;margin:0 auto 15px}.progress{height:12px;background:#e8edf3;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ff9a54)}.gps-card{text-align:center;max-width:600px;margin:auto}.gps-card .primary{display:block;margin:18px auto}.gps-card>a,.gps-card>small{display:block;margin:8px;color:#b84316}.gps-icon{font-size:3.5rem;color:var(--orange)}.status{background:#edf1f6;border-radius:999px;padding:4px 8px;font-size:.72rem}
@media(max-width:900px){.grid.two,.grid.three,.order-grid{grid-template-columns:1fr}.account-row,.account-row.vendor{grid-template-columns:1fr 1fr}.account-row>div{grid-column:1/-1}.metric-row{grid-template-columns:1fr 1fr}.mobile-tabs{grid-template-columns:repeat(3,1fr)}.location-grid{grid-template-columns:1fr}}
@media(max-width:620px){body{font-size:16px}.shell{padding:14px 10px 35px}.topbar{padding:9px 11px}.topbar nav>a:not(:last-child),.user-chip{display:none}.brand small{display:none}.form-grid{grid-template-columns:1fr}.form-grid h2,.form-grid h3,.form-grid .wide{grid-column:auto}.metric-row{grid-template-columns:1fr 1fr}.metric-row article{padding:13px}.metric-row strong{font-size:1.05rem}.account-row,.account-row.vendor{grid-template-columns:1fr}.account-row>div{grid-column:auto}.module summary{padding:13px}.module summary small{font-size:.68rem}.module-body{padding:9px}.seller-welcome{align-items:flex-start}.mobile-tabs{position:sticky;top:0;z-index:5;background:var(--bg);padding:5px 0;grid-template-columns:repeat(3,1fr)}.card{padding:14px}.company-picker label{min-width:0;width:100%}}

/* Presentación pública */
.landing-body{background:#f7f9fc;color:#17233b}.landing-header{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 22px}.landing-brand{display:flex;align-items:center;gap:10px;color:#17233b;text-decoration:none}.landing-brand>span{width:42px;height:42px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900}.landing-brand strong,.landing-brand small{display:block}.landing-brand small{font-size:.72rem;color:var(--muted)}.landing-login,.hero-primary,.hero-secondary,.landing-cta>a{text-decoration:none;border-radius:11px;font-weight:850}.landing-login{background:var(--navy);color:#fff;padding:11px 18px}.landing-hero{max-width:1180px;margin:0 auto;padding:72px 22px 88px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--orange2);font-size:.74rem;font-weight:900}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 22px}.hero-copy>p{font-size:1.1rem;line-height:1.7;color:#627086;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0 22px}.hero-primary{background:var(--orange);color:#fff;padding:14px 20px}.hero-secondary{background:#fff;color:var(--navy);border:1px solid var(--line);padding:13px 20px}.hero-points{display:flex;flex-wrap:wrap;gap:16px;color:#56647a;font-size:.8rem;font-weight:750}.hero-panel{background:linear-gradient(145deg,#17233b,#2c4167);border-radius:28px;padding:24px;color:#fff;box-shadow:0 30px 80px #17233b38;transform:rotate(1deg)}.mock-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}.mock-head>span{width:42px;height:42px;border-radius:12px;background:var(--orange);display:grid;place-items:center;font-weight:900}.mock-head strong,.mock-head small{display:block}.mock-head small{color:#aebbd0;font-size:.72rem}.mock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-metrics article{background:#ffffff10;border:1px solid #ffffff17;border-radius:14px;padding:15px}.mock-metrics small,.mock-metrics strong{display:block}.mock-metrics small{color:#b8c4d6;font-size:.72rem}.mock-metrics strong{font-size:1.25rem;margin-top:5px}.mock-progress{background:#fff;color:#17233b;border-radius:15px;padding:15px;margin:11px 0}.mock-progress>div{display:flex;justify-content:space-between;font-size:.8rem}.mock-progress i{display:block;height:9px;background:#edf0f5;border-radius:20px;margin-top:11px;overflow:hidden}.mock-progress em{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--orange),#ff9f5f)}.mock-list{display:grid;gap:8px}.mock-list>div{display:flex;align-items:center;gap:11px;background:#ffffff0c;border:1px solid #ffffff12;border-radius:13px;padding:11px}.mock-list span{width:34px;height:34px;border-radius:10px;background:#ffffff15;display:grid;place-items:center;font-weight:850}.mock-list p{margin:0}.mock-list b,.mock-list small{display:block}.mock-list small{color:#b8c4d6;font-size:.7rem;margin-top:2px}.landing-section{background:#fff;padding:85px 22px}.section-heading{max-width:750px;margin:0 auto 40px;text-align:center}.section-heading h2,.landing-cta h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:10px 0 14px}.section-heading p,.landing-cta p{color:#6b7789;line-height:1.6}.feature-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 12px 32px #17233b08}.feature-grid article>span{font-size:1.8rem}.feature-grid h3{margin:14px 0 8px}.feature-grid p{margin:0;color:#6b7789;line-height:1.55;font-size:.9rem}.landing-cta{max-width:1120px;margin:70px auto;padding:38px;background:linear-gradient(135deg,#17233b,#2c4167);color:#fff;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-cta h2{margin-bottom:6px}.landing-cta p{color:#bdc8da;margin-bottom:0}.landing-cta>a{background:var(--orange);color:#fff;padding:14px 20px;white-space:nowrap}.landing-footer{max-width:1120px;margin:auto;padding:25px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#718096;font-size:.8rem}.back-home{display:block;color:#7b8798;text-decoration:none;font-size:.78rem;font-weight:750;margin-bottom:18px}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr;padding-top:45px;gap:42px}.feature-grid{grid-template-columns:1fr 1fr}.landing-cta{margin:45px 18px}.hero-panel{transform:none}}
@media(max-width:600px){.landing-header{height:66px;padding:0 15px}.landing-brand small{display:none}.landing-login{padding:9px 13px}.landing-hero{padding:42px 16px 60px}.hero-copy h1{font-size:2.55rem}.hero-actions{flex-direction:column}.hero-primary,.hero-secondary{text-align:center}.hero-points{display:grid;gap:8px}.hero-panel{padding:16px;border-radius:20px}.landing-section{padding:60px 16px}.feature-grid{grid-template-columns:1fr}.landing-cta{padding:26px 20px;display:block}.landing-cta>a{display:block;text-align:center;margin-top:22px}.landing-footer{margin:0 18px;display:grid;gap:6px}}