*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#061f34}
body{margin:0;background:#061f34;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.site{width:100%;max-width:1536px;margin:0 auto;background:#fff}
.visual-section{position:relative;width:100%;line-height:0}
.visual-section img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:5}

/* Top navigation hotspots - match approved mockup */
.hs-inicio{left:25.5%;top:2.0%;width:6.0%;height:9%}
.hs-transporte-menu{left:32.2%;top:2.0%;width:9.2%;height:9%}
.hs-maquinas-menu{left:42.0%;top:2.0%;width:7.2%;height:9%}
.hs-diferenciais-menu{left:50.2%;top:2.0%;width:15.8%;height:9%}
.hs-contato-menu{left:66.5%;top:2.0%;width:8.0%;height:9%}
.hs-whats{right:3.6%;top:1.2%;width:15.8%;height:9.5%}
.hs-solucoes{left:4.5%;top:57%;width:26.5%;height:9.8%}

/* Bottom CTA/contact hotspots */
.hs-orcamento{right:3.8%;top:3%;width:25%;height:24%}
.hs-telefone{left:23%;top:40%;width:13%;height:16%}
.hs-whatsapp-footer{left:36.4%;top:40%;width:13%;height:16%}
.hs-email{left:23%;top:58%;width:29%;height:17%}

/* On desktop the site reproduces the approved artwork exactly.
   On mobile it scales proportionally without breaking or overlapping. */
@media(max-width:700px){
  body{background:#061f34}
  .site{width:100%;max-width:none}
}