/* 3840px */
/* 2880px */
/* 2560px */
/* 1920px */
/* 1600px */
/* 1440px */
/* 1280px d */
/* 1024px l */
/* 896px n */
/* 768px t */
/* 640px f */
/* 480px p */
/* 320px w */
.detail-media {
  overflow: hidden;
}
.detail-media__switch {
  display: flex;
  gap: 0.125rem;
  cursor: pointer;
  z-index: 2;
}
.detail-media__switch label,
.detail-media__switch a {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--clr-primo-400);
  background-position: center center;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}
.detail-media__switch label[data-media=photos],
.detail-media__switch a[data-media=photos] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.279 1.083l1.66 2.5h4.394c.313 0 .619.167.85.4.2.199.351.452.39.717l.01.133V15.67c0 .31-.167.617-.4.849-.198.199-.452.35-.716.389l-.134.01H1.668c-.313 0-.62-.167-.852-.399-.2-.199-.35-.452-.39-.716l-.01-.133V4.833c0-.313.167-.62.399-.851.2-.2.454-.35.72-.389l.133-.01h4.39l1.669-2.5h4.552zM10 5.25a4.569 4.569 0 0 0-3.24 1.342 4.569 4.569 0 0 0-1.343 3.241c0 1.266.513 2.412 1.342 3.241A4.569 4.569 0 0 0 10 14.417a4.569 4.569 0 0 0 3.24-1.343 4.569 4.569 0 0 0 1.343-3.24 4.569 4.569 0 0 0-1.342-3.242A4.569 4.569 0 0 0 10 5.25z' stroke='%23FFF' stroke-width='.833' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-media__switch label[data-media=map],
.detail-media__switch a[data-media=map] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.168 0c.555 0 .832.278.832.833v15c0 .114-1.944 1.503-5.833 4.167l-7.498-3.333L.837 20C.279 19.958 0 19.681 0 19.17V4.99L6.669 0l7.498 3.333L19.168 0zM6.25 1.353L.833 5.42v13.538l5.417-3.095V1.353zm.833-.054v14.466c.092.037.2.082.323.134l.23.098c1.103.474 3.143 1.398 6.119 2.771l-.005-.067V4.19L7.078 1.224c.003.024.005.05.005.075zm12.084-.257c-2.37 1.654-3.898 2.692-4.584 3.116v14.505l4.584-3.246V1.042z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
}
.detail-media__switch label[data-media=tour],
.detail-media__switch a[data-media=tour] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23FFF' d='M19.376 12.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832z'/%3E%3C/svg%3E");
}
.detail-media__switch label[data-media=video],
.detail-media__switch a[data-media=video] {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19.335c0 .92.602 1.214 1.33.668l11.34-8.504c.735-.551.728-1.449 0-1.995L1.33.997C.595.447 0 .747 0 1.665v17.67z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-media__switch label[data-media=waze],
.detail-media__switch a[data-media=waze] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.429.667C16.155.667 20 4.117 20 8.357c0 3.245-2.253 6.027-5.43 7.154.267.28.43.655.43 1.065 0 .878-.746 1.59-1.667 1.59-.92 0-1.666-.712-1.666-1.59 0-.189.034-.37.097-.537a8.09 8.09 0 0 1-.335.006c-.975 0-1.861-.029-2.67-.082.084.188.13.395.13.613 0 .878-.746 1.59-1.667 1.59-.92 0-1.666-.712-1.666-1.59 0-.357.123-.687.33-.952-3.907-.699-5.04-2.096-5.612-2.801A1.138 1.138 0 0 1 0 12.084c0-.642.534-1.165 1.19-1.165.412 0 1.667 0 1.667-2.291v-.272c0-4.24 3.845-7.69 8.572-7.69zM7.222 16.045a.543.543 0 0 0-.555.53c0 .294.248.531.555.531a.543.543 0 0 0 .556-.53.543.543 0 0 0-.556-.53zm6.111 0a.543.543 0 0 0-.555.53c0 .294.248.531.555.531a.543.543 0 0 0 .556-.53.543.543 0 0 0-.556-.53zm-1.93-14.318c-4.127 0-7.485 2.974-7.485 6.63v.266c0 2.854-1.8 3.162-2.573 3.162a.232.232 0 0 0-.234.228c0 .053.02.102.057.145.694.854 2.297 2.827 10.236 2.827 4.127 0 7.485-2.974 7.485-6.629 0-3.655-3.358-6.629-7.485-6.629zm2.677 6.9c.237.037.398.247.358.47a.941.941 0 0 1-.025.11 2.772 2.772 0 0 1-.506.985c-.541.674-1.375 1.08-2.518 1.08-1.143 0-1.977-.406-2.518-1.08a2.772 2.772 0 0 1-.506-.985 1.73 1.73 0 0 1-.026-.11c-.04-.223.121-.433.36-.47.237-.037.462.113.501.335l.012.047a1.979 1.979 0 0 0 .357.693c.38.473.958.755 1.82.755.862 0 1.44-.282 1.82-.755a1.979 1.979 0 0 0 .367-.734.436.436 0 0 1 .504-.341zM13.61 5.97c.46 0 .833.356.833.795 0 .44-.373.796-.833.796-.46 0-.833-.357-.833-.796 0-.44.373-.795.833-.795zm-4.444 0c.46 0 .833.356.833.795 0 .44-.373.796-.833.796-.46 0-.834-.357-.834-.796 0-.44.374-.795.834-.795z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-media__switch label:hover, .detail-media__switch label:focus,
.detail-media__switch a:hover,
.detail-media__switch a:focus {
  background-color: var(--clr-secundo-400);
}
.detail-media__switch label:hover[data-media=photos], .detail-media__switch label:focus[data-media=photos],
.detail-media__switch a:hover[data-media=photos],
.detail-media__switch a:focus[data-media=photos] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.279 1.083l1.66 2.5h4.394c.313 0 .619.167.85.4.2.199.351.452.39.717l.01.133V15.67c0 .31-.167.617-.4.849-.198.199-.452.35-.716.389l-.134.01H1.668c-.313 0-.62-.167-.852-.399-.2-.199-.35-.452-.39-.716l-.01-.133V4.833c0-.313.167-.62.399-.851.2-.2.454-.35.72-.389l.133-.01h4.39l1.669-2.5h4.552zM10 5.25a4.569 4.569 0 0 0-3.24 1.342 4.569 4.569 0 0 0-1.343 3.241c0 1.266.513 2.412 1.342 3.241A4.569 4.569 0 0 0 10 14.417a4.569 4.569 0 0 0 3.24-1.343 4.569 4.569 0 0 0 1.343-3.24 4.569 4.569 0 0 0-1.342-3.242A4.569 4.569 0 0 0 10 5.25z' stroke='%2300535E' stroke-width='.833' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-media__switch label:hover[data-media=map], .detail-media__switch label:focus[data-media=map],
.detail-media__switch a:hover[data-media=map],
.detail-media__switch a:focus[data-media=map] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.168 0c.555 0 .832.278.832.833v15c0 .114-1.944 1.503-5.833 4.167l-7.498-3.333L.837 20C.279 19.958 0 19.681 0 19.17V4.99L6.669 0l7.498 3.333L19.168 0zM6.25 1.353L.833 5.42v13.538l5.417-3.095V1.353zm.833-.054v14.466c.092.037.2.082.323.134l.23.098c1.103.474 3.143 1.398 6.119 2.771l-.005-.067V4.19L7.078 1.224c.003.024.005.05.005.075zm12.084-.257c-2.37 1.654-3.898 2.692-4.584 3.116v14.505l4.584-3.246V1.042z' fill='%2300535E' fill-rule='nonzero'/%3E%3C/svg%3E");
}
.detail-media__switch label:hover[data-media=tour], .detail-media__switch label:focus[data-media=tour],
.detail-media__switch a:hover[data-media=tour],
.detail-media__switch a:focus[data-media=tour] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300535E' d='M19.376 12.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832z'/%3E%3C/svg%3E");
}
.detail-media__switch label:hover[data-media=video], .detail-media__switch label:focus[data-media=video],
.detail-media__switch a:hover[data-media=video],
.detail-media__switch a:focus[data-media=video] {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19.335c0 .92.602 1.214 1.33.668l11.34-8.504c.735-.551.728-1.449 0-1.995L1.33.997C.595.447 0 .747 0 1.665v17.67z' fill='%2300535E' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-media__switch label:hover[data-media=waze], .detail-media__switch label:focus[data-media=waze],
.detail-media__switch a:hover[data-media=waze],
.detail-media__switch a:focus[data-media=waze] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.429.667C16.155.667 20 4.117 20 8.357c0 3.245-2.253 6.027-5.43 7.154.267.28.43.655.43 1.065 0 .878-.746 1.59-1.667 1.59-.92 0-1.666-.712-1.666-1.59 0-.189.034-.37.097-.537a8.09 8.09 0 0 1-.335.006c-.975 0-1.861-.029-2.67-.082.084.188.13.395.13.613 0 .878-.746 1.59-1.667 1.59-.92 0-1.666-.712-1.666-1.59 0-.357.123-.687.33-.952-3.907-.699-5.04-2.096-5.612-2.801A1.138 1.138 0 0 1 0 12.084c0-.642.534-1.165 1.19-1.165.412 0 1.667 0 1.667-2.291v-.272c0-4.24 3.845-7.69 8.572-7.69zM7.222 16.045a.543.543 0 0 0-.555.53c0 .294.248.531.555.531a.543.543 0 0 0 .556-.53.543.543 0 0 0-.556-.53zm6.111 0a.543.543 0 0 0-.555.53c0 .294.248.531.555.531a.543.543 0 0 0 .556-.53.543.543 0 0 0-.556-.53zm-1.93-14.318c-4.127 0-7.485 2.974-7.485 6.63v.266c0 2.854-1.8 3.162-2.573 3.162a.232.232 0 0 0-.234.228c0 .053.02.102.057.145.694.854 2.297 2.827 10.236 2.827 4.127 0 7.485-2.974 7.485-6.629 0-3.655-3.358-6.629-7.485-6.629zm2.677 6.9c.237.037.398.247.358.47a.941.941 0 0 1-.025.11 2.772 2.772 0 0 1-.506.985c-.541.674-1.375 1.08-2.518 1.08-1.143 0-1.977-.406-2.518-1.08a2.772 2.772 0 0 1-.506-.985 1.73 1.73 0 0 1-.026-.11c-.04-.223.121-.433.36-.47.237-.037.462.113.501.335l.012.047a1.979 1.979 0 0 0 .357.693c.38.473.958.755 1.82.755.862 0 1.44-.282 1.82-.755a1.979 1.979 0 0 0 .367-.734.436.436 0 0 1 .504-.341zM13.61 5.97c.46 0 .833.356.833.795 0 .44-.373.796-.833.796-.46 0-.833-.357-.833-.796 0-.44.373-.795.833-.795zm-4.444 0c.46 0 .833.356.833.795 0 .44-.373.796-.833.796-.46 0-.834-.357-.834-.796 0-.44.374-.795.834-.795z' fill='%2300535E' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.detail-media-property {
  height: 56.25vw;
  max-height: 40rem;
  background-color: hsl(186, 28%, 93%);
}
.detail-media-property .detail-media__switch {
  position: absolute;
  bottom: 0rem;
  left: max(1rem, (100% - 1184px) / 2);
  flex-direction: row;
}
@media only screen and (max-width: 63.9375em) {
  .detail-media-property .detail-media__switch {
    flex-direction: row;
    right: 1rem;
    left: auto;
  }
}

