/* Homepage matched directly to the approved visual reference. */
html{scroll-behavior:smooth}
body.reference-home{
  margin:0;
  background:#f5f0e8;
  overflow-x:hidden;
}
body.reference-home .site-header,
body.reference-home .site-footer{
  display:none !important;
}
body.reference-home main{
  min-height:100vh;
  padding:0;
  background:
    linear-gradient(90deg,#efe9df 0,#fffdf9 12%,#fffdf9 88%,#efe9df 100%);
}
.reference-web{
  width:min(100%,1229px);
  margin:0 auto;
  background:#fffdf9;
  box-shadow:0 0 70px rgba(79,58,30,.10);
  overflow:hidden;
}
.reference-section{
  position:relative;
  width:100%;
  line-height:0;
  margin:0;
  padding:0;
  overflow:hidden;
}
.reference-section>img{
  display:block !important;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  opacity:1 !important;
  visibility:visible !important;
  object-fit:contain;
  image-rendering:auto;
}
.hotspot{
  position:absolute;
  z-index:10;
  display:block;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(190,139,65,.16);
}
.hotspot:hover{
  background:rgba(255,255,255,.06);
}
.hotspot:focus-visible{
  outline:3px solid rgba(190,139,65,.75);
  outline-offset:2px;
  background:rgba(255,255,255,.10);
}

/* Header links, coordinates relative to 900 × 399 hero artwork */
.hs-nav-inicio{left:30.1%;top:1.2%;width:5%;height:7.5%}
.hs-nav-sobre{left:35.5%;top:1.2%;width:5.3%;height:7.5%}
.hs-nav-sesiones{left:41.1%;top:1.2%;width:9.2%;height:7.5%}
.hs-nav-programas{left:50.4%;top:1.2%;width:9.1%;height:7.5%}
.hs-nav-recursos{left:59.5%;top:1.2%;width:10.4%;height:7.5%}
.hs-nav-testimonios{left:69.8%;top:1.2%;width:7.1%;height:7.5%}
.hs-nav-contacto{left:76.8%;top:1.2%;width:5.2%;height:7.5%}
.hs-top-reserve{left:82.4%;top:.7%;width:11.5%;height:8.4%}

/* Hero CTAs */
.hs-hero-reserve{left:54.7%;top:68.7%;width:14.8%;height:9.7%}
.hs-hero-about{left:70.8%;top:68.7%;width:15.3%;height:9.7%}

/* About CTA, relative to its 900 × 177 section */
.hs-about-story{left:7.2%;top:70%;width:16.1%;height:18%}

/* Service links, relative to 900 × 198 */
.hs-service-1{left:5.2%;top:77%;width:11.8%;height:16%}
.hs-service-2{left:27.6%;top:77%;width:11.8%;height:16%}
.hs-service-3{left:51.2%;top:77%;width:11.8%;height:16%}
.hs-service-4{left:74.7%;top:77%;width:11.8%;height:16%}

/* Final CTA, relative to 900 × 131 */
.hs-bottom-reserve{left:41.3%;top:58%;width:18.1%;height:28%}

@media(max-width:720px){
  body.reference-home main{background:#fffdf9}
  .reference-web{
    width:100%;
    box-shadow:none;
  }
  /* Make the most important actions easier to tap without altering the artwork. */
  .hs-top-reserve{left:80.5%;width:16.5%;height:10%}
  .hs-hero-reserve{left:52%;width:18%;height:11%}
  .hs-hero-about{left:70%;width:19%;height:11%}
  .hs-about-story{left:5%;width:22%;height:22%}
  .hs-bottom-reserve{left:37%;width:26%;height:32%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}