:root {
  --page-width: 1025px;
  --paper: #f1ece2;
  --focus: #1264ff;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--paper);
  color: #6f524a;
  min-width: 320px;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.site-frame {
  background: var(--paper);
  margin: 0 auto;
  max-width: var(--page-width);
  min-width: 320px;
  position: relative;
  width: 100%;
}

.artboard {
  display: block;
  height: auto;
  width: 100%;
}

.hotspot {
  border-radius: 4px;
  display: block;
  position: absolute;
  z-index: 4;
}

.hotspot:focus-visible {
  background: rgb(255 255 255 / 35%);
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

.anchor-point {
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.copy-layer {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.english-frame .copy-layer {
  display: none;
}

#servicios {
  top: 28.3%;
}

#planes {
  top: 45.2%;
}

#eventos {
  top: 58.4%;
}

.home-location {
  height: 1%;
  left: 5.8%;
  top: 0.12%;
  width: 10.5%;
}

.home-services {
  height: 1%;
  left: 18.1%;
  top: 0.12%;
  width: 9.8%;
}

.home-business {
  height: 1%;
  left: 29.6%;
  top: 0.12%;
  width: 10.2%;
}

.home-events {
  height: 1%;
  left: 42%;
  top: 0.12%;
  width: 14.5%;
}

.home-menu {
  height: 1.1%;
  left: 66.2%;
  top: 0.06%;
  width: 11.8%;
}

.home-language {
  height: 2%;
  left: 70.5%;
  top: 12.15%;
  width: 24%;
}

.home-contact-top {
  height: 0.9%;
  left: 82.3%;
  top: 0.12%;
  width: 13.8%;
}

.home-contact-bottom {
  height: 0.9%;
  left: 52.7%;
  top: 94.45%;
  width: 13.5%;
}

.home-phone {
  height: 1%;
  left: 41.5%;
  top: 97.8%;
  width: 18%;
}

.home-address {
  height: 2.2%;
  left: 73.5%;
  top: 96.7%;
  width: 24.5%;
}

.menu-logo {
  height: 15.8%;
  left: 27.5%;
  top: 2.3%;
  width: 45%;
}

.menu-pdf {
  height: 5.5%;
  left: 24%;
  top: 19.6%;
  width: 52%;
}

.menu-contact {
  height: 2%;
  left: 52.6%;
  top: 86.1%;
  width: 16.4%;
}

.menu-phone {
  height: 2%;
  left: 41.5%;
  top: 95.8%;
  width: 21%;
}

.menu-address {
  height: 4.5%;
  left: 73.5%;
  top: 94.3%;
  width: 24.5%;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media (min-width: 1026px) {
  .site-frame {
    box-shadow: 0 0 48px rgb(87 69 56 / 12%);
  }
}