.detail-media-project .detail-media__switch {
  position: absolute;
  left: max(0px, (100% - 1184px) / 2);
  bottom: 0;
}

.detail-photos {
  opacity: 0;
}

.detail-photos-property {
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
}
.detail-photos-property > .sticker {
  position: absolute;
  top: 2rem;
  left: max(1rem, (100% - 84rem) / 2);
  z-index: 1;
}
@media only screen and (max-width: 39.9375em) {
  .detail-photos-property > .sticker {
    top: 1rem;
  }
}
.detail-photos-property .slides {
  display: flex;
  height: 100%;
}
.detail-photos-property .slide {
  flex: 0 0 100%;
}
.detail-photos-property .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-photos-property .detail-photos__body {
  position: absolute;
  inset: 0;
  pointer-events: none;
  padding-inline: max((100% - 74rem) / 2, 1rem);
  padding-bottom: 2rem;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(65deg, rgba(0, 83, 94, 0.64) 0%, rgba(0, 83, 94, 0) 75%);
}
.detail-photos-property .detail-photos__thumbs {
  margin-left: auto;
  pointer-events: all;
}
@media only screen and (max-width: 63.9375em) {
  .detail-photos-property .detail-photos__thumbs {
    display: none;
  }
}
.detail-photos-property .detail-photos__thumbs > ul {
  display: flex;
  gap: 0.5rem;
}
.detail-photos-property .detail-photos__thumbs > ul::after {
  content: attr(data-more);
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  text-align: center;
  display: grid;
  place-items: center;
  pointer-events: none;
  width: 9rem;
  right: 0;
}
.detail-photos-property .detail-photos__thumbs li {
  width: 9rem;
  height: 6.125rem;
}
.detail-photos-property .detail-photos__thumbs li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-photos-property .slider__nav {
  width: 3rem;
  height: 3rem;
  background-color: var(--clr-text);
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center center;
  cursor: pointer;
}
.detail-photos-property .slider__nav.prev {
  left: 1rem;
  left: max(1rem, (100vw - 1184px) / 2);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L0 6l6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-photos-property .slider__nav.next {
  right: 1rem;
  right: max(1rem, (100vw - 1184px) / 2);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l6 6-6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#detail-photos:checked ~ .detail-photos,
#detail-map:checked ~ .detail-map {
  opacity: 1;
  pointer-events: all;
}

#detail-photos:checked ~ .detail-media__switch [for=detail-photos] {
  background-color: var(--clr-secundo-400);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.279 1.083l1.66 2.5h4.394c.313 0 .619.167.85.4.2.199.351.452.39.717l.01.133V15.67c0 .31-.167.617-.4.849-.198.199-.452.35-.716.389l-.134.01H1.668c-.313 0-.62-.167-.852-.399-.2-.199-.35-.452-.39-.716l-.01-.133V4.833c0-.313.167-.62.399-.851.2-.2.454-.35.72-.389l.133-.01h4.39l1.669-2.5h4.552zM10 5.25a4.569 4.569 0 0 0-3.24 1.342 4.569 4.569 0 0 0-1.343 3.241c0 1.266.513 2.412 1.342 3.241A4.569 4.569 0 0 0 10 14.417a4.569 4.569 0 0 0 3.24-1.343 4.569 4.569 0 0 0 1.343-3.24 4.569 4.569 0 0 0-1.342-3.242A4.569 4.569 0 0 0 10 5.25z' stroke='%2300535E' stroke-width='.833' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#detail-map:checked ~ .detail-media__switch [for=detail-map] {
  background-color: var(--clr-secundo-400);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.168 0c.555 0 .832.278.832.833v15c0 .114-1.944 1.503-5.833 4.167l-7.498-3.333L.837 20C.279 19.958 0 19.681 0 19.17V4.99L6.669 0l7.498 3.333L19.168 0zM6.25 1.353L.833 5.42v13.538l5.417-3.095V1.353zm.833-.054v14.466c.092.037.2.082.323.134l.23.098c1.103.474 3.143 1.398 6.119 2.771l-.005-.067V4.19L7.078 1.224c.003.024.005.05.005.075zm12.084-.257c-2.37 1.654-3.898 2.692-4.584 3.116v14.505l4.584-3.246V1.042z' fill='%2300535E' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.detail-map {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
}
.detail-map #map {
  height: 100%;
}

