*{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 (capa mobile atualizada e recalibrada) */
.imoveis {
  left: 16.02%;
  top: 52.71%;
  width: 68.06%;
  height: 5.57%;
}
.whatsapp {
  left: 16.02%;
  top: 61.25%;
  width: 68.06%;
  height: 5.57%;
}
.email {
  left: 16.02%;
  top: 69.84%;
  width: 68.06%;
  height: 5.57%;
}
.instagram {
  left: 16.02%;
  top: 78.59%;
  width: 68.06%;
  height: 5.57%;
}

/* TABLET VERTICAL — arte 1085 × 1450 */
@media (orientation: portrait) and (min-width: 600px) {
  .imoveis {
    left: 19.63%;
    top: 61.72%;
    width: 58.07%;
    height: 6.41%;
  }
  .whatsapp {
    left: 19.63%;
    top: 68.62%;
    width: 58.07%;
    height: 6.41%;
  }
  .email {
    left: 19.63%;
    top: 75.52%;
    width: 58.07%;
    height: 6.41%;
  }
  .instagram {
    left: 19.63%;
    top: 82.55%;
    width: 58.07%;
    height: 6.34%;
  }
}

/* TABLET HORIZONTAL — arte 1450 × 1085 */
@media (orientation: landscape) and (pointer: coarse) {
  .imoveis {
    left: 15.52%;
    top: 66.45%;
    width: 31.93%;
    height: 9.68%;
  }
  .whatsapp {
    left: 50.14%;
    top: 66.45%;
    width: 31.86%;
    height: 9.68%;
  }
  .email {
    left: 15.52%;
    top: 77.60%;
    width: 31.93%;
    height: 9.95%;
  }
  .instagram {
    left: 50.14%;
    top: 77.60%;
    width: 31.86%;
    height: 9.95%;
  }
}

/* NOTEBOOK E DESKTOP — arte 1672 × 941 */
@media (orientation: landscape) and (pointer: fine) {
  .imoveis {
    left: 7.54%;
    top: 77.68%;
    width: 19.38%;
    height: 10.52%;
  }
  .whatsapp {
    left: 28.65%;
    top: 77.68%;
    width: 19.80%;
    height: 10.52%;
  }
  .email {
    left: 50.24%;
    top: 77.68%;
    width: 19.80%;
    height: 10.52%;
  }
  .instagram {
    left: 71.77%;
    top: 77.68%;
    width: 19.62%;
    height: 10.52%;
  }
}

.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;
}
