:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
html { background: #03bde9; }
body { margin: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
.landing { width: 100%; min-height: 100dvh; background: #03bde9; }
.artwork { position: relative; width: 100%; margin: 0; }
.artwork img { display: block; width: 100%; }
.artwork img { height: auto; }
.artwork-cta { position: absolute; left: 32.5%; top: 84.3%; width: 35%; height: 5.5%; min-height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.artwork-cta:focus-visible { outline: 4px solid #082a46; outline-offset: 3px; border-radius: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.contact-dialog { position: fixed; inset: 0; width: min(96vw, 768px); max-height: 96dvh; margin: auto; padding: 0; border: 0; border-radius: 25px; overflow: auto; background: #eef0f6; box-shadow: 0 30px 90px #073a5266; color: #172334; }
.contact-dialog::backdrop { background: #0d273bbd; backdrop-filter: blur(5px); }
.dialog-header { position: relative; min-height: 104px; padding: 20px 64px 18px; background: #e2e7ed; text-align: center; }
.dialog-kicker { margin: 0 0 3px; font-size: .7rem; font-weight: 900; letter-spacing: .25em; text-transform: uppercase; }
.dialog-header h2 { margin: 0; font-family: Impact, 'Arial Narrow', Arial, sans-serif; font-size: clamp(1.5rem, 4.2vw, 2.15rem); font-stretch: condensed; font-weight: 900; line-height: 1.05; text-transform: uppercase; }
.close-button { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #a7b2bf; color: white; cursor: pointer; font-size: 1.6rem; line-height: 1; }
.close-button:hover, .close-button:focus-visible { background: #8794a2; }
.dialog-body { padding: 30px 18px 28px; }
.crm-slot { height: min(70dvh, 720px); min-height: 400px; overflow: hidden; border: 2px solid #b7c1cc; border-radius: 10px; background: white; }
.crm-slot iframe { display: block; width: 100%; height: 100%; border: 0; background: white; }
.crm-slot iframe[hidden] { display: none; }
.legacy-content { font-family: geist, Arial, sans-serif; }
.legacy-content #ubicacion button[aria-pressed="true"] { background: #ffc72c; color: #06222b; }
.legacy-content #ubicacion button[aria-pressed="false"] { background: transparent; color: rgb(255 255 255 / 70%); }
@media (max-width: 767px) {
  .artwork-cta { left: 25%; top: 84.5%; width: 50%; height: 5.2%; }
  .contact-dialog { margin: auto; }
  .dialog-header { min-height: 92px; padding: 21px 52px 16px; }
  .dialog-body { padding: 20px 14px 42px; }
  .crm-slot { height: min(62dvh, 600px); min-height: 320px; }
}
@media (max-width: 480px) {
  #amenity-list { grid-template-columns: 1fr; }
}