/* Segunda pasada visual: identidad, interfaz nítida y contraste más suave. */
.hero-image{background-image:url('assets/hero-moverpack-v2.webp')}
.hero-proof{transform:translateX(18px)}
.brand-logo-img{display:block;width:252px;max-width:100%;height:auto;object-fit:contain}
.footer-brand .brand-logo-img{width:198px}

.sincro-brand{width:250px;margin:2px 0 22px;padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#eef1f2;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.sincro-brand img{display:block;width:100%;height:auto}

.dashboard-ui{height:calc(100% - 38px);display:grid;grid-template-columns:56px 1fr;background:#f5f7f7;color:#152027;font-size:8px}
.ui-sidebar{padding:15px 11px;background:#fff;border-right:1px solid #dfe6e8;display:flex;flex-direction:column;align-items:center;gap:15px}
.ui-logo{display:flex;align-items:center;gap:3px;font-size:7px}.ui-logo b{font-size:9px}.ui-logo span{padding:2px 3px;border-radius:2px;background:#111820;color:#fff;font-size:5px;letter-spacing:.08em}
.ui-user{width:23px;height:23px;border-radius:50%;background:linear-gradient(135deg,#17bad3,#7357ff)}
.ui-sidebar>i{display:block;width:22px;height:4px;border-radius:5px;background:#cbd5d9}.ui-sidebar>i.active{background:#17b8c9}
.ui-main{padding:16px;overflow:hidden}.ui-top{display:flex;align-items:center;justify-content:space-between}.ui-top div{display:flex;flex-direction:column;gap:3px}.ui-top small{color:#94a2a8;font-size:5px;font-weight:800;letter-spacing:.12em}.ui-top strong{font-size:12px}.ui-top button{border:0;border-radius:4px;padding:7px 9px;background:#13b8bd;color:#fff;font-size:6px;font-weight:800}
.ui-filters{display:flex;gap:6px;margin:13px 0 9px}.ui-filters span{padding:6px 7px;border:1px solid #dce4e6;border-radius:3px;background:#fff;color:#6f7d83}
.ui-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ui-metrics article{min-width:0;padding:8px;border:1px solid #e0e7e8;border-radius:5px;background:#fff;display:flex;flex-direction:column;gap:3px}.ui-metrics small{color:#829197;font-size:5px}.ui-metrics strong{white-space:nowrap;overflow:hidden;font-size:9px}.ui-metrics em{color:#13a876;font-size:5px;font-style:normal}
.ui-panels{height:185px;margin-top:8px;display:grid;grid-template-columns:1.45fr 1fr;gap:7px}.ui-panels article{padding:9px;border:1px solid #e0e7e8;border-radius:6px;background:#fff;overflow:hidden}.ui-panels header{display:flex;justify-content:space-between;color:#59686e}.ui-panels header strong{color:#172329;font-size:7px}.ui-panels header span{font-size:5px}.ui-map svg{width:100%;height:145px;margin-top:6px;background:#eef4f4;border-radius:4px}.ui-map .streets{fill:none;stroke:#d4e0e2;stroke-width:2}.ui-map .route{fill:none;stroke:#0fb7c4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ui-map circle{fill:#7157f6;stroke:#fff;stroke-width:3}.ui-bars>div{height:115px;display:flex;align-items:flex-end;justify-content:space-around;gap:5px;padding-top:15px}.ui-bars>div i{display:block;width:10px;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#7458f7,#1fc0c6)}.ui-bars footer{display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid #e3e9ea;color:#7c8b91}.ui-bars footer b{color:#162229}

.solutions{position:relative;background:linear-gradient(135deg,#d9dddb,#c5ccca)}
.solutions:before{content:"";position:absolute;inset:0 0 auto;height:34px;background:linear-gradient(180deg,rgba(2,10,15,.16),transparent);pointer-events:none}
.solution-card{background:rgba(245,247,246,.68);border:1px solid rgba(255,255,255,.45)}
.clients{background:#d5dad7}
.client-logo{overflow:hidden;border-color:rgba(64,77,77,.14);background:rgba(246,248,247,.6)}
.client-logo.simple img{transform:scale(1.65)}
.client-logo.camionera img{transform:scale(1.8)}
.client-logo.cdv{background:rgba(246,248,247,.6)}

@media(max-width:1180px){.hero-proof{transform:none}.dashboard-ui{font-size:9px}.ui-panels{height:130px}.ui-map svg{height:92px}}
@media(max-width:900px){.sincro-brand{width:235px}.dashboard-ui{grid-template-columns:54px 1fr}.ui-panels{height:160px}.ui-map svg{height:120px}}
@media(max-width:620px){.brand-logo-img{width:196px}.footer-brand .brand-logo-img{width:188px}.sincro-brand{width:215px}.dashboard-ui{grid-template-columns:44px 1fr}.ui-sidebar{padding-inline:8px}.ui-main{padding:10px}.ui-filters span:last-child{display:none}.ui-panels{height:133px}.ui-map svg{height:94px}.ui-metrics article{padding:6px}.ui-metrics strong{font-size:7px}.client-logo.simple img{transform:scale(1.8)}.client-logo.camionera img{transform:scale(2.05)}}

/* ---- WhatsApp flotante, trampa anti-spam y link alternativo del form ---- */
.wa-flotante{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px #0007;transition:transform .18s ease}
.wa-flotante:hover{transform:scale(1.07)}
.wa-flotante svg{width:32px;height:32px;fill:#fff}
.campo-trampa{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form-alt{font-size:.82rem;color:var(--muted);margin-top:10px}
.form-alt a{color:var(--lime);text-decoration:underline}
@media(max-width:640px){.wa-flotante{right:14px;bottom:14px;width:50px;height:50px}.wa-flotante svg{width:28px;height:28px}}