/* ==========================================================================
   Vintage Beach House · 24H Draft · Daily Shot Solutions
   Paleta retirada da própria casa: carmim da fachada, cal das paredes,
   ouro dos lustres, verde das cortinas, azul do mosaico hidráulico.
   ========================================================================== */

:root{
  --tinta:#191413;
  --tinta-60:rgba(25,20,19,.62);
  --tinta-40:rgba(25,20,19,.40);
  --tinta-12:rgba(25,20,19,.12);
  --cal:#F4EEE3;
  --cal-2:#EAE0CF;
  --cal-3:#DED2BC;
  --carmim:#8F2237;
  --carmim-esc:#5E1524;
  --carmim-claro:#B33E52;
  --ouro:#B08A4A;
  --ouro-claro:#D8BC85;
  --verde:#22403A;
  --azulejo:#3F6480;
  --branco:#FFFDF9;

  --f-display:"Prata", "Cormorant Garamond", Georgia, serif;
  --f-corpo:"Karla", "Helvetica Neue", Arial, sans-serif;

  --larg:1200px;
  --larg-estreita:820px;
  --r:2px;
  --sombra:0 24px 60px -30px rgba(25,20,19,.45);
  --transicao:340ms cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--cal);
  color:var(--tinta);
  font-family:var(--f-corpo);
  font-size:17px;
  line-height:1.65;
  font-feature-settings:"tnum" 0;
  overflow-x:hidden;
}

img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}

::selection{background:var(--carmim);color:var(--cal)}

:focus-visible{
  outline:2px solid var(--carmim);
  outline-offset:3px;
  border-radius:1px;
}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{
  font-family:var(--f-display);
  font-weight:400;
  line-height:1.06;
  letter-spacing:-.01em;
  margin:0;
}
h1{font-size:clamp(2.9rem,7.2vw,5.4rem)}
h2{font-size:clamp(2.1rem,4.4vw,3.5rem)}
h3{font-size:clamp(1.35rem,2vw,1.7rem)}
p{margin:0 0 1.1em}
em{font-style:italic;color:var(--carmim)}

.eyebrow{
  font-family:var(--f-corpo);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--carmim);
  margin:0 0 1.4rem;
  display:flex;
  align-items:center;
  gap:.75rem;
}
.eyebrow::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--cal-3),transparent);
  max-width:180px;
}
.lead{font-size:1.18rem;color:var(--tinta-60);max-width:56ch}

/* ---------- cabeçalho de secção centrado ---------- */
.sec-cab{
  text-align:center;
  max-width:62ch;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:3.4rem;
}
.sec-cab .eyebrow{justify-content:center}
.sec-cab .eyebrow::before{
  content:"";
  flex:1;
  height:1px;
  max-width:110px;
  background:linear-gradient(270deg,var(--cal-3),transparent);
}
.sec-cab .eyebrow::after{max-width:110px}
.sec-cab .lead{margin-left:auto;margin-right:auto}
.nota{
  font-size:.8rem;
  color:var(--tinta-40);
  font-style:italic;
  letter-spacing:.01em;
}

/* ---------- estruturas ---------- */
.env{width:min(100% - 2.6rem,var(--larg));margin-inline:auto}
.env-estreita{width:min(100% - 2.6rem,var(--larg-estreita));margin-inline:auto}
section{padding:clamp(4.5rem,9vw,8rem) 0;position:relative}
.regua{height:1px;background:var(--cal-3);border:0;margin:0}

/* ---------- faixa de draft ---------- */
.faixa-draft{
  background:var(--tinta);
  color:var(--cal-2);
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  padding:.6rem 1rem;
  position:relative;
  z-index:60;
}
.faixa-draft strong{color:var(--ouro-claro);font-weight:700}

