:root{
  --navy:#0b1930;
  --orange:#ff8a00;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#eef1f4}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(#f7f8fa,#eceff2);color:var(--navy)}
main{width:100%}
.sheet{position:relative;width:min(100%,1536px);margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 3px 24px rgba(11,25,48,.10)}
.sheet+.sheet{margin-top:16px}
.sheet img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.route[hidden]{display:none}
.route{animation:routeIn .28s ease-out}
@keyframes routeIn{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
.hotspot{position:absolute;display:block;z-index:8;border:0;padding:0;background:transparent;border-radius:14px;cursor:pointer;outline-offset:3px}
.hotspot:focus-visible{outline:4px solid rgba(255,138,0,.9);background:rgba(255,138,0,.08)}

/* Quita únicamente las solapas de navegación de la portada aprobada. */
.nav-mask{position:absolute;z-index:4;left:46%;right:0;top:0;height:15%;background:linear-gradient(90deg,rgba(255,255,255,.98),#fff 38%,#fff)}

/* Portada: zonas de los dos botones grandes. */
.hs-clientes{left:17.3%;top:47.8%;width:31.6%;height:34.2%}
.hs-empresas{left:50.2%;top:47.8%;width:31.6%;height:34.2%}

/* Ruta clientes. */
.hs-whatsapp-a1{left:80.1%;top:89.6%;width:16.8%;height:5.6%}
.hs-simulador{left:57.2%;top:77.2%;width:30.8%;height:9.7%}

/* Ruta empresas, coordenadas ajustadas después de retirar la etiqueta de prueba. */
.hs-whatsapp-b1{left:64.1%;top:82.0%;width:29.5%;height:8.2%}
.hs-formulario{left:5.9%;top:79.7%;width:53.4%;height:8.0%}
.hs-whatsapp-b2{left:62.2%;top:79.7%;width:33.1%;height:8.0%}

.social{position:absolute;z-index:12;top:3.2%;right:3.1%;display:flex;gap:12px;align-items:center}
.social-link{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid rgba(11,25,48,.15);box-shadow:0 5px 15px rgba(11,25,48,.18);transition:.2s transform,.2s box-shadow}
.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,25,48,.24)}
.social-link svg{width:27px;height:27px;fill:currentColor}
.whatsapp{color:#118c2d}.instagram{color:#c13584}.facebook{color:#1877f2}

.to-top{position:fixed;right:18px;bottom:18px;z-index:50;width:52px;height:52px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:25px;cursor:pointer;box-shadow:0 6px 20px rgba(11,25,48,.3);opacity:0;pointer-events:none;transition:.2s}
.to-top.show{opacity:1;pointer-events:auto}

@media (max-width:700px){
  body{background:#fff}
  .sheet{box-shadow:none}
  .sheet+.sheet{margin-top:8px}
  .nav-mask{left:44%;height:15.5%}
  .social{top:2.1%;right:2%;gap:7px}
  .social-link{width:34px;height:34px;border-width:1px}
  .social-link svg{width:19px;height:19px}
  .to-top{width:44px;height:44px;font-size:22px}
}