/* ============================================================
   MARINS ENGENHARIA — folha de estilo única
   Marca: azul #00378A (principal), amarelo #FFCC02 e branco
   (secundários), extraídos do logotipo.
   Uso: AZUL = venda de empreendimentos (foco principal)
        AMARELO = locação (área secundária, visualmente distinta)
   ============================================================ */

:root{
  /* marca */
  --azul:#00378A;
  --azul-esc:#002255;
  --azul-2:#1A54B0;
  --azul-nevoa:#E7EDF8;
  --amarelo:#FFCC02;
  --amarelo-esc:#B88A00;   /* versão legível do amarelo sobre branco */
  --verde:#11843F;         /* WhatsApp — escurecido para texto branco passar em contraste AA */
  --verde-esc:#0D6B33;
  --branco:#FFFFFF;

  /* neutros derivados do azul */
  --neve:#F3F5FA;
  --neve-2:#E6EBF4;
  --tinta:#0C1626;
  --cinza:#5A6478;
  --linha:rgba(12,22,38,.13);
  --linha-esc:rgba(255,255,255,.20);

  --fonte:"Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;
  --max:1240px;
  --gut:clamp(20px, 5vw, 56px);
  --r:0;
  --r-g:0;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

body{
  margin:0;background:var(--neve);color:var(--tinta);
  font-family:var(--fonte);font-size:1rem;line-height:1.6;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}

/* Raleway em todo o site, com o mesmo peso dos títulos do destaque Trentino. */
h1,h2,h3{
  margin:0;font-weight:600;line-height:1.04;letter-spacing:-.022em;
  text-wrap:balance;
}
h1{font-size:clamp(2.3rem, 6.2vw, 4.4rem)}
h2{font-size:clamp(1.85rem, 4vw, 3rem)}
h3{font-size:clamp(1.2rem, 2.2vw, 1.6rem);letter-spacing:-.015em}
p{margin:0 0 1em}
.medida{max-width:62ch}

.env{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.secao{padding-block:clamp(60px,8.5vw,112px)}
.secao--fina{padding-block:clamp(44px,6vw,72px)}

/* Destaque: texto sobre o céu, mantendo a fachada livre. */
.destaque{position:relative;isolation:isolate;min-height:480px;height: min(52vw,740px);margin-top:clamp(32px,5vw,72px);overflow:hidden;color:var(--azul-esc)}
.destaque__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-1}
.destaque__texto{position:absolute;left:72%;right:3%;top:50%;transform:translateY(-50%)}
.destaque__rotulo{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.destaque :is(h1,h2){font-size:clamp(2rem,3.8vw,4rem);font-weight:600}
.destaque__descricao{font-size:clamp(.9375rem,1.2vw,1.125rem);line-height:1.65;margin:22px 0 28px;max-width:24ch}
.destaque .destaque__botao{border:1px solid currentColor;background:transparent;color:var(--azul-esc);border-radius:0}
.destaque .destaque__botao:hover{background:var(--azul-esc);color:#fff}
@media(max-width:700px){
  .destaque{height:480px;min-height:0}
  .destaque__texto{left:auto;right:20px;width:195px}
  .destaque :is(h1,h2){font-size:2.25rem}
}

.rotulo{font-size:.8125rem;font-weight:600;color:var(--azul);margin:0 0 12px}
.rotulo--amarelo{color:var(--amarelo-esc)}
.rotulo--claro{color:var(--amarelo)}

:where(a,button,input,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--amarelo);outline-offset:2px;border-radius:3px;
}

.pular{position:absolute;left:-9999px;top:0;background:var(--azul);color:#fff;padding:10px 16px;z-index:300}
.pular:focus{left:8px;top:8px}

/* ---------- placeholder de imagem ---------- */
.ph{
  position:relative;background:var(--neve-2);
  border:1px solid var(--linha);border-radius:var(--r);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.ph::before{
  content:"";position:absolute;inset:7px;border:1px dashed rgba(0,55,138,.22);
  border-radius:3px;pointer-events:none;
}
.ph::after{
  content:attr(data-ph);font-size:.75rem;line-height:1.35;color:#566074;
  text-align:center;padding:10px 14px;max-width:26ch;font-weight:500;
}
.ph--esc{background:#123166;border-color:rgba(255,255,255,.16)}
.ph--esc::before{border-color:rgba(255,255,255,.2)}
.ph--esc::after{color:#9FB2D4}
.ph--sepia{background:#D8D0BE;border-color:rgba(12,22,38,.2)}
.ph--sepia::before{border-color:rgba(12,22,38,.2)}
.ph--sepia::after{color:#6B6354}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 22px;border-radius:var(--r);
  font-size:.9375rem;font-weight:600;text-decoration:none;
  border:2px solid transparent;cursor:pointer;
  transition:background-color .16s,color .16s,border-color .16s;
}
.btn svg{width:18px;height:18px;flex:none}
.btn--azul{background:var(--azul);color:#fff}
.btn--azul:hover{background:var(--azul-2)}
.btn--amarelo{background:var(--amarelo);color:var(--azul-esc)}
.btn--amarelo:hover{background:#FFD940}
.btn--linha{border-color:var(--azul);color:var(--azul)}
.btn--linha:hover{background:var(--azul);color:#fff}
.btn--claro{border-color:rgba(255,255,255,.55);color:#fff}
.btn--claro:hover{background:#fff;color:var(--azul)}
.btn--zap{background:var(--verde);color:#fff}
.btn--zap:hover{background:var(--verde-esc)}
.btn--bloco{width:100%}

.link-mapa{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.875rem;font-weight:500;color:var(--azul);text-decoration:none;
  border-bottom:1px solid rgba(0,55,138,.25);padding-bottom:2px;
}
.link-mapa:hover{border-bottom-color:var(--azul)}
.link-mapa svg{width:15px;height:15px;flex:none}

/* ============================================================
   CABEÇALHO
   ============================================================ */
.topo{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--linha);
}
.topo__in{
  max-width:var(--max);margin-inline:auto;padding:0 var(--gut);
  height:72px;display:flex;align-items:center;gap:22px;
}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.marca img{width:44px;height:auto;border-radius:0}
.marca__nome{display:none}

.nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.nav a{
  text-decoration:none;font-size:.9375rem;font-weight:600;color:var(--tinta);
  padding:7px 0;border-bottom:2.5px solid transparent;
}
.nav a:hover{border-bottom-color:var(--azul)}
.nav a.nav__loc{color:var(--amarelo-esc)}
.nav a.nav__loc:hover{border-bottom-color:var(--amarelo)}
.topo .btn{padding:11px 18px}
.nav .btn{display:none}

.menu-btn{
  margin-left:auto;display:none;background:none;border:1.5px solid var(--linha);
  border-radius:var(--r);padding:9px 11px;line-height:0;cursor:pointer;color:var(--azul);
}
.menu-btn svg{width:22px;height:22px}

@media (max-width:960px){
  .topo > .topo__in > .btn{display:none}
  .menu-btn{display:block}
  .nav{
    position:absolute;left:0;right:0;top:72px;margin:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:3px solid var(--amarelo);
    padding:6px var(--gut) 22px;display:none;
  }
  .nav[data-aberto="1"]{display:flex}
  .nav a{padding:15px 0;border-bottom:1px solid var(--linha)}
  .nav .btn{display:inline-flex;margin-top:18px}
}

/* ============================================================
   CARROSSEL DO TOPO
   ============================================================ */
.cr{position:relative;background:var(--azul-esc);overflow:hidden}
.cr__palco{position:relative;min-height:100vh;min-height:100svh}
.cr__slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:none;
  display:flex;align-items:center;
}
.cr__slide--ativo{opacity:1;visibility:visible}
/* enquanto o dedo arrasta, a foto acompanha o movimento sem transição */
.cr--arrasto .cr__slide{transition:none}
.cr__slide--vizinho{opacity:1;visibility:visible;z-index:2}
.cr__slide--soltando{transition:transform .38s cubic-bezier(.22,.61,.36,1)}
@media (prefers-reduced-motion:reduce){ .cr__slide{transition:none} }
.cr__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* véu escuro: é ele que mantém a frase legível sobre qualquer foto */
.cr__slide::after{
  content:"";position:absolute;inset:0;
  /* Véu uniforme para manter legíveis os textos centralizados. */
  background:rgba(0,12,30,.42);
}
@media (max-width:820px){
  .cr__slide::after{background:linear-gradient(180deg, rgba(0,12,30,.35) 0%, rgba(0,12,30,.62) 60%, rgba(0,12,30,.75) 100%)}
}
.cr__texto{position:relative;z-index:2;width:100%;text-align:center;padding-block:clamp(70px,10vw,110px)}
.cr__titulo{
  color:#fff;max-width:23ch;margin-inline:auto;
  font-size:clamp(2.1rem,5.4vw,4rem);
  text-shadow:none;
}
.realce{color:var(--amarelo)}
.cr__sub{
  color:#EAF0FA;max-width:64ch;margin:24px auto 0;
  font-size:clamp(1rem,1.5vw,1.125rem);
  text-shadow:none;
}
.cr__texto .btn{margin-top:26px}
.cr__seta{
  position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  background:rgba(0,34,85,.55);border:2px solid rgba(255,255,255,.7);color:#fff;
  display:grid;place-items:center;
}
.cr__seta:hover{background:var(--azul)}
.cr__seta svg{width:20px;height:20px}
.cr__seta--esq{left:14px}
.cr__seta--dir{right:14px}
.cr__seta--dir svg{transform:rotate(180deg)}
@media (max-width:720px){ .cr__seta{display:none} }

.cr__pontos{
  position:absolute;left:0;right:0;bottom:26px;z-index:4;
  display:flex;justify-content:center;gap:10px;
}
.cr__ponto{
  width:34px;height:4px;border:0;border-radius:99px;cursor:pointer;padding:0;
  background:rgba(255,255,255,.5);
  position:relative;overflow:hidden;   /* segura a barrinha de progresso */
}
/* enche em 6 segundos, acompanhando a troca de foto */
.cr__ponto-carga{
  position:absolute;inset:0;width:100%;
  transform:scaleX(0);transform-origin:left center;
  background:var(--amarelo);border-radius:99px;pointer-events:none;
}

/* ============================================================
   GRADES DE CARTÕES E POSTS
   ============================================================ */
.grade-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.pg__titulo{font-size:clamp(2.1rem,4.6vw,3.2rem);margin-top:4px}
.pg__titulo--claro{color:#fff}

.grade-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.post{
  background:#fff;border:1px solid var(--linha);border-radius:var(--r-g);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s;
}
.post:hover{border-color:var(--azul);box-shadow:0 10px 26px rgba(0,35,85,.10)}
.post__foto{aspect-ratio:16/10;border:0;border-radius:0}
.post__corpo{padding:20px;display:flex;flex-direction:column;gap:10px}
.post__data{margin:0;font-size:.8125rem;font-weight:600;color:var(--azul)}
.post__resumo{margin:0;color:var(--cinza);font-size:.9375rem}

/* ============================================================
   EMPREENDIMENTOS (venda — azul)
   ============================================================ */
.cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}
.cab p{color:var(--cinza);margin:14px 0 0;max-width:52ch}

.trilho{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(258px,296px);
  gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-block:4px 18px;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);
  scrollbar-width:thin;
}
.trilho > *{scroll-snap-align:start}
.trilho::-webkit-scrollbar{height:7px}
.trilho::-webkit-scrollbar-thumb{background:var(--azul-2);border-radius:99px}

.cartao{
  background:#fff;border:1px solid var(--linha);border-radius:var(--r-g);
  display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .16s, box-shadow .16s;
}
.cartao:hover{border-color:var(--azul);box-shadow:0 10px 26px rgba(0,35,85,.10)}
.cartao__foto{position:relative;display:block;text-decoration:none}
.cartao__foto .ph,
.cartao__foto img{aspect-ratio:4/3;border:0;border-radius:0;width:100%;object-fit:cover}
/* bolinha do WhatsApp no canto superior direito do card de venda */
.cartao{position:relative}
.cartao__zap{
  position:absolute;top:10px;right:10px;z-index:3;
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--verde);color:#fff;border:2px solid #fff;
  transition:background-color .16s;
}
.cartao__zap:hover{background:var(--verde-esc)}
.cartao__zap svg{width:24px;height:24px}
.cartao__tag{
  position:absolute;top:12px;left:12px;z-index:2;
  background:var(--azul);color:#fff;font-size:.75rem;font-weight:600;
  padding:6px 11px;border-radius:0;
}
.cartao__tag--obras{background:#fff;color:var(--azul);box-shadow:inset 0 0 0 1.5px var(--azul)}
.cartao__corpo{padding:18px 18px 20px;display:flex;flex-direction:column;gap:11px;flex:1}
.cartao__corpo h3 a{text-decoration:none}
.cartao__corpo h3 a:hover{color:var(--azul)}
.cartao__meta{font-size:.875rem;color:var(--cinza);margin:0}
.cartao__pe{margin-top:auto;padding-top:8px}

.prog__topo{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.8125rem;margin-bottom:7px}
.prog__pct{font-weight:600;color:var(--azul)}
.prog__data{color:var(--cinza);font-size:.75rem;font-weight:500;margin:7px 0 0}
.prog__trilha{height:8px;background:var(--neve-2);border-radius:99px;overflow:hidden}
.prog__barra{height:100%;width:0;background:var(--azul);border-radius:99px;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
/* barra de obra é sempre azul: amarelo fica reservado para locação */
@media (prefers-reduced-motion:reduce){ .prog__barra{transition:none} }

/* ============================================================
   25 ANOS / VALORES
   ============================================================ */
.anos{background:#fff;border-block:1px solid var(--linha)}
.anos__grade{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(24px,4vw,52px);align-items:start}
.anos__foto{aspect-ratio:3/4;width:100%}
.anos__texto p{color:var(--cinza);margin-top:18px}
.destaques{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
.destaques li{border-left:4px solid var(--amarelo);padding-left:18px}
.destaques b{display:block;font-size:1.0625rem;font-weight:600;margin-bottom:6px}
.destaques span{color:var(--cinza);font-size:.9375rem}
@media (max-width:900px){ .anos__grade{grid-template-columns:1fr} .anos__foto{aspect-ratio:4/3} }

/* ============================================================
   LOCAÇÃO (amarelo sobre azul — claramente outra área)
   ============================================================ */
.loc{background:var(--azul);color:#fff;border-top:6px solid var(--amarelo)}
.loc h2{color:#fff}
.aviso{
  border-left:4px solid var(--amarelo);padding:4px 0 4px 20px;margin:22px 0 38px;
  max-width:60ch;color:#D3DFF2;font-size:1.0625rem;
}
.loc .cab p{color:#B6C7E2}
.loc .grade-cartoes .cartao__meta{color:#B6C7E2}
.loc .trilho::-webkit-scrollbar-thumb{background:var(--amarelo)}
.loc .cartao{background:#0B3273;border-color:rgba(255,255,255,.18);color:#fff}
.loc .cartao:hover{border-color:var(--amarelo);box-shadow:none}
.loc .cartao__meta{color:#B6C7E2}
.loc .prog__data{color:#B6C7E2}
.loc .link-mapa{color:#fff;border-bottom-color:rgba(255,255,255,.3)}
.loc .link-mapa svg{color:var(--amarelo)}
.loc .cartao__tag{background:var(--amarelo);color:var(--azul-esc)}
.loc__predio{font-size:.8125rem;font-weight:600;color:var(--amarelo);margin:0}
.ficha{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px 14px;font-size:.8125rem;color:#C3D2EA}
.ficha li{display:flex;align-items:center;gap:6px}
.ficha svg{width:15px;height:15px;color:var(--amarelo);flex:none}

/* ============================================================
   LINHA DO TEMPO
   ============================================================ */
.marco{
  display:grid;grid-template-columns:130px 1fr;gap:clamp(20px,4vw,48px);
  padding:32px 0;border-top:1px solid var(--linha);align-items:start;
}
.marco:last-child{border-bottom:1px solid var(--linha)}
.marco__ano{
  font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:600;line-height:1;
  font-variation-settings:"wdth" 108;color:var(--azul);
  position:sticky;top:100px;
}
.marco__ano::after{content:"";display:block;width:34px;height:4px;background:var(--amarelo);margin-top:10px}
.marco__conteudo{display:grid;grid-template-columns:minmax(0,250px) 1fr;gap:clamp(20px,3vw,36px);align-items:start}
.marco__conteudo .ph{aspect-ratio:4/3}
.marco h3{margin-bottom:10px}
.marco p{color:var(--cinza);margin:0}

.principios{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,52px);margin-top:56px}
.principios p{color:var(--cinza);margin:10px 0 0}
@media (max-width:900px){ .principios{grid-template-columns:1fr} }
@media (max-width:860px){
  .marco{grid-template-columns:1fr;gap:16px}
  .marco__ano{position:static}
  .marco__conteudo{grid-template-columns:1fr}
}

/* ============================================================
   DEPOIMENTOS
   ============================================================ */
.depoimentos{background:var(--neve);border-block:1px solid var(--linha)}
.abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.aba{
  background:#fff;border:1.5px solid var(--linha);border-radius:0;
  padding:10px 20px;font-size:.9375rem;font-weight:600;cursor:pointer;color:var(--tinta);
  transition:background-color .16s,color .16s,border-color .16s;
}
.aba:hover{border-color:var(--azul)}
.aba[aria-selected="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.aba[aria-selected="true"][data-loc]{background:var(--amarelo);border-color:var(--amarelo);color:var(--azul-esc)}

.depos{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:20px}
.depo{
  margin:0;background:#fff;border:1px solid var(--linha);border-radius:var(--r-g);
  border-top:4px solid var(--amarelo);
  padding:26px 24px;display:flex;flex-direction:column;gap:16px;
}
.depo blockquote{margin:0;font-size:1.0625rem;line-height:1.55}
.depo--interno{border:0;border-top:4px solid var(--amarelo);padding:20px 0 0;border-radius:0}
.depo figcaption{font-size:.875rem;color:var(--cinza);margin-top:auto}
.depo figcaption b{display:block;color:var(--tinta);font-size:.9375rem;font-weight:600}
[hidden]{display:none !important}

/* ============================================================
   CONTATO
   ============================================================ */
.contato{background:#fff;border-top:1px solid var(--linha)}
.contato__grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:880px){ .contato__grade{grid-template-columns:1fr} }
.mapa{border:1px solid var(--linha);border-radius:var(--r-g);overflow:hidden;background:var(--neve-2)}
.mapa iframe{display:block;width:100%;height:330px;border:0}
.infos{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:15px;font-size:.9375rem}
.infos li{display:flex;gap:12px;align-items:flex-start}
.infos li > span:first-child{flex:none;line-height:0;margin-top:3px}
.infos svg{width:18px;height:18px;color:var(--azul);flex:none}
.infos b{font-weight:600}
.infos a{text-decoration:none;border-bottom:1px solid var(--linha)}
.infos a:hover{border-bottom-color:var(--azul)}

.form{display:grid;gap:16px;background:var(--neve);border:1px solid var(--linha);border-radius:var(--r-g);padding:clamp(20px,3vw,30px)}
.campo{display:grid;gap:7px}
.campo label{font-size:.875rem;font-weight:600}
.campo input,.campo textarea{
  font:inherit;font-size:1rem;padding:13px 14px;background:#fff;
  border:1.5px solid var(--linha);border-radius:var(--r);color:var(--tinta);width:100%;
}
.campo input:focus,.campo textarea:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px rgba(0,55,138,.14)}
.campo textarea{resize:vertical;min-height:130px}
.campo [aria-invalid="true"]{border-color:#A32218}
.form__nota{margin:0;font-size:.8125rem;color:var(--cinza)}
.form__aviso{font-size:.875rem;margin:0;min-height:1.2em;font-weight:500}
.form__aviso[data-tipo="erro"]{color:#A32218}
.form__aviso[data-tipo="ok"]{color:var(--azul)}


/* ============================================================
   POST DO BLOG — 10 blocos do Guia de Produção de Blog
   Paleta: primária (azul da marca), secundária (amarelo),
   fundo claro primário, fundo claro secundário e dois cinzas.
   ============================================================ */
:root{
  --post-claro:#EEF1F8;        /* fundo claro primário */
  --post-claro-2:#FFF7DF;      /* fundo claro secundário */
  --post-texto:#1A1A1A;
  --post-texto-2:#666666;
}

/* 1. cabeçalho da marca, sobre a foto do post */
.post-capa{position:relative;background:var(--azul-esc);min-height:clamp(260px,38vw,380px);display:flex;align-items:flex-end}
.post-capa__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post-capa::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,20,50,.45) 0%, rgba(0,20,50,.82) 100%)}
.post-capa__texto{position:relative;z-index:2;width:100%;padding-block:clamp(28px,4vw,44px);text-align:center}
.post-capa__marca{margin:0;color:var(--amarelo);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.02em}
.post-capa__sub{margin:6px 0 0;color:#fff;font-size:.9375rem}
.post-capa__pe{
  margin:14px auto 0;padding-top:12px;max-width:520px;
  border-top:2px solid var(--amarelo);color:#E5D9A8;font-size:.8125rem;font-weight:500;
}

.post__env{max-width:820px}
.post__env .volta{margin-bottom:22px}

/* 2. bloco SEO */
.post__seo{
  background:#F7F8FB;border:1px solid var(--linha);border-radius:var(--r);
  padding:16px 18px;margin-bottom:28px;
}
.post__seo p{margin:0 0 6px;font-size:.8125rem;color:var(--post-texto-2);line-height:1.5}
.post__seo p:last-child{margin:0}
.post__seo b{color:var(--azul)}

/* 3. título */
.post__titulo{color:var(--azul);font-size:clamp(2rem,4.4vw,2.9rem);margin-bottom:26px}

/* 4. resumo rápido, com a barra vertical da cor primária */
.post__resumo-rapido{
  background:var(--post-claro);border-left:6px solid var(--azul);
  border-radius:0 var(--r) var(--r) 0;padding:20px 22px;margin-bottom:28px;
}
.post__resumo-rotulo{margin:0 0 8px;font-weight:600;color:var(--azul);font-size:1.0625rem}
.post__resumo-rapido p:last-child{margin:0;color:var(--post-texto)}

/* 5. introdução */
.post__intro{font-size:1.0625rem;color:var(--post-texto);margin-bottom:34px}

/* 6. seções H2 */
.post__secao{margin-bottom:34px}
.post__secao h2{color:var(--azul);font-size:clamp(1.4rem,2.6vw,1.75rem);margin-bottom:14px}
.post__secao p{color:var(--post-texto)}
.post__lista{margin:0 0 16px;padding-left:20px;display:grid;gap:9px;color:var(--post-texto)}
.post__lista li::marker{color:var(--azul)}

.post__figura{margin:20px 0;border-radius:var(--r-g);overflow:hidden;border:1px solid var(--linha)}
.post__figura img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post__figura--retrato img{aspect-ratio:3/4;object-position:center 35%}
.post__figura figcaption{background:var(--post-claro);padding:10px 14px;font-size:.8125rem;color:var(--post-texto-2)}

/* callouts: 4 tipos, borda lateral colorida */
.callout{border-left:6px solid var(--amarelo);background:var(--post-claro);padding:14px 18px;border-radius:0 var(--r) var(--r) 0;margin:16px 0}
.callout p{margin:0;font-size:.9375rem;color:var(--post-texto)}
.callout--destaque{background:var(--post-claro-2);border-left-color:var(--amarelo)}
.callout--destaque p{color:var(--azul-esc);font-weight:600}
.callout--alerta{background:#FDECEA;border-left-color:#A32218}
.callout--positivo{background:#E9F5EE;border-left-color:var(--verde)}

/* 7. tabela */
.post__tabela-caixa{overflow-x:auto;margin:0 0 34px}
.post__tabela{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:520px}
.post__tabela caption{text-align:left;font-weight:600;color:var(--azul);margin-bottom:10px;font-size:1.0625rem}
.post__tabela thead th{background:var(--azul);color:#fff;font-weight:600;text-align:left;padding:11px 14px}
.post__tabela tbody th,.post__tabela tbody td{padding:11px 14px;vertical-align:top;border-bottom:1px solid var(--linha)}
.post__tabela tbody th{text-align:left;font-weight:600;color:var(--azul);width:26%}
.post__tabela tbody tr:nth-child(odd){background:var(--post-claro)}
.post__tabela-destaque,.post__tabela tbody tr.post__tabela-destaque:nth-child(odd){
  background:var(--post-claro-2);box-shadow:inset 0 0 0 2px var(--amarelo);
}

/* 8. FAQ */
.faq{display:grid;gap:18px}
.faq__item{border-top:1px solid var(--linha);padding-top:16px}
.faq__item h3{color:var(--azul);font-size:1.0625rem;margin-bottom:8px}
.faq__item p{margin:0;color:var(--post-texto)}

/* 9. CTA */
.post__cta{
  background:var(--azul);border:2px solid var(--amarelo);border-radius:var(--r-g);
  padding:clamp(24px,4vw,36px);text-align:center;margin:34px 0;
}
.post__cta h2{color:var(--amarelo);font-size:clamp(1.4rem,2.8vw,1.9rem);margin-bottom:10px}
.post__cta p{color:#fff;margin:0 0 6px}
.post__cta-contato{font-weight:600;color:var(--amarelo)}
.post__cta .btn{margin-top:16px}

/* 10. fontes e leia também */
.post__fontes{border-top:3px solid var(--amarelo);padding-top:16px}
.post__fontes-rotulo{margin:0 0 6px;font-weight:600;color:var(--azul);font-size:.9375rem}
.post__fontes p:last-child{margin:0;font-size:.8125rem;color:var(--post-texto-2)}
.post__leia{margin-top:34px}
.post__outros{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:10px}
.post__outro{
  display:block;background:#fff;border:1px solid var(--linha);border-radius:var(--r-g);
  padding:16px 18px;text-decoration:none;transition:border-color .16s;
}
.post__outro:hover{border-color:var(--azul)}
.post__outro-data{display:block;font-size:.75rem;font-weight:600;color:var(--azul);margin-bottom:4px}
.post__outro-titulo{font-weight:600;line-height:1.3}

/* cards da listagem */
.post__foto-link{display:block;text-decoration:none}
.post__foto{aspect-ratio:16/10;width:100%;object-fit:cover;border:0;border-radius:0}
.post__corpo h3 a{text-decoration:none}
.post__corpo h3 a:hover{color:var(--azul)}
.post__link{
  margin-top:auto;font-size:.875rem;font-weight:600;color:var(--azul);text-decoration:none;
  border-bottom:2px solid var(--amarelo);align-self:flex-start;padding-bottom:2px;
}

/* ============================================================
   RODAPÉ
   ============================================================ */
.rodape{background:var(--azul-esc);color:#AEC0DC;padding-block:clamp(48px,6vw,72px);font-size:.9375rem;border-top:6px solid var(--amarelo)}
.rodape__grade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(28px,4vw,56px)}
.rodape__tit{font-size:1rem;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:0;font-variation-settings:"wdth" 100}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.rodape a{text-decoration:none;color:#AEC0DC}
.rodape a:hover{color:var(--amarelo)}
.rodape .marca img{width:58px;background:#fff;padding:4px;border-radius:0}
.rodape__texto{margin-top:18px;color:#8FA4C6;max-width:34ch}
.rodape__fim{
  border-top:1px solid var(--linha-esc);margin-top:44px;padding-top:22px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.8125rem;color:#7B90B4;
}
@media (max-width:820px){ .rodape__grade{grid-template-columns:1fr 1fr} }
@media (max-width:540px){ .rodape__grade{grid-template-columns:1fr} }

/* ============================================================
   WHATSAPP FIXO
   ============================================================ */
.zap-fixo{
  position:fixed;right:20px;bottom:20px;z-index:150;
  width:70px;height:70px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--verde);color:#fff;text-decoration:none;
  border:0;
}
.zap-fixo span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}  /* só para leitor de tela */
.zap-fixo:hover{background:var(--verde-esc)}
.zap-fixo svg{width:36px;height:36px}


/* ============================================================
   PÁGINA INTERNA DO EMPREENDIMENTO
   ============================================================ */
.volta{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--azul);margin-bottom:24px}
.volta:hover{text-decoration:underline}
.volta svg{width:15px;height:15px}

.emp__cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.emp__cab h1{font-size:clamp(2.1rem,5vw,3.6rem)}
.emp__sub{color:var(--cinza);margin:10px 0 0}
.h2--menor{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.secao--fina .cab{margin-bottom:26px}

.emp__grade{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,1fr);gap:20px;align-items:start}

/* ordem da página do prédio: 1) fachada  2) informações  3) fotos */
.emp__capa{margin-bottom:28px}
.emp__capa .miniatura{width:100%;cursor:zoom-in}
.emp__capa .emp__foto{aspect-ratio:16/10;max-height:560px}
.emp__capa .miniatura > span{display:none}
.emp__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start;margin-bottom:34px}
.emp__fotos{margin-top:8px}
.emp__fotos h2{margin-bottom:16px}
.emp__fotos .emp__galeria{
  max-height:none;overflow:visible;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
}
.emp__principal .ph,
.emp__foto{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:var(--r-g);border:1px solid var(--linha)}
.emp__galeria{display:grid;gap:12px;max-height:600px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.emp__galeria::-webkit-scrollbar{width:7px}
.emp__galeria::-webkit-scrollbar-thumb{background:var(--azul-2);border-radius:99px}
.miniatura{border:0;padding:0;background:none;cursor:pointer;display:grid;gap:6px;text-align:left;width:100%}
.miniatura .ph{aspect-ratio:4/3;transition:border-color .16s}
.miniatura:hover .ph{border-color:var(--azul)}
.miniatura span{font-size:.8125rem;color:var(--cinza);font-weight:500}

.caixa{background:#fff;border:1px solid var(--linha);border-radius:var(--r-g);padding:22px}
.caixa + .caixa{margin-top:20px}
.caixa h2{font-size:1.25rem;margin-bottom:14px}
.caixa h3{font-size:1rem;font-weight:600;margin:22px 0 10px;font-variation-settings:"wdth" 100;letter-spacing:0}
.perto{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.9375rem}
.perto li{display:flex;gap:9px;align-items:center}
.perto svg{width:16px;height:16px;color:var(--azul);flex:none}
.tabela{width:100%;border-collapse:collapse;font-size:.9375rem}
.tabela th,.tabela td{text-align:left;padding:10px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.tabela th{font-weight:600;width:44%;color:var(--cinza)}
.tabela tr:last-child th,.tabela tr:last-child td{border-bottom:0}
.caixa__texto{margin:0;color:var(--cinza);font-size:.9375rem}

@media (max-width:1040px){
  .emp__grade{grid-template-columns:1fr 1fr}
  .emp__lado{grid-column:1 / -1}
  .emp__galeria{max-height:none;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media (max-width:680px){
  .emp__grade{grid-template-columns:1fr}
  .emp__capa .emp__foto{aspect-ratio:4/3}
  .emp__fotos .emp__galeria{grid-template-columns:repeat(2,1fr);gap:10px}
  .emp__fotos .miniatura > span{font-size:.75rem}
}

.lupa{position:fixed;inset:0;z-index:200;background:rgba(0,20,50,.94);display:grid;place-items:center;padding:24px}
.lupa__cx{max-width:980px;width:100%}
.lupa .ph{aspect-ratio:4/3}
.lupa__leg{color:#C5D2E8;font-size:.875rem;margin-top:12px}
.lupa__fechar{
  position:absolute;top:18px;right:18px;background:var(--amarelo);border:0;
  color:var(--azul-esc);border-radius:0;padding:10px 18px;cursor:pointer;font-size:.875rem;font-weight:600;
}

/* Cabeçalho sobre a foto inicial; o branco acompanha a rolagem. */
.home .topo{position:fixed;left:0;right:0;background:rgba(255,255,255,var(--topo-opacidade,0));backdrop-filter:none;border-bottom-color:rgba(220,226,235,var(--topo-opacidade,0))}
.home .topo:not(.topo--claro) .nav > a:not(.btn){color:#fff;text-shadow:none}
.home .topo:not(.topo--claro) .nav > a.nav__loc{color:var(--amarelo)}
.home .topo:not(.topo--claro) .menu-btn{color:#fff;border-color:rgba(255,255,255,.7)}
.home .cr__texto{padding-top:130px;padding-bottom:100px}
.cr__slide--saindo{visibility:visible;opacity:1;animation:slide-sair 1.4s cubic-bezier(.45,0,.2,1) both}
.cr__slide--entrando{animation:slide-entrar 1.4s cubic-bezier(.45,0,.2,1) both}
@keyframes slide-sair{from{transform:translateX(0)}to{transform:translateX(var(--cr-saida,-100%))}}
@keyframes slide-entrar{from{transform:translateX(var(--cr-entrada,100%))}to{transform:translateX(0)}}
.miniatura img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);border:1px solid var(--linha)}
.miniatura:hover img{border-color:var(--azul)}
.emp__principal .emp__foto{object-fit:contain;background:var(--neve)}
.foto-ausente{display:grid;place-items:center;min-height:180px;background:var(--neve);color:var(--cinza);width:100%}
.lupa__imagem{display:block;width:100%;height:calc(100dvh - 170px);object-fit:contain}
.lupa__leg{text-align:center}
.lupa__controles{display:flex;justify-content:center;gap:16px}
.lupa__controles button{background:white;color:var(--azul-esc);border:0;border-radius:0;padding:10px 18px;cursor:pointer;font:inherit}
.cartao__foto .miniatura{height:100%;position:relative}
.cartao__foto .miniatura img{height:100%;object-fit:cover}
.cartao__foto .miniatura span{position:absolute;bottom:10px;left:10px;background:#fff;padding:5px 8px;border-radius:0}
@media(max-width:960px){
  .home .topo:not(.topo--claro) .nav > a:not(.btn){color:var(--tinta);text-shadow:none}
  .home .topo:not(.topo--claro) .nav > a.nav__loc{color:var(--amarelo-esc)}
}
@media(max-height:520px) and (min-width:721px){.cr__titulo{font-size:2rem}.home .cr__texto{padding-top:90px;padding-bottom:60px}.cr__sub{margin-top:10px}.cr__texto .btn{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.cr__slide--saindo,.cr__slide--entrando{animation:none}}

/* Navegação: indicação persistente da página atual. */
.nav a[aria-current="page"]{border-bottom-color:var(--azul);border-bottom-width:3px}
.topo__pagina{display:none}
.anos__foto{width:100%;height:auto;object-fit:cover;border-radius:var(--r-g)}
.entrega{display:inline-flex;align-items:center;align-self:flex-start;margin:8px 0 0;padding:6px 14px;border-radius:0;background:var(--azul-nevoa);color:var(--azul);font-weight:600;font-size:.875rem}
.entrega--obras{background:#fff1ba;color:#715400}
.historia__dica{font-size:.875rem;color:var(--cinza)}
#linha-tempo{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:var(--azul) var(--azul-nevoa)}
#linha-tempo .marco{display:flex;flex-direction:column;flex:0 0 300px;gap:22px;border:0;padding:0 24px 0 0;scroll-snap-align:start;position:relative}
#linha-tempo .marco::before{content:"";position:absolute;top:65px;left:0;right:0;height:2px;background:var(--azul)}
#linha-tempo .marco__ano{position:relative;top:auto;padding-bottom:24px;font-size:2.5rem;line-height:1.2}
#linha-tempo .marco__ano::after{position:absolute;bottom:0;left:0;margin:0;width:14px;height:14px;border-radius:50%;background:var(--amarelo);border:3px solid var(--azul)}
#linha-tempo .marco__conteudo{display:flex;flex-direction:column;gap:20px}
#linha-tempo .marco__conteudo .ph{width:100%}
@media(max-width:960px){
  .topo__pagina{display:block;margin-left:auto;font-size:.875rem;font-weight:600;color:var(--azul);border-bottom:3px solid var(--azul);padding-bottom:3px}
  .topo .menu-btn{margin-left:0}
  .home .topo:not(.topo--claro) .topo__pagina{color:white}
  .nav a[aria-current="page"]{border-left:4px solid var(--azul);border-bottom-color:transparent;background:var(--azul-nevoa);color:var(--azul)}
}
@media(max-width:600px){#linha-tempo .marco{flex-basis:85%;max-width:320px}}

.selos-empreendimento{display:flex;flex-wrap:wrap;gap:8px}
.entrega--lancamento{background:var(--amarelo);color:var(--azul-esc)}
.entrega--novidades{background:var(--azul);color:#fff}

/* Selos sobre as fotos, sem ocupar espaço no corpo do cartão. */
.emp__principal{position:relative}
.emp__capa .selos-empreendimento{display:none}
.selos-empreendimento{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;justify-content:space-between;gap:6px;pointer-events:none}
.selos-empreendimento .entrega{margin:0;padding:6px 9px;font-size:.7rem;line-height:1.35;background:var(--azul);color:white}
.selos-empreendimento .entrega--lancamento{background:#c62828;color:white}
.selos-empreendimento .entrega--esgotado{background:rgba(12,22,38,.78);color:#fff}
.selos-empreendimento .entrega--disponivel{background:var(--amarelo);color:var(--azul-esc)}

/* unidades à venda e aviso de esgotado na página do prédio */
.caixa--unidades{border-color:var(--amarelo);border-width:2px;margin-bottom:28px}
.unidades{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.unidades li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;border-bottom:1px solid var(--linha);padding-bottom:10px}
.unidades li:last-child{border-bottom:0;padding-bottom:0}
.unidades b{color:var(--azul);min-width:92px}
.unidades span{color:var(--tinta)}
.aviso-esgotado{
  background:var(--neve-2);border-left:6px solid var(--azul);border-radius:0 var(--r) var(--r) 0;
  padding:14px 18px;margin:0 0 28px;color:var(--tinta);font-weight:500;
}
.selos-empreendimento .entrega--novidades{background:var(--amarelo);color:var(--azul-esc);margin-left:auto}
.trilho-controles{display:none}
@media(max-width:680px){
  .trilho,#grade-edificios{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gut) * -1);padding:4px var(--gut) 12px;scrollbar-width:thin;align-items:start}
  .trilho > .cartao,#grade-edificios > .cartao{scroll-snap-align:start;scroll-snap-stop:always}
  .cartao__corpo{padding:16px;gap:10px}
  .trilho-controles{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
  .trilho-controles span{font-size:.75rem;color:var(--cinza);text-align:center}
  .trilho-controles button{width:44px;height:44px;flex-shrink:0;border:1px solid var(--linha);border-radius:50%;background:white;color:var(--azul);font-size:1.25rem;cursor:pointer}
  .trilho-controles button:disabled{opacity:.35;cursor:default}
}

/* Fotos exclusivas do desktop, com enquadramento horizontal. */
@media(min-width:961px){
  /* O recorte do Ferretto privilegia a identificação e a entrada do prédio. */
  .cr__slide[data-i="1"]{overflow:hidden;background:var(--azul-esc)}
  .cr__slide[data-i="1"] .cr__foto{object-fit:cover;object-position:center 60%}
  .cr__slide[data-i="2"]{overflow:hidden;background:var(--azul-esc)}
  .cr__slide[data-i="2"] .cr__foto{object-fit:cover;object-position:center;image-rendering:auto}
}

/* Identidade do carrossel e enquadramento da placa do Ferretto. */
input,textarea,select{font-family:var(--fonte)}
.cr .realce{color:#72B5FF}
.cr__ponto-carga{background:#72B5FF}
.cr :focus-visible{outline-color:#72B5FF}
@media(min-width:961px){
 .home .cr__slide[data-i="1"]{align-items:flex-end}
 .home .cr__slide[data-i="1"] .cr__texto{padding-top:100px;padding-bottom:10vh}
}

/* Home: Trentino na abertura e quatro histórias com fotos ao lado. */
.home--trentino .destaque{margin-top:0;height:100vh;height:100svh;min-height:480px}
.destaque__botao{animation:destaque-pulso 2.4s ease-in-out infinite}
@keyframes destaque-pulso{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.apresentacao{background:#fff}
.apresentacao .env{display:grid;gap:clamp(48px,7vw,96px)}
.apresentacao__item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,72px)}
.apresentacao__item:nth-child(even) .apresentacao__foto{order:2}
.apresentacao__foto{display:block;overflow:hidden}
.apresentacao__foto img{width:100%;height:420px;object-fit:cover}
.apresentacao__item:nth-child(2) img{object-position:center 60%}
.apresentacao__texto h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15}
.apresentacao__texto .realce{color:var(--azul)}
.apresentacao__texto p{margin:24px 0;color:var(--cinza);max-width:48ch}
@media(max-width:700px){
 /* No celular o menu e branco e ocupa o proprio espaco, em vez de
    flutuar por cima da foto. Com isso o veu escuro no topo sai e a
    foto comeca abaixo do menu. */
 .home .topo{
   position:sticky;background:rgba(255,255,255,.97);
   border-bottom-color:var(--linha);backdrop-filter:saturate(160%) blur(10px)}
 .home .topo:not(.topo--claro) .menu-btn{color:var(--tinta);border-color:var(--linha)}
 .home .topo:not(.topo--claro) .topo__pagina{color:var(--azul)}
 .home--trentino .destaque::before{display:none}

 /* No celular a abertura vira duas faixas que juntas ocupam a tela:
    a foto em cima, com o predio inteiro, e o texto embaixo no claro.
    Recortar a foto na horizontal so mostrava metade do predio. */
 .home--trentino .destaque{
   height:calc(100vh - 73px);height:calc(100svh - 73px);
   min-height:520px;max-height:none;
   display:grid;grid-template-rows:minmax(260px,50%) 1fr}
 .home--trentino .destaque__foto{
   position:static;grid-row:1;z-index:auto;width:100%;height:100%;object-position:14% center}
 .home--trentino .destaque__texto{
   position:static;grid-row:2;transform:none;left:auto;right:auto;top:auto;
   width:auto;align-self:center;padding:0 24px}
 .home--trentino .destaque__rotulo{margin-bottom:12px}
 .home--trentino .destaque__descricao{margin:14px 0 26px;max-width:32ch}
 .apresentacao__item{grid-template-columns:1fr;gap:24px}
 .apresentacao__item:nth-child(even) .apresentacao__foto{order:0}
 .apresentacao__foto img{height:300px}
 .apresentacao__texto p{margin:18px 0}
}
@media(prefers-reduced-motion:reduce){.destaque__botao{animation:none}}

/* Apresentação em uma única faixa, com foto e texto no mesmo cartão. */
.home--trentino{background:#F5F7FA}
.apresentacao{background:#EAF0F6}
.apresentacao .env{display:block}
.apresentacao__janela{display:grid;overflow:hidden;border:1px solid #DCE5EF;border-radius:0;background:#fff;touch-action:pan-y}
.apresentacao__item{grid-area:1 / 1;gap:0;background:#fff;visibility:hidden;min-width:0}
.apresentacao__item:nth-child(even) .apresentacao__foto{order:0}
.apresentacao__foto{height:100%}
.apresentacao__foto img{height:100%;min-height:420px;max-height:520px}
.apresentacao__texto{padding:clamp(28px,4vw,56px)}
.apresentacao__texto h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.apresentacao__controles{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.apresentacao__controles button{border:1px solid #CAD7E6;background:transparent;color:var(--azul);border-radius:50%;min-width:44px;height:44px;cursor:pointer}
.apresentacao__controles button:hover{background:#fff}
.apresentacao__pontos{display:flex;gap:4px}
.apresentacao__pontos button{min-width:28px;width:28px;border:0;position:relative}
.apresentacao__pontos button::after{content:"";position:absolute;left:6px;right:6px;height:3px;top:20px;background:#B5C6DA;border-radius:4px}
.apresentacao__pontos button[aria-current="true"]::after{background:var(--azul)}
.apresentacao__controles .apresentacao__pausa{border:0;border-radius:0;font-size:.8rem;padding:0 8px}
.home--trentino #edificios{background:#F8FAFC}
.home--trentino .depoimentos{background:#EDF2F7}
.home--trentino .contato{background:#fff}
@media(max-width:700px){
 .apresentacao{padding-block:40px}
 .apresentacao__item{grid-template-columns:1fr;grid-template-rows:240px 1fr}
 .apresentacao__foto img{height:240px;min-height:0}
 .apresentacao__texto{padding:28px 24px 32px}
 .apresentacao__texto h2{font-size:1.7rem}
 .apresentacao__controles{gap:8px}
}

/* Contraste para o menu transparente sobre a foto de abertura. */
.home--trentino .destaque::before{content:"";position:absolute;inset:0 0 auto;height:180px;background:linear-gradient(180deg,rgba(0,18,44,.68),rgba(0,18,44,.24) 55%,transparent);pointer-events:none}
.home--trentino .destaque__texto{z-index:1}
.home--trentino .topo:not(.topo--claro) .topo__pagina{border-bottom-color:#8AC4FF}
@media(min-width:961px){
 .home--trentino .topo:not(.topo--claro) .nav > a[aria-current="page"]{border-bottom-color:#8AC4FF}
}

/* Cartão azul para separar claramente a apresentação do fundo suave. */
.apresentacao__janela{background:#12375C;border-color:#12375C;box-shadow:0 16px 36px rgba(18,55,92,.13)}
.apresentacao__item{background:#12375C;color:#fff}
.apresentacao__texto .realce{color:#9BD0FF}
.apresentacao__texto p{color:#DFE8F2}
.apresentacao__texto .btn--linha{color:#fff;border-color:#A5C6E5}
.apresentacao__texto .btn--linha:hover{background:#24527D}
.apresentacao__item:nth-child(2) img{object-position:center}

/* ============================================================
   PADRONIZAÇÃO CLEAN
   A abertura do Trentino virou o padrão do site: fundo claro,
   texto em azul escuro, traço fino de 1px, canto reto e muito
   espaço em branco. Este bloco tira os blocos chapados de azul
   e amarelo que competiam com ela. O amarelo continua marcando
   a locação, mas como detalhe (rótulo e filete), não como fundo.
   ============================================================ */

/* --- seções: tudo no claro, separadas por um filete --- */
.loc{background:#fff;color:var(--tinta);border-top:1px solid var(--linha)}
.loc h2,.loc .cab p{color:var(--azul-esc)}
.loc .cab p,.loc .cartao__meta,.loc .prog__data,.loc .grade-cartoes .cartao__meta{color:var(--cinza)}
.loc .aviso,.aviso{
  border-left:2px solid var(--amarelo);color:var(--cinza);
  padding:2px 0 2px 18px;margin:20px 0 34px;font-size:1.0625rem;
}
.loc .cartao{background:#fff;border-color:var(--linha);color:var(--tinta)}
.loc .cartao:hover{border-color:var(--azul)}
.loc .cartao__tag{background:#fff;color:var(--amarelo-esc);box-shadow:inset 0 0 0 1px var(--amarelo)}
.loc .link-mapa{color:var(--cinza);border-bottom-color:var(--linha)}
.loc .link-mapa svg{color:var(--amarelo-esc)}
.loc__predio{color:var(--amarelo-esc)}
.ficha{color:var(--cinza)}
.loc .trilho::-webkit-scrollbar-thumb{background:var(--neve-2)}

.home--trentino .depoimentos,.home--trentino #edificios,.home--trentino .contato,
.apresentacao,.anos{background:#fff}
.home--trentino{background:#fff}

/* --- cartões e caixas: sem sombra, só o filete --- */
.cartao,.post,.depo,.caixa,.form,.mapa,.post__figura,.apresentacao__janela{
  border-color:var(--linha);box-shadow:none;
}
.cartao:hover,.post:hover{border-color:var(--azul);box-shadow:none}
.depo,.depo--interno{border-top-width:1px;border-top-color:var(--linha)}
.depo{border:1px solid var(--linha)}
.depo--interno{border:0;border-top:1px solid var(--linha)}
.destaques li{border-left-width:2px}

/* --- selos: contorno fino no lugar do fundo chapado --- */
.cartao__tag,.entrega,.selos-empreendimento .entrega{
  background:#fff;color:var(--azul);box-shadow:inset 0 0 0 1px currentColor;font-weight:600;
}
.entrega--lancamento,.entrega--novidades,.selos-empreendimento .entrega--disponivel,
.selos-empreendimento .entrega--novidades{background:#fff;color:var(--amarelo-esc)}
.entrega--obras,.cartao__tag--obras{background:#fff;color:var(--azul)}

/* --- botões: o contorno fino da abertura vira o padrão --- */
.btn--amarelo{background:#fff;color:var(--azul-esc);border:1px solid var(--azul-esc)}
.btn--amarelo:hover{background:var(--azul-esc);color:#fff}
.btn--azul{background:var(--azul);color:#fff;border:1px solid var(--azul)}
.btn--azul:hover{background:var(--azul-esc);border-color:var(--azul-esc)}
.aba[aria-selected="true"][data-loc]{background:var(--azul-esc);border-color:var(--azul-esc);color:#fff}

/* --- apresentação: painel claro em vez de azul chapado --- */
.apresentacao{background:var(--neve)}
.apresentacao__item,.apresentacao__texto{background:#fff;color:var(--tinta)}
.apresentacao__texto h2{color:var(--azul-esc)}
.apresentacao__texto .realce{color:var(--azul)}
.apresentacao__texto p{color:var(--cinza)}
.apresentacao__texto .btn{border-color:var(--azul-esc);color:var(--azul-esc);background:transparent}
.apresentacao__texto .btn:hover{background:var(--azul-esc);color:#fff}

/* --- blog: tabela e CTA no claro (a capa tem foto com veu escuro, fica) --- */
.post__tabela thead th{background:var(--neve);color:var(--azul-esc);border-bottom:1px solid var(--linha)}
.post__tabela-destaque,.post__tabela tbody tr.post__tabela-destaque:nth-child(odd){box-shadow:inset 0 0 0 1px var(--amarelo)}
.post__cta{background:var(--neve);border:1px solid var(--linha);color:var(--tinta)}
.post__cta h2,.post__cta h3{color:var(--azul-esc)}
.post__cta p{color:var(--cinza)}
.post__cta-contato{color:var(--azul)}
.post__cta .btn{background:var(--azul);color:#fff;border-color:var(--azul)}
.post__fontes{border-top-width:1px;border-top-color:var(--linha)}
.callout,.callout--destaque{border-left-width:2px}
.post__meta{border-top-width:1px;border-top-color:var(--linha)}

/* --- rodapé claro, fechando o site no mesmo tom --- */
.rodape{background:#fff;color:var(--cinza);border-top:1px solid var(--linha)}
.rodape__tit{color:var(--azul-esc)}
.rodape a{color:var(--cinza)}
.rodape a:hover{color:var(--azul)}
.rodape .marca img{background:transparent;padding:0}
.rodape__texto{color:var(--cinza)}
.rodape__fim{border-top-color:var(--linha);color:var(--cinza)}
/* O amarelo vivo so passa em contraste sobre o azul; no claro usa-se
   a versao escurecida (igual a do menu AirBnB). */
.rotulo--claro{color:var(--amarelo-esc)}
/* Titulos que eram brancos porque o fundo era azul chapado. */
.pg__titulo--claro,.loc :is(h1,h2,h3){color:var(--azul-esc)}