/* ---------- header ---------- */
.topo{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(244,238,227,.86);
  backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid transparent;
  transition:border-color var(--transicao),background var(--transicao);
}
.topo.colado{border-bottom-color:var(--cal-3)}
.topo-int{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  min-height:74px;
}
.marca{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.marca svg{width:34px;height:34px;color:var(--carmim);flex:none}
.marca-txt{display:flex;flex-direction:column;gap:.18rem;line-height:1.05}
.marca-nome{
  font-family:var(--f-corpo);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.marca-sub{
  font-size:.5rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--tinta-40);
}
.nav{display:flex;align-items:center;gap:2rem}
.nav a:not(.btn){
  text-decoration:none;
  font-size:.82rem;
  letter-spacing:.05em;
  color:var(--tinta-60);
  position:relative;
  padding:.3rem 0;
  transition:color 200ms;
}
.nav a:not(.btn)::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:var(--carmim);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--transicao);
}
.nav a:not(.btn):hover{color:var(--tinta)}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.nav-btn{
  display:none;
  background:none;
  border:1px solid var(--cal-3);
  width:44px;height:44px;
  align-items:center;justify-content:center;
  cursor:pointer;
  border-radius:var(--r);
}
.nav-btn span{display:block;width:18px;height:1.5px;background:var(--tinta);position:relative}
.nav-btn span::before,.nav-btn span::after{
  content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--tinta);
  transition:transform var(--transicao);
}
.nav-btn span::before{top:-6px}
.nav-btn span::after{top:6px}
.nav-btn[aria-expanded="true"] span{background:transparent}
.nav-btn[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav-btn[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding:.95rem 1.7rem;
  border-radius:var(--r);
  text-decoration:none;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform 200ms,background var(--transicao),color var(--transicao),border-color var(--transicao);
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-carmim{background:var(--carmim);color:var(--cal)}
.btn-carmim:hover{background:var(--carmim-esc)}
.btn-linha{border-color:var(--tinta-12);color:var(--tinta)}
.btn-linha:hover{border-color:var(--tinta);background:var(--tinta);color:var(--cal)}
.btn-cal{background:var(--cal);color:var(--carmim-esc)}
.btn-cal:hover{background:var(--branco)}
.btn-ouro{background:var(--ouro);color:var(--tinta)}
.btn-ouro:hover{background:var(--ouro-claro)}
.btn-peq{padding:.78rem 1.5rem;font-size:.76rem;letter-spacing:.1em;line-height:1}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  padding:0;
  background:var(--cal);
  border-bottom:1px solid var(--cal-3);
}
.hero-grelha{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:clamp(560px,84vh,820px);
  align-items:stretch;
}
.hero-txt{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(3rem,6vw,5.5rem) clamp(1.3rem,4vw,4.5rem) clamp(3rem,6vw,5.5rem) max(1.3rem,calc(50vw - var(--larg)/2));
}
.hero-local{
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--tinta-40);
  margin-bottom:1.6rem;
  display:flex;align-items:center;gap:.6rem;
  flex-wrap:wrap;
}
/* o endereço nunca se parte ao meio: o 239 anda sempre com a Menéres */
.hero-local b{font-weight:400;color:var(--carmim);white-space:nowrap}
.hero-local::before{content:"";width:26px;height:1px;background:var(--carmim);flex:none}
.hero h1{margin-bottom:1.7rem}
.hero h1 .ano{
  display:block;
  color:var(--carmim);
  font-style:italic;
}
.hero p{max-width:46ch;color:var(--tinta-60);font-size:1.1rem}
.hero-accoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}
.hero-selo{
  margin-top:2.4rem;
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  border:1px solid var(--ouro);
  background:rgba(176,138,74,.07);
  padding:.7rem 1rem;
  border-radius:var(--r);
  font-size:.78rem;
  letter-spacing:.03em;
  color:var(--tinta-60);
  max-width:max-content;
}
.hero-selo b{color:var(--tinta)}
.hero-selo svg{width:18px;height:18px;color:var(--ouro);flex:none}

/* fachada + desenho de linha animado */
.hero-fig{
  position:relative;
  background:var(--carmim-esc);
  overflow:hidden;
}
.hero-fig img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 38%;
}
.hero-fig::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg,var(--cal) 0%,rgba(244,238,227,0) 26%),
             linear-gradient(0deg,rgba(94,21,36,.5),rgba(94,21,36,0) 55%);
  pointer-events:none;
}
/* .hero-desenho — marcador de lugar do hero, retirado quando entrou a fotografia real.
   Para o repor: devolver o <svg class="hero-desenho"> ao index.html. */
