/* Páginas internas não têm o hero escuro da home: o header já nasce sólido,
   para os links brancos ficarem legíveis sobre o fundo claro. */
header{background:rgba(20,31,22,.95);backdrop-filter:blur(12px);padding:.72rem 0}
header::before{opacity:0}

/* Residencial Vitta — estilos exclusivos da página de tipologias.
   Depende de css/estilo.css (variáveis de cor, botões, header e rodapé). */

.tip-hero{padding:8.5rem 0 2.6rem;background:
  radial-gradient(120% 120% at 85% 0%, #E9EEE3 0%, #FBFAF6 55%, #FBFAF6 100%)}
.migalha{font-family:var(--sans);font-size:.8rem;color:var(--ink-suave);margin-bottom:1.4rem}
.migalha a{color:var(--verde-700);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:.22em;text-decoration-color:rgba(92,122,83,.45)}
.migalha a:hover{border-bottom-color:var(--verde-700)}
.migalha span{margin:0 .45rem;opacity:.6}
.tip-hero h1{font-family:var(--serif);font-weight:600;color:var(--verde-950);
  font-size:clamp(1.85rem,3.35vw,2.85rem);line-height:1.12;letter-spacing:-.012em;margin:.5rem 0 1rem;max-width:26ch;text-wrap:balance}
.tip-hero .lead{max-width:62ch}
.tip-resumo{margin-top:1.5rem;font-family:var(--sans);font-size:.86rem;color:var(--verde-900);
  background:#fff;border:1px solid var(--verde-100);border-radius:14px;padding:.85rem 1.15rem;display:inline-block}

.tip-lista{padding:1rem 0 4rem}
.tip-card{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.2rem,3vw,3rem);
  align-items:center;background:#fff;border:1px solid var(--verde-100);border-radius:22px;
  padding:clamp(1rem,2.2vw,2rem);margin-bottom:clamp(1.2rem,2.6vw,2rem);
  box-shadow:0 18px 44px -32px rgba(20,31,22,.4)}
.tip-foto{display:block;border-radius:16px;overflow:hidden;background:#F1F3EC;cursor:zoom-in}
.tip-foto img{display:block;width:100%;height:auto;transition:transform .5s ease}
.tip-foto:hover img{transform:scale(1.02)}
.tip-cat{display:inline-block;margin:0 0 .55rem;padding:.3em .8em;border-radius:999px;background:var(--verde-100);color:var(--verde-700);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}
.tip-info .eyebrow{margin-bottom:.35rem;color:#8A6A38} /* 5.0:1 sobre branco */
.tip-hero .eyebrow{color:#7E5F30} /* 5,6:1 sobre #FBFAF6 · 5,0:1 sobre o tom mais escuro do gradiente */
.tip-info h2{font-family:var(--serif);font-weight:600;color:var(--verde-950);
  font-size:clamp(1.4rem,2.4vw,1.95rem);line-height:1.15;margin:0 0 .5rem}
.tip-area{font-family:var(--sans);font-weight:700;font-size:1.28rem;color:var(--verde-700);margin:0 0 .7rem}
.tip-info > p:not(.eyebrow):not(.tip-area):not(.tip-selos):not(.tip-cat){
  font-family:var(--sans);font-size:.94rem;line-height:1.65;color:var(--ink-suave);max-width:46ch;margin:0 0 1rem}
.tip-selos{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.3rem}
.tip-selo{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--verde-700);background:var(--verde-100);border-radius:999px;padding:.34rem .72rem}
.tip-info .btn-wa{display:inline-flex}

.tip-cta{background:var(--verde-950);color:#fff;padding:clamp(2.6rem,5vw,4.2rem) 0;text-align:center}
.tip-cta h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 .8rem;color:#fff}
.tip-cta p{font-family:var(--sans);color:rgba(255,255,255,.78);max-width:56ch;margin:0 auto 1.7rem;line-height:1.65}
.tip-cta .btn-grande{font-size:1rem;padding:1rem 1.9rem}
.tip-nota{margin-top:1.4rem !important;font-size:.75rem !important;color:rgba(255,255,255,.6) !important}

@media (max-width:820px){
  .tip-hero{padding-top:9.6rem} /* header mobile é mais alto: evita cobrir a migalha */
  .tip-card{grid-template-columns:1fr}
  .tip-resumo{font-size:.8rem}
}

.tip-sem-foto{display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;min-height:240px;padding:2rem 1.6rem;border:1.5px dashed var(--verde-100);
  background:#F7F8F3;cursor:default}
.tip-sem-foto p{font-family:var(--serif);font-size:1.35rem;color:var(--verde-700);margin:0 0 .5rem;line-height:1.25}
.tip-sem-foto span{font-family:var(--sans);font-size:.82rem;color:var(--ink-suave);max-width:32ch;line-height:1.55}

/* item de menu correspondente à página atual */
header nav a.ativo{color:#fff}
header nav a.ativo::after{transform:scaleX(1)}