
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#050504}
body{font-family:Georgia,serif}
.page{position:relative;width:100%;max-width:1600px;margin:0 auto;background:#050504}
.master{display:block;width:100%;height:auto}
.hotspot{
  position:absolute;
  display:block;
  z-index:50;
  cursor:pointer;
  background:transparent;
  -webkit-tap-highlight-color:transparent;
}
.hotspot:hover{
  background:rgba(199,154,84,.045);
  outline:1px solid rgba(199,154,84,.38);
}

/* HEADER — positions measured on the approved 1024px image */
.hs-logo{left:2.6%;top:.25%;width:24.0%;height:3.55%}
.hs-menu-legado{left:29.25%;top:.72%;width:5.35%;height:1.55%}
.hs-menu-vinos{left:35.95%;top:.72%;width:4.55%;height:1.55%}
.hs-menu-arte{left:41.65%;top:.72%;width:4.05%;height:1.55%}
.hs-menu-colecciones{left:45.90%;top:.72%;width:9.25%;height:1.55%}
.hs-menu-empresas{left:56.25%;top:.72%;width:7.00%;height:1.55%}
.hs-menu-nosotros{left:63.85%;top:.72%;width:7.25%;height:1.55%}
.hs-menu-contacto{left:72.20%;top:.72%;width:7.20%;height:1.55%}
.hs-menu-crear{left:81.10%;top:.45%;width:16.40%;height:2.75%}

/* HERO BUTTONS */
.hs-hero-crear{left:30.0%;top:23.65%;width:16.8%;height:2.65%}
.hs-hero-coleccion{left:48.55%;top:23.65%;width:21.3%;height:2.65%}

/* FOUR PRODUCT CARDS */
.hs-card-vinos{left:.45%;top:43.50%;width:24.35%;height:18.65%}
.hs-card-cajas{left:25.15%;top:43.50%;width:24.35%;height:18.65%}
.hs-card-arte{left:49.75%;top:43.50%;width:24.35%;height:18.65%}
.hs-card-empresas{left:74.35%;top:43.50%;width:25.15%;height:18.65%}

/* VER MÁS — precise button positions */
.hs-more-vinos{left:2.55%;top:60.05%;width:9.10%;height:1.95%}
.hs-more-cajas{left:27.45%;top:60.05%;width:8.95%;height:1.95%}
.hs-more-arte{left:51.95%;top:60.05%;width:8.95%;height:1.95%}
.hs-more-empresas{left:77.00%;top:60.05%;width:9.00%;height:1.95%}

/* VIDEO */
.hs-video-play{left:13.2%;top:64.10%;width:6.9%;height:4.50%}
.hs-video-text{left:21.7%;top:68.55%;width:16.4%;height:1.70%}

/* PROCESS — preserved */
.hs-step1{left:2.3%;top:72.45%;width:15.0%;height:9.65%}
.hs-step2{left:17.4%;top:72.45%;width:15.0%;height:9.65%}
.hs-step3{left:32.5%;top:72.45%;width:15.0%;height:9.65%}
.hs-step4{left:47.6%;top:72.45%;width:15.0%;height:9.65%}
.hs-step5{left:62.7%;top:72.45%;width:15.0%;height:9.65%}
.hs-step6{left:77.8%;top:72.45%;width:19.0%;height:9.65%}

/* CTA */
.hs-contacto-cta{left:38.15%;top:87.10%;width:23.7%;height:2.55%}

/* NEW CORRECTED FOOTER, measured after replacing image */
.hs-footer-logo{left:2.2%;top:92.05%;width:22.5%;height:6.7%}

.hs-foot-legado{left:27.8%;top:94.55%;width:8.2%;height:1.25%}
.hs-foot-vinos{left:27.8%;top:96.00%;width:7.2%;height:1.25%}
.hs-foot-arte{left:27.8%;top:97.45%;width:6.7%;height:1.25%}

.hs-foot-colecciones{left:42.1%;top:94.55%;width:11.5%;height:1.25%}
.hs-foot-empresas{left:42.1%;top:96.00%;width:9.5%;height:1.25%}
.hs-foot-nosotros{left:42.1%;top:97.45%;width:9.2%;height:1.25%}

/* CONTACT FOOTER */
.hs-phone{left:64.8%;top:94.55%;width:20.0%;height:1.25%}
.hs-whatsapp{left:64.8%;top:96.00%;width:20.0%;height:1.25%}
.hs-email{left:64.8%;top:97.45%;width:21.0%;height:1.20%}
.hs-location{left:64.8%;top:98.65%;width:31.5%;height:1.15%}
.hs-instagram{left:86.0%;top:94.45%;width:13.5%;height:1.45%}

/* Debug mode */
body.debug .hotspot{
  background:rgba(255,0,0,.18)!important;
  outline:2px solid rgba(255,0,0,.92)!important;
}