.hero-desenho{
  position:absolute;
  right:clamp(1rem,3vw,3rem);
  bottom:clamp(1rem,3vw,2.5rem);
  width:clamp(150px,20vw,240px);
  z-index:2;
  color:var(--ouro-claro);
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.5));
}
.hero-desenho path,.hero-desenho line,.hero-desenho polyline{
  stroke:currentColor;
  fill:none;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:var(--len,600);
  stroke-dashoffset:var(--len,600);
  animation:desenhar 2.4s ease-out .35s forwards;
}
@keyframes desenhar{to{stroke-dashoffset:0}}
.hero-legenda{
  position:absolute;
  left:0;bottom:0;
  padding:1rem 1.3rem;
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(244,238,227,.72);
  z-index:2;
}

/* ---------- barra de provas ---------- */
.provas{
  background:var(--tinta);
  color:var(--cal);
  padding:0;
}
.provas-grelha{
  display:grid;
  grid-template-columns:repeat(5,1fr);
}
.prova{
  padding:2.2rem 1.4rem;
  border-right:1px solid rgba(244,238,227,.12);
  text-align:center;
}
.prova:last-child{border-right:0}
.prova-num{
  font-family:var(--f-display);
  font-size:2.1rem;
  color:var(--ouro-claro);
  line-height:1;
  display:block;
  margin-bottom:.5rem;
}
.prova-lab{
  font-size:.66rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(244,238,227,.5);
}

/* ==========================================================================
   A CASA · linha do tempo
   ========================================================================== */
.casa{background:var(--cal)}
.casa-grelha{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2.5rem,6vw,6rem);
  align-items:start;
}
.casa-txt p{max-width:52ch}
.tempo{
  list-style:none;
  margin:0;padding:0;
  position:relative;
}
.tempo::before{
  content:"";
  position:absolute;
  left:7px;top:10px;bottom:10px;
  width:1px;
  background:linear-gradient(180deg,var(--carmim),var(--ouro),var(--cal-3));
}
.tempo li{
  position:relative;
  padding:0 0 2.4rem 2.6rem;
}
.tempo li::before{
  content:"";
  position:absolute;
  left:0;top:8px;
  width:15px;height:15px;
  border-radius:50%;
  background:var(--cal);
  border:1.5px solid var(--carmim);
}
.tempo li:last-child{padding-bottom:0}
.tempo-ano{
  font-family:var(--f-display);
  font-size:1.6rem;
  color:var(--carmim);
  display:block;
  line-height:1;
  margin-bottom:.35rem;
}
.tempo-tit{
  font-weight:700;
  font-size:.95rem;
  display:block;
  margin-bottom:.3rem;
}
.tempo p{font-size:.94rem;color:var(--tinta-60);margin:0;max-width:44ch}

/* ==========================================================================
   QUARTOS
   ========================================================================== */
.quartos{background:var(--branco);border-block:1px solid var(--cal-3)}
.quartos-grelha{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
  gap:1px;
  background:var(--cal-3);
  border:1px solid var(--cal-3);
  margin-top:3rem;
}
.quarto{
  background:var(--branco);
  padding:2rem 1.7rem;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  position:relative;
  transition:background var(--transicao);
  min-height:270px;
}
.quarto:hover{background:var(--cal)}
.quarto-num{
  font-family:var(--f-display);
  font-size:.9rem;
  color:var(--ouro);
  letter-spacing:.1em;
}
.quarto h3{margin-bottom:.2rem}
.quarto-cap{
  font-size:.74rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--tinta-40);
}
.quarto p{font-size:.92rem;color:var(--tinta-60);margin:0;flex:1}
.quarto-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}
.tag{
  font-size:.66rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  border:1px solid var(--cal-3);
  padding:.28rem .55rem;
  border-radius:var(--r);
  color:var(--tinta-60);
}
.tag-ouro{border-color:var(--ouro);color:var(--ouro)}
.quarto-link{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--carmim);
  text-decoration:none;
  margin-top:.6rem;
}
.quarto-link:hover{text-decoration:underline;text-underline-offset:4px}

