*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#0b0f10}
body{margin:0;background:#0b0f10;font-family:Arial,Helvetica,sans-serif}
.v6-stage{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#fff;
}
.v6-stage picture{display:block;width:100%;height:100%}
.v6-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:3;
  border-radius:8px;
  outline:none;
}
.hotspot:focus-visible{
  outline:3px solid #ffd400;
  background:rgba(255,212,0,.12);
}
.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}

/* posiciones calculadas sobre el lienzo 1536 x 864 */
.hs-inicio{left:30.3%;top:4.4%;width:4.4%;height:3.2%}
.hs-productos{left:34.8%;top:4.4%;width:5.1%;height:3.2%}
.hs-marcas{left:40.0%;top:4.4%;width:4.2%;height:3.2%}
.hs-nosotros{left:44.2%;top:4.4%;width:5.0%;height:3.2%}
.hs-proyectos{left:49.4%;top:4.4%;width:5.0%;height:3.2%}
.hs-contacto{left:54.6%;top:4.4%;width:5.0%;height:3.2%}
.hs-whatsapp-top{left:74.8%;top:3.7%;width:11.2%;height:4.5%}
.hs-whatsapp-hero{left:9.4%;top:28.3%;width:13.0%;height:4.9%}
.hs-phone{left:31.5%;top:.1%;width:9.4%;height:2.4%}
.hs-email{left:42.4%;top:.1%;width:12.4%;height:2.4%}
.hs-instagram{left:88.5%;top:.1%;width:3.4%;height:2.4%}

.anchor-inicio{top:0}
.anchor-productos{top:36%}
.anchor-marcas{top:51%}
.anchor-nosotros{top:64%}
.anchor-proyectos{top:80%}

.noscript{color:#fff;text-align:center;padding:1rem}

/* En pantallas pequeñas se mantiene la V6 completa y exacta, reducida proporcionalmente. */
@media (max-width:700px){
  .v6-stage{width:100vw;height:auto;aspect-ratio:16/9}
}

/* Impresión */
@media print{
  body{background:#fff}
  .hotspot{display:none}
  .v6-stage{max-width:none}
}