.detail-meta {
  display: grid;
  gap: 1rem;
  justify-items: start;
}
@media only screen and (min-width: 64em) {
  .detail-meta {
    margin-bottom: 3.5rem;
  }
}
.detail-meta__subcategory {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem);
  line-height: 1.25;
  font-weight: 700;
}
.detail-meta__address {
  font-size: 1.125rem;
  line-height: 1.3333333333;
}
.detail-meta__price {
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.detail-meta--photos {
  color: #fff;
}

.detail-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5rem;
}
@media only screen and (max-width: 63.9375em) {
  .detail-content {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
@media only screen and (min-width: 64em) {
  .detail-content__aside {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
  }
}
.detail-content__aside-inner {
  display: grid;
  gap: 2rem;
  justify-items: center;
}
body:not(.open-appointment-modal) .detail-content__aside-inner {
  position: sticky;
  top: calc(var(--nav-height) + 1rem);
}

.detail-features {
  padding-bottom: 2rem;
  border-bottom: 1px solid hsla(var(--hsl-primo), 0.08);
  margin-bottom: 3rem;
}
@media only screen and (max-width: 47.9375em) {
  .detail-features {
    margin-top: 2rem;
  }
}
.detail-features > ul {
  display: flex;
  gap: 4rem;
}
@media only screen and (max-width: 47.9375em) {
  .detail-features > ul {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 31.1875rem) {
  .detail-features > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.detail-feature {
  display: grid;
  gap: 0.5rem;
  text-align: center;
  justify-items: center;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
@media only screen and (max-width: 47.9375em) {
  .detail-feature {
    grid-template-columns: auto 1fr;
    justify-items: start;
  }
}
.detail-feature::before {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2rem;
  background-position: center center;
}
@media only screen and (max-width: 47.9375em) {
  .detail-feature::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
  }
}
.detail-feature--area::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 9.333a.667.667 0 0 1 .12 1.323l-.12.01H1.333v4h2a.667.667 0 0 1 .12 1.323l-.12.011h-2v4h2a.667.667 0 0 1 .12 1.323l-.12.01h-2v4h2a.667.667 0 0 1 .12 1.323l-.12.01h-2v4h3.334c.327 0 .6.237.656.547l.01.12c0 .328-.236.6-.546.656l-.12.011H0V9.333h4.667zM32 0v4.667a.667.667 0 0 1-1.323.12l-.01-.12-.002-3.334h-20l.002 3.334c0 .327-.236.6-.547.656l-.12.01a.667.667 0 0 1-.656-.546l-.01-.12V0H32zM15.333 1.333c.328 0 .6.236.656.547L16 2v2.667a.667.667 0 0 1-1.323.12l-.01-.12V2c0-.368.298-.667.666-.667zm5.334 0c.327 0 .6.236.656.547l.01.12v2.667a.667.667 0 0 1-1.322.12L20 4.667V2c0-.368.298-.667.667-.667zm5.333 0c.327 0 .6.236.656.547l.01.12v2.667a.667.667 0 0 1-1.322.12l-.01-.12V2c0-.368.298-.667.666-.667zm-6.424 6.8l-11.294 8a.655.655 0 0 0-.282.534v14.666c0 .369.316.667.706.667h7.923c.39 0 .706-.298.706-.667V26c0-1.41 1.172-2 2.665-2s2.667.59 2.667 2v5.333c0 .369.327.667.717.667h7.91c.39 0 .706-.298.706-.667V16.667a.655.655 0 0 0-.282-.534l-11.294-8a.74.74 0 0 0-.848 0zM20 9.5L30.665 17v13.667H24V26c0-2.146-1.044-3.333-3.333-3.333l-1.334.005C17.215 22.763 16 23.94 16 26v4.667H9.332V17l10.667-7.5z' fill='%2300535E' fill-rule='nonzero' fill-opacity='.48'/%3E%3C/svg%3E");
}
.detail-feature--bed::before {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='24' viewBox='0 0 36 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.824 0c.286 0 .524.198.568.457l.008.088V10.8h1.82c.289 0 .528.218.572.503l.008.097V18h.62c.288 0 .527.218.572.503L36 18.6v4.8a.6.6 0 0 1-.503.592L35.4 24H33a.6.6 0 0 1-.487-.25l-.05-.082L31.43 21.6H5.77l-1.037 2.069a.6.6 0 0 1-.44.323L4.197 24H1.8a.6.6 0 0 1-.592-.503L1.2 23.4l-.001-1.8H.581a.587.587 0 0 1-.573-.503L0 21v-2.4c0-.298.21-.546.486-.592L.581 18H1.2v-6.6c0-.298.21-.546.485-.592l.094-.008H3.6V.545c0-.27.209-.496.483-.538L4.176 0h27.648zM4.425 21.6H2.398v1.2h1.428l.599-1.2zm30.373 0h-2.029l.6 1.2h1.43l-.001-1.2zm.002-2.4H1.2v1.2h33.6v-1.2zM33.6 12H2.4v6h31.2v-6zM31.2 1.2H4.8v9.6h2.4V6.6c0-.298.174-.546.402-.592L7.68 6h8.64c.239 0 .437.218.474.503l.006.097v4.2h2.4V6.6c0-.298.174-.546.402-.592L19.68 6h8.64c.239 0 .437.218.474.503l.006.097v4.2h2.4V1.2zm-15.6 6H8.4v3.6h7.2V7.2zm12 0h-7.2v3.6h7.2V7.2z' fill='%2300535E' fill-rule='nonzero' fill-opacity='.48'/%3E%3C/svg%3E");
}
.detail-feature--car::before {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='28' viewBox='0 0 36 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.892 0c2.103 0 3.448 1.496 3.808 3.342l1.627 4.735h2.35c.91 0 2.173.756 2.31 1.655l.013.16v1.17c0 .876-.86 1.519-2.019 1.732l-.151.023.072.528.412 2.775.506 3.245.06.42v5.818c0 1.444-.762 2.308-2.105 2.39l-.217.007h-2.24c-1.405 0-2.237-.792-2.316-2.174l-.007-.223v-2.259H8.004v2.26c0 1.443-.761 2.307-2.105 2.39L5.682 28h-2.24c-1.404 0-2.236-.793-2.316-2.174l-.006-.223.008-5.923.71-4.541.264-1.802.076-.559-.148-.036c-.912-.25-1.898-.838-2.018-1.54L0 11.063v-1.17c0-.926 1.148-1.722 2.148-1.807l.175-.008h2.349L6.3 3.342C6.66 1.546 8.005 0 10.108 0h15.784zM6.718 23.344H2.405v2.26c0 .748.24 1.05.882 1.09l.155.004h2.24c.707 0 .995-.248 1.033-.93l.004-.165-.001-2.259zm26.879 0h-4.316v2.26c0 .75.238 1.05.881 1.09l.156.004h2.24c.706 0 .995-.248 1.032-.93l.004-.165.003-2.259zm.08-13.964h-2.442c-.595 1.386-2.403 2.258-4.128 2.258H8.893c-1.725 0-3.533-.872-4.128-2.258H2.323c-.377 0-.926.333-1.022.476l-.015.036v1.17c0-.054.048-.04.139.004l.268.14.118.054c.15.067.312.127.466.176l.29.082c.09.021.168.037.232.045l.083.006h.643l-.001.707-.013.163-.04.369-.128.943-.385 2.572-.509 3.227-.032.18-.011.054-.001 2.258h31.194l.004-2.154-.434-2.759-.439-2.89-.155-1.104-.073-.591-.023-.269-.001-.706h.642c.885 0 1.501-.307 1.585-.472l.01-.036V9.892c0-.073-.574-.437-.936-.502l-.102-.01zM22.48 18.55v1.303h-8.958V18.55h8.958zm5.04-4.586c1.546 0 2.799 1.303 2.799 2.91 0 1.607-1.253 2.91-2.8 2.91-1.546 0-2.8-1.303-2.8-2.91 0-1.607 1.254-2.91 2.8-2.91zm-19.037 0c1.546 0 2.8 1.303 2.8 2.91 0 1.607-1.254 2.91-2.8 2.91-1.547 0-2.8-1.303-2.8-2.91 0-1.607 1.253-2.91 2.8-2.91zm19.036 1.303c-.828 0-1.513.712-1.513 1.607s.685 1.607 1.513 1.607c.829 0 1.514-.712 1.514-1.607s-.685-1.607-1.514-1.607zm-19.036 0c-.829 0-1.514.712-1.514 1.607s.685 1.607 1.514 1.607c.828 0 1.513-.712 1.513-1.607s-.685-1.607-1.513-1.607zm13.997-.208v1.302h-8.958V15.06h8.958zm3.413-13.758H10.108c-1.237 0-2.162.812-2.496 2.073l-.053.227-.045.169-1.65 4.796.018.094c.21.834 1.384 1.595 2.787 1.669l.224.005h18.214c1.501 0 2.79-.797 3.011-1.674l.017-.094-1.649-4.796-.047-.176c-.26-1.33-1.114-2.193-2.329-2.285l-.218-.008zm-4.533 2.12v1.302h-6.718V3.422h6.718z' fill='%2300535E' fill-rule='nonzero' fill-opacity='.48'/%3E%3C/svg%3E");
}
.detail-feature--lot::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.667 0c4.524 0 7.574 2.541 9.052 7.465l-.097-.312.388.168c3.332 1.519 5.106 4.419 5.305 8.6l.013.362.005.442c0 7.605-9.355 11.574-14.63 5.983l-.037-.04v8.665a.667.667 0 0 1-1.322.12l-.01-.12v-7.492c-5.3 3.766-13.11.007-13.33-6.821L1 16.725c0-4.615 1.782-7.79 5.323-9.404l.389-.168.033-.104C8.223 2.535 11.096.143 15.282.006zm0 1.335c-3.857 0-6.394 2.113-7.71 6.498l-.095.317-.321.12c-3.439 1.29-5.144 4.06-5.144 8.455 0 6.295 7.49 9.605 11.936 5.348v-3.661l-3.631-1.816a.667.667 0 0 1 .484-1.236l.112.044 3.035 1.517V8.667a.667.667 0 0 1 1.323-.12l.01.12v4.087l2.964-1.975a.667.667 0 0 1 .834 1.034l-.094.075-3.704 2.468v6.138l.561.72c4.284 5.506 12.71 2.188 12.71-4.489 0-4.395-1.706-7.166-5.144-8.455l-.322-.12-.095-.317c-1.316-4.385-3.853-6.498-7.71-6.498z' fill='%2300535E' fill-rule='nonzero' fill-opacity='.48'/%3E%3C/svg%3E");
}
.detail-feature--bathrooms::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.333 0a.667.667 0 0 1 .12 1.323l-.12.01H18c-3.074 0-4.195 1.018-4.537 4.179l-.05.547-.02.288-.03.61-.02.65-.004.403c5.913.187 9.489 2.877 10.552 7.99h.776c.368 0 .666.298.666.667v2.666a.667.667 0 0 1-.666.667h-24A.667.667 0 0 1 0 19.333v-2.666C0 16.298.298 16 .667 16h.78c1.061-5.117 4.639-7.806 10.558-7.99l.007-.461c.006-.239.014-.47.024-.696l.036-.659c.007-.106.015-.211.024-.315l.058-.602c.423-3.698 1.824-5.2 5.547-5.274L18 0h13.333zM24 17.333H1.333v1.334H24v-1.334zm-11.333-8c-5.383 0-8.571 2.03-9.727 6.163l-.073.272-.055.232h19.713l-.055-.232c-1.042-4.114-4.009-6.232-9.048-6.42l-.347-.01-.408-.005zm-8 12c.327 0 .6.236.656.547l.01.12v2.667a.667.667 0 0 1-1.322.12L4 24.667V22c0-.368.298-.667.667-.667zm0 6.667c.327 0 .6.236.656.547l.01.12v2.666a.667.667 0 0 1-1.322.12L4 31.333v-2.666c0-.369.298-.667.667-.667zm8-6.667c.327 0 .6.236.656.547l.01.12v2.667a.667.667 0 0 1-1.322.12l-.011-.12V22c0-.368.298-.667.667-.667zm0 6.667c.327 0 .6.236.656.547l.01.12v2.666a.667.667 0 0 1-1.322.12l-.011-.12v-2.666c0-.369.298-.667.667-.667zm8-6.667c.327 0 .6.236.656.547l.01.12v2.667a.667.667 0 0 1-1.322.12l-.011-.12V22c0-.368.298-.667.667-.667zm0 6.667c.327 0 .6.236.656.547l.01.12v2.666a.667.667 0 0 1-1.322.12l-.011-.12v-2.666c0-.369.298-.667.667-.667z' fill='%2300535E' fill-rule='nonzero' fill-opacity='.48'/%3E%3C/svg%3E");
}
.detail-feature--kitchen::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2300535e' fill-opacity='.48' viewBox='0 0 256 256'%3E%3Cpath d='M90 48V16a6 6 0 0 1 12 0v32a6 6 0 0 1-12 0zm38 6a6 6 0 0 0 6-6V16a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6zm32 0a6 6 0 0 0 6-6V16a6 6 0 0 0-12 0v32a6 6 0 0 0 6 6zm91.6 46.8L222 123v61a30 30 0 0 1-30 30H64a30 30 0 0 1-30-30v-61L4.4 100.8a6 6 0 0 1 7.2-9.6L34 108V80a6 6 0 0 1 6-6h176a6 6 0 0 1 6 6v28l22.4-16.8a6 6 0 0 1 7.2 9.6zM210 86H46v98a18 18 0 0 0 18 18h128a18 18 0 0 0 18-18z'/%3E%3C/svg%3E");
}
.detail-feature--date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2300535e' fill-opacity='.48' viewBox='0 0 256 256'%3E%3Cpath d='M208 34h-26V24a6 6 0 0 0-12 0v10H86V24a6 6 0 0 0-12 0v10H48a14 14 0 0 0-14 14v160a14 14 0 0 0 14 14h160a14 14 0 0 0 14-14V48a14 14 0 0 0-14-14zM48 46h26v10a6 6 0 0 0 12 0V46h84v10a6 6 0 0 0 12 0V46h26a2 2 0 0 1 2 2v34H46V48a2 2 0 0 1 2-2zm160 164H48a2 2 0 0 1-2-2V94h164v114a2 2 0 0 1-2 2zm-39.76-86.24a6 6 0 0 1 0 8.48l-48 48a6 6 0 0 1-8.48 0l-24-24a6 6 0 0 1 8.48-8.48L116 167.51l43.76-43.75a6 6 0 0 1 8.48 0z'/%3E%3C/svg%3E");
}