.casa-inteira{
  margin-top:2.5rem;
  background:var(--verde);
  color:var(--cal);
  padding:clamp(2rem,4vw,3.2rem);
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:2.5rem;
  align-items:center;
  border-radius:var(--r);
}
.casa-inteira h3{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--cal);margin-bottom:.8rem}
.casa-inteira p{color:rgba(244,238,227,.7);margin:0;max-width:50ch;font-size:.98rem}
.casa-inteira .eyebrow{color:var(--ouro-claro)}
.casa-inteira .eyebrow::after{background:linear-gradient(90deg,rgba(244,238,227,.25),transparent)}
.ci-numeros{display:flex;gap:2rem;flex-wrap:wrap}
.ci-num{line-height:1.1}
.ci-num b{
  font-family:var(--f-display);
  font-size:2.4rem;
  color:var(--ouro-claro);
  display:block;
}
.ci-num span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,238,227,.55)}

/* ==========================================================================
   GALERIA · A CASA EM CORTE  (elemento-assinatura)
   ========================================================================== */
.galeria{
  background:var(--carmim-esc);
  color:var(--cal);
  overflow:hidden;
}
.galeria .eyebrow{color:var(--ouro-claro)}
.galeria .eyebrow::after{background:linear-gradient(90deg,rgba(244,238,227,.3),transparent)}
.galeria .sec-cab .eyebrow::before{background:linear-gradient(270deg,rgba(244,238,227,.3),transparent)}
.galeria h2{color:var(--cal)}
.galeria .lead{color:rgba(244,238,227,.66)}

.corte{
  display:grid;
  grid-template-columns:minmax(240px,340px) minmax(0,1fr);
  grid-template-areas:
    "fig painel"
    "fotos fotos";
  column-gap:clamp(2rem,5vw,4.5rem);
  row-gap:clamp(2.5rem,4vw,3.5rem);
  margin-top:3.5rem;
  align-items:start;
}
.corte-fig{grid-area:fig}
.corte-painel{grid-area:painel;min-width:0}
.corte-fotos{grid-area:fotos;min-width:0}

/* desenho da casa em corte */
.corte-fig{position:sticky;top:110px}
.corte-svg{width:100%;height:auto;color:var(--ouro-claro)}
.corte-svg .traco{
  fill:none;
  stroke:currentColor;
  stroke-width:1.2;
  stroke-linejoin:round;
  stroke-linecap:round;
  opacity:.55;
}
.corte-piso{cursor:pointer;transition:opacity 200ms}
.corte-piso rect.zona{
  fill:rgba(244,238,227,.03);
  stroke:rgba(216,188,133,.35);
  stroke-width:1;
  transition:fill 240ms,stroke 240ms;
}
.corte-piso text{
  font-family:var(--f-corpo);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  fill:rgba(244,238,227,.5);
  transition:fill 240ms;
  pointer-events:none;
}
.corte-piso:hover rect.zona{fill:rgba(216,188,133,.12);stroke:var(--ouro-claro)}
.corte-piso.activo rect.zona{fill:rgba(216,188,133,.2);stroke:var(--ouro-claro);stroke-width:1.6}
.corte-piso.activo text{fill:var(--cal)}
.corte-piso:focus-visible{outline:none}
.corte-piso:focus-visible rect.zona{stroke:var(--cal);stroke-width:2}
.corte-nota{
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,238,227,.4);
  margin-top:1.2rem;
  text-align:center;
}

