/* Página do Reserva Itanhangá na direção B. Carrega depois de ../style.css (a base da home) e
   ../empreendimento.css (o que as páginas de empreendimento têm em comum); aqui só o que é desta. */

/* enquadramento das fotos do Itanhangá */
.capa-img { object-position: 50% 62%; }
.convite-fundo img { object-position: 50% 45%; }
.fecho-fundo img { object-position: 50% 62%; }

/* ---------- empreendimento: a foto da página atual é pequena, fica no formato dela ---------- */
.conceito-foto picture { aspect-ratio: 36 / 25; max-width: 720px; }
.corrido .corrido-lide { font: 400 clamp(1.45rem, 1.05rem + 1vw, 1.9rem)/1.2 var(--serifa); color: var(--osso); }

/* ---------- estrutura: o texto de cada aba vem antes do trilho ---------- */
.lazer-texto { max-width: 46em; margin: 0 var(--margem) clamp(22px, 2.8vw, 36px); color: var(--osso-2); font-size: 1.0625rem; text-wrap: pretty; }
.lazer-controles { justify-content: flex-end; }

/* ---------- implantação: a imagem já tem os números; a legenda vai embaixo, em colunas ---------- */
.planta { grid-template-columns: 1fr; }
.planta-mapa { background: #0e130f; }
.planta-mapa a { display: block; cursor: zoom-in; }
.planta-mapa figcaption { pointer-events: none; left: auto; right: 14px; top: 12px; bottom: auto; padding: 6px 10px; border-radius: 999px; background: rgba(10, 14, 11, .7); color: var(--osso); font: 500 .6875rem/1 var(--sem); letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
.planta-legenda { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: clamp(20px, 2.4vw, 40px); }
.planta-legenda b { width: 28px; }

/* ---------- localização: o mapa da página atual, endereço e rotas ---------- */
.local { align-items: center; }
.local-mapa { position: relative; overflow: hidden; border-radius: 8px; aspect-ratio: 4 / 5; background: #0e130f; }
.local-mapa iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.local-texto { display: grid; gap: 24px; }
.endereco { display: grid; gap: 2px; padding-top: 20px; border-top: 1px solid var(--linha); font-style: normal; font-size: 1.0625rem; }
.endereco span + span { color: var(--osso-2); }
.rotas { display: flex; flex-wrap: wrap; gap: 8px 32px; }
@media (hover: hover) and (pointer: fine) { .rotas .elo-seta:hover::after { transform: translateX(6px); } }

/* ---------- conheça também: o logo do Prado no cartão ---------- */
.outro .logo-prado { width: 100px; }

@media (max-width: 1100px) and (min-width: 901px) { .planta-legenda { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 900px) {
  .capa-img { object-position: 46% 60%; }
  .conceito-foto picture { max-width: none; }
  .planta-legenda { grid-template-columns: 1fr 1fr; }
  .local-mapa { aspect-ratio: 4 / 3; }
  .outro .logo-prado { width: 74px; }
}