.detail-desc__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: var(--clr-primo-400);
  margin-bottom: 2rem;
}
.detail-desc__tour {
  display: grid;
}
.detail-desc__tour > div {
  aspect-ratio: 16/9;
  margin-top: 1.5rem;
}
.detail-desc__tour > div iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.detail-desc + .detail-attr {
  margin-top: 5rem;
}

.detail-attr {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 0.25rem;
}
@media only screen and (max-width: 47.9375em) {
  .detail-attr {
    grid-template-columns: 1fr;
  }
}
.detail-attr [data-attr-toggle] {
  display: block;
  border: none;
  border-radius: 0;
  background: none;
  background-color: hsl(186, 28%, 93%);
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  text-align: left;
  width: 100%;
  color: var(--clr-primo-400);
  text-transform: uppercase;
}
.detail-attr [data-attr-toggle][data-attr-active] {
  background-color: var(--clr-secundo-400);
}
.detail-attr__labels {
  display: grid;
  gap: 0.25rem;
  align-self: start;
}
@media only screen and (max-width: 47.9375em) {
  .detail-attr__labels {
    display: none;
  }
}
.detail-attr__items {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 4px;
}
.detail-attr__item {
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 48em) {
  .detail-attr__item {
    display: none;
    grid-row: 1/span 1;
  }
}
@media only screen and (min-width: 48em) {
  .detail-attr__item > [data-attr-toggle] {
    display: none;
  }
}
.detail-attr__item > dl,
.detail-attr__item > ul,
.detail-attr__item > div {
  flex: 1;
  padding: 1.5rem 3rem 2rem;
  background-color: hsl(186, 28%, 93%);
}
@media only screen and (max-width: 47.9375em) {
  .detail-attr__item > dl,
  .detail-attr__item > ul,
  .detail-attr__item > div {
    display: none;
    padding: 1rem 1.5rem 1.5rem;
  }
}
.detail-attr__item[data-attr-active] {
  display: flex;
}
.detail-attr__item[data-attr-active] > button {
  background-color: var(--clr-secundo-400);
}
.detail-attr__item[data-attr-active] > ul,
.detail-attr__item[data-attr-active] > dl,
.detail-attr__item[data-attr-active] > div {
  display: block;
}