/* painel do piso */
.corte-painel{min-height:auto}
.piso-cab{
  border-bottom:1px solid rgba(244,238,227,.16);
  padding-bottom:1.4rem;
  margin-bottom:1.8rem;
}
.piso-eti{
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--ouro-claro);
  display:block;
  margin-bottom:.6rem;
}
.piso-cab h3{
  font-size:clamp(1.7rem,3vw,2.4rem);
  color:var(--cal);
  margin-bottom:.7rem;
}
.piso-cab p{color:rgba(244,238,227,.66);margin:0;max-width:56ch;font-size:.98rem}
.piso-conteudo{
  animation:entra 500ms cubic-bezier(.2,.7,.2,1);
}
@keyframes entra{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(240px,calc(25% - .75rem));
  gap:1rem;
  overflow-x:auto;
  padding-bottom:1.2rem;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:var(--ouro) transparent;
}
.rail::-webkit-scrollbar{height:4px}
.rail::-webkit-scrollbar-thumb{background:var(--ouro);border-radius:2px}
.rail::-webkit-scrollbar-track{background:rgba(244,238,227,.1)}
.foto{
  scroll-snap-align:start;
  position:relative;
  aspect-ratio:4/3;
  background:var(--carmim);
  border:1px solid rgba(216,188,133,.25);
  overflow:hidden;
  cursor:zoom-in;
  border-radius:var(--r);
}
.foto img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 800ms cubic-bezier(.2,.7,.2,1),opacity 400ms;
}
.foto:hover img{transform:scale(1.05)}
.foto-cap{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:1.6rem .9rem .8rem;
  background:linear-gradient(0deg,rgba(25,20,19,.85),transparent);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--cal);
}
.foto.vazia{
  display:grid;
  place-items:center;
  background:
    repeating-linear-gradient(45deg,rgba(216,188,133,.05) 0 8px,transparent 8px 16px),
    var(--carmim-esc);
  cursor:default;
}
.foto.vazia svg{width:56px;height:56px;color:rgba(216,188,133,.4)}
.rail-dica{
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,238,227,.35);
  margin-top:.4rem;
}
.piso-lista{
  list-style:none;
  margin:1.8rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.9rem 1.6rem;
}
.piso-lista li{
  font-size:.88rem;
  color:rgba(244,238,227,.7);
  padding-left:1.2rem;
  position:relative;
}
.piso-lista li::before{
  content:"";
  position:absolute;left:0;top:.62em;
  width:6px;height:6px;
  border:1px solid var(--ouro);
  transform:rotate(45deg);
}

/* lightbox */
.lb{
  position:fixed;
  inset:0;
  z-index:100;
  background:rgba(15,10,10,.95);
  display:none;
  place-items:center;
  padding:clamp(1rem,4vw,3rem);
}
.lb[open],.lb.aberta{display:grid}
.lb-img{
  max-width:min(1100px,92vw);
  max-height:82vh;
  object-fit:contain;
  border:1px solid rgba(216,188,133,.3);
}
.lb-cap{
  color:rgba(244,238,227,.7);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  margin-top:1.2rem;
}
.lb-btn{
  position:absolute;
  background:none;
  border:1px solid rgba(216,188,133,.35);
  color:var(--cal);
  width:52px;height:52px;
  display:grid;place-items:center;
  cursor:pointer;
  border-radius:50%;
  transition:background 200ms;
}
.lb-btn:hover{background:rgba(216,188,133,.18)}
.lb-fechar{top:1.4rem;right:1.4rem}
.lb-ant{left:1.4rem;top:50%;transform:translateY(-50%)}
.lb-seg{right:1.4rem;top:50%;transform:translateY(-50%)}

/* ==========================================================================
   MATOSINHOS
   ========================================================================== */
.local{background:var(--cal)}
.local-grelha{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--cal-3);
  border:1px solid var(--cal-3);
  margin-top:3rem;
}
.local-item{
  background:var(--cal);
  padding:1.9rem 1.6rem 1.6rem;
  transition:background var(--transicao);
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
}
.local-item:hover{background:var(--branco)}
.local-item:hover .local-mais{color:var(--carmim);gap:.6rem}
.local-item p{flex:1}
.local-mais{
  font-family:var(--f-corpo);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--tinta-40);
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:.6rem;
  transition:color var(--transicao),gap var(--transicao);
}
.local-dist{
  font-family:var(--f-display);
  font-size:1.9rem;
  color:var(--carmim);
  line-height:1;
  display:block;
  margin-bottom:.5rem;
}
.local-item h4{
  font-family:var(--f-corpo);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 .4rem;
}
.local-item p{font-size:.86rem;color:var(--tinta-60);margin:0}
.mapa{
  margin-top:2.5rem;
  border:1px solid var(--cal-3);
  filter:grayscale(1) sepia(.25) contrast(.95);
  transition:filter var(--transicao);
}
.mapa:hover{filter:none}
.mapa iframe{display:block;width:100%;height:380px;border:0}

