*{box-sizing:border-box}
:root{--fundo:#2d3037;--texto:#fffaf7}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--fundo)}
body{font-family:Arial,Helvetica,sans-serif}
.pagina{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:var(--fundo)}
.cartao{position:absolute;inset:0;width:100%;height:100%;line-height:0;overflow:hidden;background:var(--fundo)}
picture,.capa{display:block;width:100%;height:100%}
.capa{object-fit:fill;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.area-link{position:absolute;z-index:50;display:block;pointer-events:auto;border-radius:22px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.20)}
.area-link:focus-visible{outline:4px solid #fff;outline-offset:-4px}
.area-link:active{background:rgba(255,255,255,.10)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* CELULAR VERTICAL — arte 1080 × 1920 — hotspots recalibrados na arte real */
.imoveis{left:30.56%;top:64.32%;width:15.00%;height:10.26%}
.instagram{left:54.44%;top:64.32%;width:15.00%;height:10.26%}
.whatsapp{left:19.35%;top:78.75%;width:15.00%;height:10.31%}
.email{left:42.31%;top:78.75%;width:15.00%;height:10.31%}
.youtube{left:65.56%;top:78.75%;width:15.00%;height:10.31%}

/* TABLET VERTICAL — arte 1535 × 2048 */
@media (orientation:portrait) and (min-width:600px){
.imoveis{left:35.18%;top:65.09%;width:11.47%;height:10.50%}
.instagram{left:53.42%;top:65.09%;width:11.47%;height:10.50%}
.whatsapp{left:26.64%;top:79.79%;width:11.47%;height:10.45%}
.email{left:44.17%;top:79.79%;width:11.47%;height:10.45%}
.youtube{left:61.89%;top:79.79%;width:11.47%;height:10.45%}
}

/* TABLET HORIZONTAL — arte 2048 × 1535 */
@media (orientation:landscape) and (pointer:coarse){
.imoveis{left:11.43%;top:61.11%;width:9.42%;height:15.31%}
.instagram{left:28.42%;top:61.11%;width:9.38%;height:15.31%}
.whatsapp{left:45.31%;top:61.11%;width:9.42%;height:15.31%}
.email{left:62.11%;top:61.11%;width:9.42%;height:15.31%}
.youtube{left:79.15%;top:61.11%;width:9.38%;height:15.31%}
}

/* NOTEBOOK E DESKTOP — arte 1920 × 1080 */
@media (orientation:landscape) and (pointer:fine){
.imoveis{left:23.59%;top:71.20%;width:6.41%;height:13.98%}
.instagram{left:35.21%;top:71.20%;width:6.41%;height:13.98%}
.whatsapp{left:46.82%;top:71.20%;width:6.41%;height:13.98%}
.email{left:58.33%;top:71.20%;width:6.41%;height:13.98%}
.youtube{left:69.95%;top:71.20%;width:6.46%;height:13.98%}
}

.install-app {
  position: fixed;
  z-index: 80;
  right: max(8px, env(safe-area-inset-right));
  bottom: max(8px, env(safe-area-inset-bottom));
  width: auto;
  min-width: 0;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  background: rgba(89, 79, 72, 0.78);
  color: rgba(255, 255, 255, 0.95);
  font: 600 10px/1 Arial, Helvetica, sans-serif;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  opacity: 0.82;
}

.install-app:hover {
  opacity: 1;
}

.install-app:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.install-app:active {
  transform: scale(0.97);
}

@media (max-width: 599px) {
  .install-app {
    right: max(6px, env(safe-area-inset-right));
    bottom: max(6px, env(safe-area-inset-bottom));
    padding: 4px 7px;
    font-size: 9px;
    letter-spacing: 0;
  }
}

.aviso-js {
  position: fixed;
  inset: auto 12px 12px;
  z-index: 90;
  margin: 0;
  padding: 12px;
  background: #fff;
  color: #111;
  text-align: center;
}


.ios-install-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(30, 25, 23, 0.58);
  backdrop-filter: blur(4px);
}

.ios-install-modal[hidden] {
  display: none;
}

.ios-install-card {
  position: relative;
  width: min(100%, 420px);
  padding: 28px 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 22px;
  background: rgba(248, 244, 241, 0.98);
  color: #4f4540;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.ios-install-card h2 {
  margin: 0 34px 12px 0;
  font-size: 22px;
  line-height: 1.2;
}

.ios-install-card p {
  margin: 0 0 12px;
  font-size: 16px;
}

.ios-install-card ol {
  margin: 0;
  padding-left: 22px;
  font-size: 16px;
}

.ios-install-card li + li {
  margin-top: 8px;
}

.ios-install-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(79, 69, 64, 0.10);
  color: #4f4540;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}