.attribute {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-block: 0.5rem;
  border-bottom: 1px solid hsla(var(--hsl-primo), 0.16);
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
.attribute__label {
  color: var(--clr-primo-400);
}
.attribute__value {
  margin-left: auto;
  text-align: right;
}

.property-downloads li {
  padding-block: 0.5rem;
  border-bottom: 1px solid hsla(var(--hsl-primo), 0.16);
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
.property-downloads a {
  padding-left: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0c.513 0 .936.343.993.785L6 .89v11.696l2.293-2.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-3.832 3.834c-.159.255-.455.434-.8.457l-.036.001L5 16h-.038l-.037-.003L5 16c-.377 0-.705-.185-.875-.459L.293 11.707a1 1 0 0 1 1.32-1.497l.094.083L4 12.585V.889C4 .398 4.448 0 5 0z' fill='%2300535e' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-size: auto 0.875rem;
  background-position: top left;
}

.detail-rep {
  display: grid;
  background-color: hsl(186, 28%, 93%);
  background-clip: padding-box;
  border-bottom: 1.25rem solid hsl(0, 0%, 100%);
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-rep {
    justify-content: start;
    width: 100%;
    grid-template-columns: 84px 1fr;
  }
}
@media only screen and (max-width: 39.9375em), only screen and (min-width: 64em) {
  .detail-rep {
    justify-items: center;
    width: 19rem;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-rep.has-photo {
    border-left: 5.25rem solid hsl(0, 0%, 100%);
  }
}
@media only screen and (max-width: 39.9375em), only screen and (min-width: 64em) {
  .detail-rep.has-photo {
    border-top: 5.25rem solid hsl(0, 0%, 100%);
  }
}
.detail-rep__photo {
  display: block;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 10.5rem;
  overflow: hidden;
  background: #cee1e3;
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-rep__photo {
    margin-left: -5.25rem;
    width: 200%;
  }
}
@media only screen and (max-width: 39.9375em), only screen and (min-width: 64em) {
  .detail-rep__photo {
    margin-top: -5.25rem;
  }
}
.detail-rep__photo > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.detail-rep__body {
  padding: 1.5rem 2rem 0;
  display: grid;
  justify-items: center;
  gap: 1rem;
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-rep__body {
    justify-items: start;
  }
}
.detail-rep__name {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: var(--clr-primo-400);
  text-align: center;
  margin-bottom: 0.5rem;
}
.detail-rep__phone, .detail-rep__email {
  color: var(--clr-primo-400);
}
.detail-rep__actions {
  display: grid;
  gap: 0.5rem;
  margin-top: 2rem;
  margin-bottom: -1.25rem;
  justify-self: center;
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-rep__actions {
    margin-left: -10.5rem;
  }
}

.detail-models__title {
  margin-bottom: 5rem;
}
.detail-models__slider {
  padding-block: 5rem;
}
@media only screen and (max-width: 63.9375em) {
  .detail-models__slider {
    padding-block: 3rem 0;
  }
}
.detail-models__slider .slides {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.detail-models__slider .slide {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  transition: 0.15s ease-in-out;
  margin-left: 0 !important;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.detail-models__slider .slide.current {
  opacity: 1;
}
.detail-models__slider .slider__nav {
  width: 3rem;
  height: 3rem;
  background-color: var(--clr-text);
  border: none;
  border-radius: 50%;
  background-position: center center;
  cursor: pointer;
}
.detail-models__slider .slider__nav:not(.active) {
  opacity: 0.48;
}
.detail-models__slider .slider__nav.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L0 6l6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-models__slider .slider__nav.next {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l6 6-6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.detail-models__slider::before {
  content: "";
  position: absolute;
  width: 100vw;
  right: 52.7027027027%;
  top: 0;
  bottom: 0;
  background-color: hsl(186, 28%, 93%);
}
@media only screen and (min-width: 64em) {
  .detail-models__slider::before {
    right: 52.7027027027%;
    transform: translateX(5rem);
  }
}
@media only screen and (max-width: 63.9375em) {
  .detail-models__slider::before {
    left: 50%;
    transform: translateX(-50vw);
  }
}

.model {
  display: flex;
}
@media only screen and (max-width: 63.9375em) {
  .model {
    flex-direction: column;
  }
}
.model__body {
  padding-block: 2rem;
  flex: 1;
  align-self: center;
  padding-right: 5rem;
}
@media only screen and (max-width: 63.9375em) {
  .model__body {
    max-width: 80ch;
    padding-right: 0;
  }
}
.model__photo {
  align-self: start;
}
@media only screen and (max-width: 63.9375em) {
  .model__photo {
    align-self: center;
    margin-top: 2rem;
  }
}
.model__name {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: var(--clr-primo-400);
}
.model__price {
  font-weight: 700;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--clr-primo-400);
}
.model__features {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem !important;
}
.model__desc {
  margin-top: 2.5rem;
}
.model__photo {
  flex: 0 0 auto;
  flex-basis: 52.7027027027%;
  background-color: hsl(186, 28%, 93%);
}
.model__nav {
  display: flex;
  margin-top: 2.5rem;
  gap: 2rem;
}

.detail-slider {
  overflow: hidden;
}
.detail-slider__title {
  margin-bottom: 5rem;
}
.detail-slider__slider {
  padding-inline: 4rem;
}
@media only screen and (max-width: 39.9375em) {
  .detail-slider__slider {
    padding-inline: 0;
    padding-bottom: 4rem;
  }
}
.detail-slider__slider .slides {
  display: flex;
}
.detail-slider__slider .slide {
  flex: 0 0 100%;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
  transform: scale(0.8);
  transition-duration: 150ms;
}
.detail-slider__slider .slide.current {
  opacity: 1;
  transform: scale(1);
  transition-duration: 0ms;
}
.detail-slider__slider .slider__nav {
  width: 3rem;
  height: 3rem;
  background-color: var(--clr-text);
  border: none;
  border-radius: 50%;
  position: absolute;
  background-position: center center;
  cursor: pointer;
}
@media only screen and (min-width: 40em) {
  .detail-slider__slider .slider__nav {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 39.9375em) {
  .detail-slider__slider .slider__nav {
    bottom: 0;
  }
}
.detail-slider__slider .slider__nav:not(.active) {
  opacity: 0.48;
}
.detail-slider__slider .slider__nav.prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L0 6l6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 39.9375em) {
  .detail-slider__slider .slider__nav.prev {
    left: 100%;
    transform: translateX(-7rem);
  }
}
.detail-slider__slider .slider__nav.next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l6 6-6 6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.detail-slide {
  max-width: 58rem;
  margin-inline: auto;
  display: flex;
  height: 100%;
  gap: 2rem;
}
@media only screen and (max-width: 47.9375em) {
  .detail-slide {
    flex-direction: column;
  }
}
.detail-slide > * {
  flex: 1;
}
.detail-slide__body {
  align-self: center;
}
.detail-slide__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: var(--clr-primo-400);
  margin-bottom: 2rem;
}
.detail-slide__photo img {
  margin-inline: auto;
}

.detail-units__title {
  margin-bottom: 3rem;
  margin-bottom: clamp(3rem, -1.9230769231rem + 7.6923076923vw, 5rem);
}

.detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid hsla(var(--hsl-primo), 0.08);
  margin-bottom: 3rem;
  align-items: center;
}

.detail-meta-project {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-block: 1rem;
}
.detail-meta-project > div:nth-child(1) {
  margin-right: auto;
}
.detail-meta-project > div:nth-child(2) {
  display: flex;
  gap: inherit;
  align-items: inherit;
  margin-left: auto;
}
.detail-meta-project__address {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.detail-meta-project__name {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: var(--clr-primo-400);
}
.detail-meta-project__price {
  order: 4;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: var(--clr-primo-400);
  font-weight: 700;
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.detail-meta-project__price::before {
  content: "";
  width: 1px;
  height: 2.5rem;
  top: 50%;
  background-color: hsla(var(--hsl-primo), 0.24);
}

.detail-photos-project {
  max-width: 120rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "main thumb1 thumb3" "main thumb2 thumb4";
  gap: 4px;
  height: 33.3333333333vw;
}
@media only screen and (max-width: 79.9375em) {
  .detail-photos-project {
    height: 44.4444444444vw;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "main thumb1" "main thumb2";
  }
}
@media only screen and (max-width: 47.9375em) {
  .detail-photos-project {
    height: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "main main" "thumb1 thumb2";
  }
}
.detail-photos-project .detail-photos-project-main {
  grid-area: main;
}
.detail-photos-project .detail-photos-project-photo {
  display: grid;
  grid-template-areas: "stack";
}
.detail-photos-project .detail-photos-project-photo > * {
  grid-area: stack;
}
@media only screen and (min-width: 48em) {
  .detail-photos-project .detail-photos-project-photo picture > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.detail-photos-project .detail-photos-project-photo a:not(:empty) {
  display: grid;
  place-content: center;
  text-align: center;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.48);
  text-decoration: none;
}
.detail-photos-project .detail-photos-project-photo a:not(:empty) span:first-child {
  font-size: 2rem;
  font-weight: 700;
}
.detail-photos-project .detail-photos-project-photo:nth-child(1) {
  grid-area: main;
}
.detail-photos-project .detail-photos-project-photo:nth-child(2) {
  grid-area: thumb1;
}
.detail-photos-project .detail-photos-project-photo:nth-child(3) {
  grid-area: thumb2;
}
@media only screen and (min-width: 80em) {
  .detail-photos-project .detail-photos-project-photo:nth-child(3) > a {
    opacity: 0;
  }
}
.detail-photos-project .detail-photos-project-photo:nth-child(4) {
  grid-area: thumb3;
}
@media only screen and (max-width: 79.9375em) {
  .detail-photos-project .detail-photos-project-photo:nth-child(4) {
    display: none;
  }
}
.detail-photos-project .detail-photos-project-photo:nth-child(5) {
  grid-area: thumb4;
}
@media only screen and (max-width: 79.9375em) {
  .detail-photos-project .detail-photos-project-photo:nth-child(5) {
    display: none;
  }
}
.detail-photos-project .detail-photos-project-photo .sticker {
  position: absolute;
  left: 3rem;
  top: 2rem;
}

.detail-blocks__title {
  margin-bottom: 3rem;
  margin-bottom: clamp(3rem, -1.9230769231rem + 7.6923076923vw, 5rem);
}
.detail-blocks__items {
  display: grid;
  gap: 3rem;
  gap: clamp(3rem, -1.9230769231rem + 7.6923076923vw, 5rem);
}

.detail-block {
  max-width: 90rem;
  margin-inline: auto;
}
@media only screen and (min-width: 48em) {
  .detail-block {
    display: flex;
  }
}
.detail-block__photo {
  display: grid;
  justify-items: center;
  flex: 0 0 50%;
}
@media only screen and (max-width: 63.9375em) {
  .detail-block__photo {
    flex-basis: 40%;
  }
}
.detail-block__body {
  margin-inline: auto;
  margin-bottom: 2rem;
  padding-inline: 1rem;
  align-self: center;
}
@media only screen and (min-width: 40em) {
  .detail-block__body {
    padding-inline: 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .detail-block__body {
    padding-inline: 3rem;
    margin: 0;
  }
}
@media only screen and (min-width: 80em) {
  .detail-block__body {
    padding-inline: 5rem;
  }
}
.detail-block__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 2rem;
  color: #00535e;
}
@media only screen and (min-width: 48em) {
  .detail-block:nth-child(odd) {
    flex-direction: row-reverse;
  }
}

.project-downloads > h2 {
  margin-bottom: 3rem;
  margin-bottom: clamp(3rem, -1.9230769231rem + 7.6923076923vw, 5rem);
}
.project-downloads__label {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #00535e;
}
.project-downloads__photo {
  margin-top: 3rem;
}
.project-downloads__items {
  display: grid;
  gap: 2rem;
}

.detail-visit {
  display: inline-block;
  background-color: #00535e;
  color: #fff;
  border-radius: 9999px;
  border-top-left-radius: 0;
  padding: 1rem 1.5rem;
  margin-top: 2rem;
}

.project-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
}

.detail-six {
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
  width: 4rem;
  height: 4rem;
  pointer-events: none;
}

#modal-contact-appointment {
  padding-top: 10rem;
  padding-bottom: 2rem;
  overflow: auto;
}

.detail-aside-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
  .detail-aside-actions {
    flex-direction: row;
  }
}
.detail-aside-actions > .button {
  text-align: center;
  justify-self: stretch;
}

.project-distances {
  width: min(100%, 800px);
  margin-inline: auto;
}
.project-distances h2 {
  text-align: center;
}
.project-distances table {
  width: 100%;
  border-collapse: collapse;
}
.project-distances th, .project-distances td {
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  min-width: 5rem;
  text-align: center;
}
.project-distances th:first-child, .project-distances td:first-child {
  width: 100%;
  text-align: left;
}
.project-distances th {
  color: #00535e;
}
@media only screen and (min-width: 40em) {
  .project-distances td svg {
    display: none;
  }
}
@media only screen and (max-width: 39.9375em) {
  .project-distances thead {
    display: none;
  }
}
.project-distances tbody tr:nth-child(odd) {
  background-color: hsl(186, 28%, 93%);
}
@media only screen and (max-width: 39.9375em) {
  .project-distances tbody tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .project-distances tbody tr td {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .project-distances tbody tr td:first-child {
    grid-column: span 3;
  }
}

.detail-tour-request {
  display: grid;
  place-items: center;
  grid-template-areas: "stack";
  overflow: hidden;
  margin-top: 1rem;
}
.detail-tour-request > * {
  grid-area: stack;
}
.detail-tour-request > div {
  padding-block: 2rem;
  color: white;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 1em;
  z-index: 1;
}
.detail-tour-request p {
  font-size: 1.5em;
  font-weight: 700;
}
.detail-tour-request > img {
  width: 100%;
  height: 100%;
  filter: blur(4px);
}
.detail-tour-request::before {
  content: "";
  position: absolute;
  inset: 0;
  grid-area: stack;
  background: black;
  opacity: 0.48;
  backdrop-filter: blur(4px);
  z-index: 1;
}

.student-candidate-action {
  width: max-content;
  margin-top: 0.5rem;
  margin-inline: auto;
}