/* ==========================================================================
   RESERVA DIRETA · calculadora
   ========================================================================== */
.direto{background:var(--tinta);color:var(--cal)}
.direto .eyebrow{color:var(--ouro-claro)}
.direto .eyebrow::after{background:linear-gradient(90deg,rgba(244,238,227,.3),transparent)}
.direto .sec-cab .eyebrow::before{background:linear-gradient(270deg,rgba(244,238,227,.3),transparent)}
.direto h2{color:var(--cal)}
.direto .lead{color:rgba(244,238,227,.6)}
.direto-grelha{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  margin-top:3.5rem;
  align-items:start;
}
.vantagens{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.vantagens li{display:flex;gap:1.1rem;align-items:flex-start}
.vant-ico{
  width:38px;height:38px;
  flex:none;
  border:1px solid var(--ouro);
  display:grid;place-items:center;
  color:var(--ouro-claro);
  border-radius:50%;
}
.vant-ico svg{width:17px;height:17px}
.vantagens b{display:block;font-size:.98rem;margin-bottom:.2rem}
.vantagens span{font-size:.9rem;color:rgba(244,238,227,.6);display:block}

.calc{
  background:rgba(244,238,227,.05);
  border:1px solid rgba(216,188,133,.28);
  padding:clamp(1.6rem,3vw,2.4rem);
  border-radius:var(--r);
}
.calc h3{color:var(--cal);font-size:1.4rem;margin-bottom:.4rem}
.calc-sub{font-size:.82rem;color:rgba(244,238,227,.5);margin-bottom:1.8rem}
.calc-campo{margin-bottom:1.5rem}
.calc-campo label{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,238,227,.55);
  margin-bottom:.7rem;
}
.calc-campo output{
  font-family:var(--f-display);
  font-size:1.3rem;
  color:var(--ouro-claro);
  letter-spacing:0;
  text-transform:none;
}
input[type=range]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:2px;
  background:rgba(244,238,227,.22);
  outline:none;
  cursor:pointer;
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:20px;height:20px;
  border-radius:50%;
  background:var(--ouro);
  border:3px solid var(--tinta);
  cursor:grab;
  transition:transform 160ms;
}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}
input[type=range]::-moz-range-thumb{
  width:16px;height:16px;border-radius:50%;
  background:var(--ouro);border:3px solid var(--tinta);cursor:grab;
}
.calc-res{
  border-top:1px solid rgba(244,238,227,.14);
  padding-top:1.6rem;
  margin-top:2rem;
  display:grid;
  gap:.9rem;
}
.calc-linha{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:.88rem;
  color:rgba(244,238,227,.62);
}
.calc-linha b{
  font-family:var(--f-display);
  font-size:1.25rem;
  color:var(--cal);
  font-weight:400;
}
.calc-linha.riscado b{text-decoration:line-through;color:rgba(244,238,227,.4)}
.calc-total{
  background:var(--ouro);
  color:var(--tinta);
  margin:.6rem -.4rem 0;
  padding:1.1rem 1.2rem;
  border-radius:var(--r);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.calc-total span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.calc-total b{font-family:var(--f-display);font-size:2rem;font-weight:400;line-height:1}
.calc-aviso{font-size:.72rem;color:rgba(244,238,227,.35);margin:1.2rem 0 0;font-style:italic}

/* ==========================================================================
   VOZES
   ========================================================================== */
.vozes{background:var(--branco);border-block:1px solid var(--cal-3)}
.vozes-grelha{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.6rem;
  margin-top:3rem;
}
.voz{
  border:1px solid var(--cal-3);
  padding:2rem 1.7rem;
  background:var(--cal);
  position:relative;
  border-radius:var(--r);
}
.voz::before{
  content:"“";
  font-family:var(--f-display);
  font-size:4.5rem;
  color:var(--cal-3);
  position:absolute;
  top:.4rem;right:1rem;
  line-height:1;
}
.voz p{font-size:.98rem;position:relative;z-index:1;margin-bottom:1.4rem}
.voz-quem{font-size:.78rem;letter-spacing:.06em;color:var(--tinta-40)}
.voz-quem b{color:var(--tinta);display:block;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}

/* ==========================================================================
   FAQ
   ========================================================================== */
.faq{background:var(--cal)}
.faq-lista{margin-top:3rem;border-top:1px solid var(--cal-3)}
.faq-item{border-bottom:1px solid var(--cal-3)}
.faq-btn{
  width:100%;
  background:none;
  border:0;
  text-align:left;
  padding:1.6rem 3rem 1.6rem 0;
  font-size:1.02rem;
  font-weight:700;
  cursor:pointer;
  position:relative;
  transition:color 200ms;
}
.faq-btn:hover{color:var(--carmim)}
.faq-btn::after{
  content:"";
  position:absolute;
  right:.5rem;top:50%;
  width:11px;height:11px;
  border-right:1.5px solid var(--carmim);
  border-bottom:1.5px solid var(--carmim);
  transform:translateY(-70%) rotate(45deg);
  transition:transform var(--transicao);
}
.faq-btn[aria-expanded="true"]::after{transform:translateY(-30%) rotate(-135deg)}
.faq-resp{
  overflow:hidden;
  max-height:0;
  transition:max-height var(--transicao);
}
.faq-resp p{
  padding:0 3rem 1.6rem 0;
  margin:0;
  color:var(--tinta-60);
  font-size:.96rem;
  max-width:70ch;
}

/* ==========================================================================
   CTA + CONTACTOS
   ========================================================================== */
.cta{
  background:var(--carmim);
  color:var(--cal);
  text-align:center;
}
.cta h2{color:var(--cal);margin-bottom:1.2rem}
.cta h2 em{color:var(--ouro-claro)}
.cta p{color:rgba(244,238,227,.72);max-width:52ch;margin-inline:auto;margin-bottom:2.2rem}
.cta-accoes{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}

.contactos{background:var(--branco)}
.cont-grelha{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(2.5rem,6vw,5rem);
  margin-top:3rem;
  align-items:start;
}
.cont-bloco{margin-bottom:2rem}
.cont-bloco h4{
  font-family:var(--f-corpo);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--tinta-40);
  margin:0 0 .5rem;
}
.cont-bloco p,.cont-bloco a{
  margin:0;
  font-size:1.02rem;
  text-decoration:none;
  color:var(--tinta);
}
.cont-bloco a:hover{color:var(--carmim)}

/* formulário */
.form{
  background:var(--cal);
  border:1px solid var(--cal-3);
  padding:clamp(1.6rem,3vw,2.4rem);
  border-radius:var(--r);
}
.form h3{margin-bottom:.4rem}
.form>p{font-size:.88rem;color:var(--tinta-60)}
.campo{margin-bottom:1.2rem}
.campo label{
  display:block;
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--tinta-40);
  margin-bottom:.5rem;
  font-weight:700;
}
.campo input,.campo select,.campo textarea{
  width:100%;
  background:var(--branco);
  border:1px solid var(--cal-3);
  padding:.85rem .9rem;
  font-family:var(--f-corpo);
  font-size:.96rem;
  color:var(--tinta);
  border-radius:var(--r);
  transition:border-color 200ms,box-shadow 200ms;
}
.campo textarea{resize:vertical;min-height:110px}
.campo input:focus,.campo select:focus,.campo textarea:focus{
  outline:none;
  border-color:var(--carmim);
  box-shadow:0 0 0 3px rgba(143,34,55,.1);
}
.campo-duplo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mel{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.82rem;color:var(--tinta-60);margin-bottom:1.4rem}
.check input{margin-top:.25rem;accent-color:var(--carmim);width:16px;height:16px;flex:none}
.form-msg{
  padding:.9rem 1rem;
  font-size:.86rem;
  border-radius:var(--r);
  margin-bottom:1rem;
  display:none;
}
.form-msg.ok{display:block;background:rgba(34,64,58,.1);border:1px solid var(--verde);color:var(--verde)}
.form-msg.erro{display:block;background:rgba(143,34,55,.08);border:1px solid var(--carmim);color:var(--carmim)}

/* ==========================================================================
   RODAPÉ
   ========================================================================== */
.rodape{
  background:var(--tinta);
  color:rgba(244,238,227,.55);
  padding:4rem 0 2rem;
  font-size:.86rem;
}
.rodape-grelha{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:2.5rem;
  padding-bottom:3rem;
  border-bottom:1px solid rgba(244,238,227,.12);
}
.rodape h5{
  font-family:var(--f-corpo);
  font-size:.66rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ouro-claro);
  margin:0 0 1rem;
}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.rodape a{text-decoration:none;transition:color 200ms}
.rodape a:hover{color:var(--cal)}
.rodape-marca{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.rodape-marca svg{width:40px;height:40px;color:var(--ouro-claro)}
.rodape-marca b{
  font-size:.82rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--cal);
  display:block;
}
.rodape-marca span{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase}
.rodape-fim{
  padding-top:2rem;
  display:flex;
  justify-content:space-between;
  gap:1.5rem;
  flex-wrap:wrap;
  font-size:.74rem;
  color:rgba(244,238,227,.35);
}
.rodape-fim strong{color:var(--ouro-claro)}

/* ---------- revelar ao scroll ---------- */
.rev{opacity:0;transform:translateY(22px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.7,.2,1)}
.rev.dentro{opacity:1;transform:none}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:1080px){
  .local-grelha{grid-template-columns:repeat(2,1fr)}
  .rail{grid-auto-columns:minmax(230px,calc(33.333% - .7rem))}
}

@media(max-width:980px){
  .hero-grelha{grid-template-columns:1fr;min-height:auto}
  .hero-txt{padding:3.5rem 1.3rem;order:2;width:min(100% - 2.6rem,var(--larg));margin-inline:auto}
  .hero-fig{order:1;height:56vh;min-height:340px}
  .hero-fig::after{background:linear-gradient(0deg,rgba(94,21,36,.5),rgba(94,21,36,0) 60%)}
  .provas-grelha{grid-template-columns:repeat(2,1fr)}
  .prova{border-bottom:1px solid rgba(244,238,227,.12)}
  .prova:nth-child(2n){border-right:0}
  .prova:last-child{grid-column:1/-1;border-bottom:0}
  .casa-grelha,.direto-grelha,.cont-grelha{grid-template-columns:1fr}
  .corte{grid-template-columns:1fr}
  .corte-fig{position:static;max-width:300px;margin-inline:auto}
  .casa-inteira{grid-template-columns:1fr}
  .rodape-grelha{grid-template-columns:1fr 1fr;gap:2rem}
  .rodape-marca{grid-column:1/-1}
}

@media(max-width:760px){
  body{font-size:16px}
  .nav{
    position:fixed;
    inset:0 0 auto;
    top:var(--topo-alt,116px);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:var(--cal);
    border-bottom:1px solid var(--cal-3);
    padding:1rem 1.3rem 1.6rem;
    transform:translateY(-120%);
    transition:transform var(--transicao);
    box-shadow:var(--sombra);
  }
  .nav.aberta{transform:none}
  .nav a:not(.btn){padding:.95rem 0;border-bottom:1px solid var(--cal-2);font-size:1rem}
  .nav .btn{margin-top:1rem;justify-content:center;padding:1rem 1.5rem}
  .nav-btn{display:flex}
  .rail{grid-auto-columns:82%}
  .local-grelha{grid-template-columns:1fr}
  .campo-duplo{grid-template-columns:1fr}
  .lb-ant{left:.6rem}
  .lb-seg{right:.6rem}
  .lb-btn{width:44px;height:44px}
  .rodape-grelha{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .rev{opacity:1;transform:none}
  .hero-desenho path,.hero-desenho line,.hero-desenho polyline{stroke-dashoffset:0}
}

@media print{
  .topo,.faixa-draft,.lb,.cta{display:none}
  body{background:#fff;color:#000}
}

.quarto h3 a{
  color:inherit;
  text-decoration:none;
  transition:color var(--transicao);
}
.quarto h3 a:hover{color:var(--carmim)}