/* Diego Corrêa Imóveis — direção A "Lótus Claro": fundo claro, azul-marinho da marca, bronze em detalhes */
/* texto: mesma fonte do site DCA (arquivo local) */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/hanken-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* 2026-10-24: fundo mais quente e areia mais presente (o Diego achou o branco "apagado"); azul da marca #26339A; bronze de texto escurecido para 4,5:1 na areia */
  --bg:#F5F0E7; --surface:#FFFFFF; --sand:#EEE6D8; --ink:#14183F; --muted:#565B78; --line:#DFD6C5;
  --blue:#26339A; --blue-dk:#1E2980; --bronze:#BC945E; --bronze-ink:#7F5A2C; --bronze-lt:#D9B27A; --navy:#14183F;
  --serif:"Cinzel",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px; --ease:cubic-bezier(.22,.61,.36,1); --t-fast:.18s; --t-base:.3s; --t-slow:.6s;
  --gutter:clamp(20px,5vw,64px); --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.18;margin:0;letter-spacing:.02em}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--bronze-ink)}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.dlg :focus-visible,.d-hero :focus-visible,.foot :focus-visible,.about :focus-visible{outline-color:var(--bronze-lt)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border-radius:999px;font:600 1rem var(--sans);letter-spacing:.02em;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform var(--t-base) var(--ease),background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.btn svg{width:20px;height:20px;flex:none}
.btn--primary{background:var(--blue);color:#fff}
.btn--primary:hover{background:var(--blue-dk);transform:translateY(-2px)}
.btn--ghost{border-color:var(--blue);color:var(--blue);background:transparent}
.btn--ghost:hover{background:color-mix(in srgb,var(--blue) 8%,transparent)}
.btn--light{background:#fff;color:var(--navy)}
.btn--light:hover{background:var(--sand);transform:translateY(-2px)}

/* Cabeçalho */
/* cabeçalho branco com logo bronze e letras azuis (pedido do Diego, mesma lógica do DCA): filete bronze embaixo separa do fundo */
.top{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--bronze) 55%,transparent)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;color:var(--blue)}
.brand img{height:42px;width:auto}
.brand__txt{display:flex;flex-direction:column;line-height:1}
.brand__nome{font:600 1.1875rem var(--serif);letter-spacing:.04em;color:var(--blue)}
.brand__sub{font:600 .6875rem var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--bronze-ink);margin-top:5px}
.nav{display:flex;align-items:center;gap:clamp(14px,3vw,32px)}
.nav a:not(.btn){text-decoration:none;font-weight:600;font-size:.9375rem;letter-spacing:.03em;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink)}
.nav a:not(.btn):hover{color:var(--blue);text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:8px;text-decoration-thickness:2px}
.nav .btn{min-height:44px;padding:0 22px;font-size:.9375rem}
@media(max-width:620px){.nav a:not(.btn){display:none}.brand img{height:36px}.brand__nome{font-size:1rem}.nav .btn{padding:0 16px}}
@media(max-width:380px){.nav .btn{display:none}}

/* Hero */
.hero{padding-block:clamp(36px,6vw,80px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.hero__logo{width:clamp(220px,28vw,330px);height:auto;margin-bottom:clamp(20px,3vw,32px)}
.hero h1{font-size:clamp(1.7rem,3.6vw,2.75rem);color:var(--ink);max-width:19ch}
.hero__lead{margin-top:18px;max-width:42ch;color:var(--muted);font-size:clamp(1.0625rem,1.5vw,1.1875rem)}
.hero__creci{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--bronze-ink)}
.hero__creci::before{content:"";width:34px;height:1.5px;background:var(--bronze)}
/* nome do Diego ligado à incorporadora: "Grupo Cyrela" em linha própria, mini retrato na linha do CRECI */
.hero__grupo{display:block;margin-top:10px;font:600 .9375rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.hero__creci--diego::before{display:none}
.hero__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:2px solid var(--bronze);flex:none}
.hero__creci--diego span{display:flex;flex-direction:column;gap:2px}
.hero__creci--diego b{font:600 1rem var(--serif);letter-spacing:.04em;text-transform:none;color:var(--ink)}
.hero__creci--diego em{font:400 .9375rem/1.4 var(--sans);font-style:normal;letter-spacing:0;text-transform:none;color:var(--muted)}
.hero__creci--diego small{font-size:.75rem;letter-spacing:.16em}
.hero__creci--diego .nw{white-space:nowrap}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__img{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:var(--sand);text-decoration:none;box-shadow:0 30px 60px -36px rgba(20,24,63,.55)}
.hero__img img{width:100%;height:100%;object-fit:cover}
/* carrossel do topo: slides empilhados no mesmo quadro 4:5, troca por esmaecimento */
.hero__car{min-width:0;position:relative;isolation:isolate}
/* bloco azul-marinho deslocado atrás da foto (mesmo gesto da moldura do retrato): dá peso de marca ao topo claro */
.hero__slides::before{content:"";position:absolute;inset:-26px 26px 26px -26px;border-radius:26px;background:var(--navy);z-index:-1}
@media(max-width:860px){.hero__slides::before{inset:-14px 14px 14px -14px;border-radius:20px}}
.hero__slides{position:relative;aspect-ratio:4/5;border-radius:22px;background:var(--sand);touch-action:pan-y;box-shadow:0 30px 60px -36px rgba(20,24,63,.55)}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--t-slow) var(--ease)}
.hero__slide.is-on{opacity:1;z-index:1}
.hero__slide .hero__img{height:100%;aspect-ratio:auto;box-shadow:none;-webkit-user-select:none;user-select:none}
.hero__slide .hero__img img{transition:transform var(--t-slow) var(--ease)}
.hero__slide .hero__img:hover img{transform:scale(1.025)}
.hero__slide .hero__img:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.car__dots{display:flex;justify-content:center;margin-top:6px}
.car__dot{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}
.car__dot::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--muted);opacity:.6;transition:width var(--t-base) var(--ease),opacity var(--t-base)}
.car__dot[aria-current=true]::before{width:24px;background:var(--blue);opacity:1}
.car__dot:hover::before{opacity:1}
/* movimento do carrossel (só sem "reduzir movimento"): zoom lento na foto, legenda subindo e barrinha de tempo no ponto ativo */
@media(prefers-reduced-motion:no-preference){
  .hero__slide{transition:opacity .9s var(--ease)}
  .hero__slide.is-on .hero__img img{animation:car-zoom calc(var(--car-t,4000ms) + 900ms) linear both}
  .hero__slide .hero__cap{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
  .hero__slide.is-on .hero__cap{opacity:1;transform:none;transition-delay:.35s}
  .car__dot{position:relative}
  .car__dot[aria-current=true]::before{background:color-mix(in srgb,var(--blue) 25%,transparent)}
  .car__dot[aria-current=true]::after{content:"";position:absolute;left:10px;top:50%;width:24px;height:8px;margin-top:-4px;border-radius:999px;background:var(--blue);transform-origin:left;animation:car-tempo var(--car-t,4000ms) linear both}
  .is-pausado .car__dot[aria-current=true]::after,.is-pausado .hero__slide.is-on .hero__img img{animation-play-state:paused}
}
@keyframes car-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes car-tempo{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero__cap{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 18px;background:linear-gradient(transparent,rgba(12,15,48,.82));color:#fff;display:flex;flex-direction:column;gap:2px}
.hero__cap b{font:500 1.125rem var(--serif);letter-spacing:.04em}
.hero__cap span{font-size:.875rem;color:#E9E4D8}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero__img,.hero__slides{aspect-ratio:4/3}.hero__slide .hero__img{aspect-ratio:auto}.hero h1{max-width:24ch}
  /* no celular a foto vem antes do texto: a primeira tela já mostra um empreendimento */
  .hero{padding-top:30px}.hero .wrap{gap:24px}.hero__car{order:-1}}
/* faixa areia nos empreendimentos: os cards brancos ganham contorno sem precisar de borda forte */
#empreendimentos{background:var(--sand)}

/* Seções */
section{padding-block:clamp(56px,9vw,112px)}
.sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(28px,4.5vw,52px);max-width:52ch}
.sec-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
.sec-head p{color:var(--muted)}
.rule{width:44px;height:2px;background:var(--bronze);border:0;margin:6px 0 0}

/* Cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}
@media(min-width:860px){.grid--3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.grid--4{grid-template-columns:repeat(4,1fr)}}
.card{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-fast)}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(20,24,63,.5);border-color:var(--bronze)}
.card__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}
.card:hover .card__img img{transform:scale(1.04)}
.card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.card__region{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--bronze-ink)}
.card h3{font-size:1.1875rem;line-height:1.25}
.card__meta{color:var(--muted);font-size:.9375rem;line-height:1.5}
.card__meta--loc{color:var(--bronze-ink);font-size:.875rem}
.card__go{margin-top:auto;padding-top:12px;font-weight:600;color:var(--blue);display:inline-flex;gap:8px;align-items:center}
.badge{white-space:nowrap;position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 13px;border-radius:999px;font:700 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:#fff;color:var(--blue);border:1px solid var(--line)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.badge--lancamento{background:var(--blue);color:#fff;border-color:var(--blue)}
.badge--breve{background:#fff;color:var(--bronze-ink);border-color:var(--bronze)}
.badge--breve::before{background:transparent;border:1.5px solid currentColor}
@media(max-width:640px){
  .grid{grid-template-columns:1fr;gap:16px}
  .card__img{aspect-ratio:16/10}
  .card__body{padding:16px 18px 18px}
  .card h3{font-size:1.125rem}
  .badge{top:10px;left:10px}
}

/* Dúvidas frequentes (abre e fecha com <details>, sem JavaScript) */
.faq__wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq .sec-head{margin-bottom:0}
@media(max-width:860px){.faq__wrap{grid-template-columns:1fr}}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:first-child{border-top:1px solid var(--line)}
.faq__item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;font-weight:600;font-size:1.0625rem;color:var(--ink)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";flex:none;width:32px;height:32px;display:grid;place-items:center;border:1.5px solid var(--bronze);border-radius:999px;font:400 1.25rem/1 var(--sans);color:var(--bronze-ink);transition:transform var(--t-fast),background-color var(--t-fast)}
.faq__item[open] summary::after{content:"–";background:var(--bronze-lt);border-color:var(--bronze-lt);color:var(--navy)}
.faq__item summary:hover{color:var(--blue)}
.faq__item summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.faq__item p{margin:0 0 18px;color:var(--muted);max-width:60ch}
#sobre,#duvidas,#contato,#empreendimentos{scroll-margin-top:80px}
/* Quem atende você (#sobre): faixa no azul da marca, foto do Diego com moldura bronze, mini-bio e CTA */
.about{background:var(--blue);color:#fff}
.about .wrap{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(28px,6vw,96px);align-items:center}
.about .eyebrow{color:var(--bronze-lt)}
.about h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-top:12px;color:#fff}
.about__cargo{margin-top:8px;font:600 .8125rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-lt)}
/* sem caixa: borda arredondada aqui parecia botão (revisão apple-design) */
.about__selo{margin-top:20px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--bronze-lt) 45%,transparent);font:500 1.125rem/1.45 var(--serif);letter-spacing:.02em;color:#fff;max-width:46ch}
.about p{max-width:52ch}
.about__bio{margin-top:20px;color:#DCDDF0}
.about__quote{margin-top:20px;padding-left:18px;border-left:2px solid var(--bronze-lt);font:500 1rem var(--serif);letter-spacing:.03em;color:#fff}
.about ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;color:#fff}
.about li{display:flex;gap:14px;align-items:flex-start}
.about li svg{width:22px;height:22px;flex:none;margin-top:3px;color:var(--bronze-lt)}
.about__cta{margin-top:28px}
/* retrato 4:5 com moldura bronze deslocada atrás */
.retrato{margin:0 18px 0 0;position:relative}
.retrato__foto{position:relative}
.retrato__foto::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid var(--bronze-lt);border-radius:calc(var(--r)*1.4);z-index:0}
.retrato img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--r)*1.4);box-shadow:0 30px 60px -30px rgba(8,10,40,.7)}
@media(max-width:820px){.about .wrap{grid-template-columns:1fr}.retrato{max-width:360px;width:calc(100% - 18px)}}

/* Contato */
.dark{background:var(--navy);color:#F4F0E6}
.contact__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,88px);align-items:start}
.contact h2{font-size:clamp(1.6rem,3.6vw,2.6rem);margin:14px 0 18px;max-width:16ch}
.contact .eyebrow{color:var(--bronze-lt)}
.contact p{color:#D5D2E3;max-width:44ch}
.contact__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.contact__list{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:8px;color:#D5D2E3;font-size:.9375rem}
.contact__list a{text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.chk a{display:inline-block;padding-block:10px;margin-block:-10px}
@media(max-width:860px){.contact__grid{grid-template-columns:1fr}}

.foot{background:#0E1230;color:#B9B7CC;padding:56px 0 96px;font-size:.9375rem}
.foot a,.foot .linkbtn{color:#E6E3F0;text-decoration:none;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.foot a:hover,.foot .linkbtn:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--bronze-lt)}
.foot p{margin:0}
.foot ul{list-style:none;margin:0;padding:0}
.foot__grid{display:grid;gap:36px 32px;grid-template-columns:1fr}
@media(min-width:640px){.foot__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.foot__grid{grid-template-columns:1.5fr 1fr 1.25fr 1fr}}
.foot__about p{max-width:32ch;line-height:1.6}
.foot__creci{margin-top:10px!important;font:600 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-lt)}
.foot__h{font:600 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-lt);margin:0 0 6px}
.foot__col li span{display:inline-flex;align-items:center;min-height:44px}
.foot__col a{overflow-wrap:anywhere}
.foot__brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.foot__brand img{height:46px;width:auto}
.foot__brand b{display:block;font:600 1.125rem var(--serif);letter-spacing:.04em;color:#fff}
.foot__brand span{display:block;font:600 .6875rem var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--bronze-lt);margin-top:5px}
.foot__aviso{margin-top:40px!important;padding-top:24px;border-top:1px solid #232850;font-size:.8125rem;line-height:1.65;color:#A9A7BF;max-width:90ch}
.foot__base{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-top:20px;font-size:.8125rem;color:#A9A7BF}
.foot .credit{display:flex;align-items:center;gap:12px}
.foot .credit a{opacity:.85;transition:opacity var(--t-fast)}
.foot .credit a:hover{opacity:1}
.foot .credit img{height:26px;width:auto}

/* Detalhe */
.d-hero{position:relative;background:var(--navy);color:#fff}
.d-hero__img{aspect-ratio:21/9;min-height:340px;max-height:600px;width:100%;overflow:hidden}
.d-hero__img img{width:100%;height:100%;object-fit:cover}
.d-hero__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,48,.88) 0%,rgba(12,15,48,.45) 36%,rgba(12,15,48,0) 66%)}
.d-hero__txt{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(24px,5vw,52px)}
.d-hero h1{font-size:clamp(1.6rem,5vw,3.25rem);margin:12px 0 8px}
.d-hero .eyebrow{color:var(--bronze-lt)}
.d-hero address{font-style:normal;color:#E4E1EE;font-size:1rem}
.d-hero__tags{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
/* WhatsApp já no topo da página do empreendimento (antes ficava abaixo da ficha, fora da primeira tela) */
.d-hero__cta{margin-top:18px}
@media(max-width:620px){.d-hero__img{min-height:420px}.d-hero__cta .btn{min-height:48px}}
.tag{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;font:700 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:#fff;color:var(--blue)}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tag--lancamento{background:var(--bronze-lt);color:var(--navy)}
.tag--breve{background:transparent;color:var(--bronze-lt);border:1.5px solid var(--bronze-lt)}
.tag--breve::before{background:transparent;border:1.5px solid currentColor}
.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;min-height:44px;color:var(--muted)}
.back:hover{color:var(--blue)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-block:28px}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.fact dt{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-ink);font-weight:600}
.fact dd{margin:5px 0 0;font:500 1.0625rem var(--serif);letter-spacing:.02em}
@media(max-width:520px){.facts{grid-template-columns:1fr 1fr;gap:10px}.fact{padding:14px 16px}.fact dd{font-size:1rem}}
.lead{font-size:1.25rem;max-width:60ch}
.desc{color:var(--muted);max-width:68ch;margin-top:16px}
.sub{padding-block:clamp(36px,6vw,72px)}
.sub h2{font-size:clamp(1.35rem,3vw,1.9rem);margin-bottom:22px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.thumb{padding:0;border:0;background:var(--sand);border-radius:10px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}
.thumb:hover img{transform:scale(1.05)}
.thumb--plan{background:#fff;aspect-ratio:1;border:1px solid var(--line)}
.thumb--plan img{object-fit:contain;padding:6px}
.thumb__cap{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(12,15,48,.78));color:#fff;font-size:.8125rem;font-weight:600;text-align:left}
.plan{display:flex;flex-direction:column;gap:6px}
.plan .thumb{width:100%}
.plan span{font-size:.875rem;font-weight:600;text-align:center}
.more{margin-top:20px}
.map{width:100%;height:min(60vw,420px);min-height:280px;border:0;border-radius:var(--r);background:var(--sand)}
.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
/* atalho para o WhatsApp no meio da página, logo depois das plantas */
.mini-cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 22px;background:var(--sand);border:1px solid var(--line);border-left:3px solid var(--bronze);border-radius:var(--r)}
.mini-cta p{font-weight:600;max-width:46ch}
@media(max-width:520px){.mini-cta{padding:18px}.mini-cta .btn{width:100%;justify-content:center}}
/* Como chegar: Google Maps e Waze lado a lado; no celular, só o nome do app */
@media(max-width:520px){.links--mapa{display:grid;grid-template-columns:1fr 1fr;gap:10px}.links--mapa .btn{padding:0 10px;gap:8px;white-space:nowrap}.m-oculto{display:none}}
@media(max-width:350px){.links--mapa .btn{padding:0 8px;gap:6px;font-size:.875rem}}
.cta{background:var(--navy);color:#F4F0E6;text-align:center;border-radius:calc(var(--r)*1.6);padding:clamp(36px,6vw,72px) var(--gutter)}
.cta h2{font-size:clamp(1.4rem,3.4vw,2.25rem);max-width:20ch;margin:12px auto 14px}
.cta p{color:#D5D2E3;max-width:44ch;margin:0 auto 26px}
.cta .eyebrow{color:var(--bronze-lt)}
/* no celular o botão do WhatsApp cabe numa linha; abaixo de 350 px some o "o Diego" */
@media(max-width:520px){.cta{padding-inline:14px}.cta .btn{padding:0 16px;gap:8px;font-size:.9375rem;white-space:nowrap}}
@media(max-width:350px){.cta .m-curto{display:none}}

/* Tour 360° (carrega só ao clicar) */
.tour__opts{margin:0 0 14px}
.tour__opt[aria-pressed="true"]{background:var(--blue);color:#fff}
.tour{position:relative;aspect-ratio:16/9;min-height:300px;border-radius:var(--r);overflow:hidden;background:var(--navy)}
.tour>img{width:100%;height:100%;object-fit:cover;opacity:.75}
.tour::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,48,.55),rgba(12,15,48,.1));pointer-events:none}
.tour--on::after{display:none}
.tour__go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.tour__go:hover{transform:translate(-50%,calc(-50% - 2px))}
.tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:600px){.tour{aspect-ratio:4/5;max-height:80svh}}

/* Vídeo próprio (a capa aparece primeiro; o arquivo só baixa ao clicar) */
.vid{position:relative;width:100%;border-radius:var(--r);overflow:hidden;background:var(--navy)}
.vid>img{width:100%;height:100%;object-fit:cover}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,48,.5),rgba(12,15,48,.1));pointer-events:none}
.vid--on::after{display:none}
.vid__go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap}
.vid__go:hover{transform:translate(-50%,calc(-50% - 2px))}
.vid video{display:block;width:100%;height:100%;background:#000}
@media(max-width:600px){.vid__go{padding:0 20px}}

/* Lightbox */
.dlg{border:0;padding:0;background:rgba(10,12,38,.96);color:#fff;width:100vw;height:100vh;max-width:none;max-height:none}
.dlg::backdrop{background:rgba(10,12,38,.96)}
.dlg__in{display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:12px}
.dlg__bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dlg__stage{display:flex;align-items:center;justify-content:center;min-height:0;position:relative}
.dlg__stage img{display:block}
.dlg__box{position:relative;overflow:hidden;display:block;flex:none}
.dlg__cap{text-align:center;padding:10px;font-size:.9375rem;color:#D5D2E3}
.ibtn{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:rgba(10,12,38,.5);color:#fff;display:grid;place-items:center;cursor:pointer}
.ibtn:hover{background:rgba(255,255,255,.18)}
.ibtn svg{width:22px;height:22px}
.dlg__nav{position:absolute;top:50%;transform:translateY(-50%)}
.dlg__nav--prev{left:4px}.dlg__nav--next{right:4px}

/* WhatsApp flutuante: só o ícone, no verde oficial, para ser reconhecido de longe */
.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 10px 24px -8px rgba(20,24,63,.5),0 2px 6px rgba(20,24,63,.18);transition:transform var(--t-base) var(--ease),background var(--t-fast),box-shadow var(--t-base) var(--ease)}
.fab:hover{transform:translateY(-2px) scale(1.04);background:#1EBE5B;box-shadow:0 16px 30px -10px rgba(20,24,63,.55),0 2px 6px rgba(20,24,63,.18)}
.fab:active{transform:scale(.96)}
.fab svg{width:32px;height:32px}
/* anel duplo (branco + azul) aparece tanto no fundo claro quanto no rodapé escuro */
.fab:focus-visible{outline:3px solid transparent;outline-offset:0;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--blue)}
@media(max-width:620px){.fab{width:56px;height:56px}.fab svg{width:30px;height:30px}}

/* Formulário (cartão claro sobre o fundo azul-marinho) */
.frm{background:var(--surface);color:var(--ink);border-radius:calc(var(--r)*1.4);padding:clamp(22px,4vw,36px);display:grid;gap:18px}
.frm h3{font-size:1.3125rem}
.frm__lead{color:var(--muted);margin:-8px 0 4px}
.dark .frm h3{color:var(--ink)}
.dark .frm p{color:var(--muted);max-width:none}
.dark .frm .frm__status--err{color:#B3261E}
.fld{display:grid;gap:6px}
.fld label,.pref legend{font-weight:600;font-size:.9375rem}
.fld input:not([type=checkbox]):not([type=radio]),.fld select,.fld textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1.5px solid #948E7E;background:#fff;color:var(--ink);font:400 1rem var(--sans)}
.fld textarea{resize:vertical;min-height:112px}
.fld input::placeholder,.fld textarea::placeholder{color:#737389}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue)}
.fld [aria-invalid=true]{border-color:#B3261E}
.hint{font-size:.8125rem;color:var(--muted)}
.err{font-size:.875rem;color:#B3261E;font-weight:600}
.err:empty{display:none}
.chk{display:flex;gap:12px;align-items:flex-start;font-weight:400;line-height:1.5;cursor:pointer;font-size:.9375rem}
.chk input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--blue)}
.chk a{color:var(--blue);text-underline-offset:3px}
.pref{border:0;padding:0;margin:0;min-width:0}
.pref legend{padding:0;margin-bottom:8px}
.pref__opts{display:flex;flex-wrap:wrap;gap:8px}
.pref label{position:relative;cursor:pointer}
.pref input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pref span{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid #948E7E;background:#fff;color:var(--ink);font:600 .9375rem/1 var(--sans);transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast)}
.pref label:hover span{border-color:var(--blue)}
.pref input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.pref input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}
@media(prefers-contrast:more){.pref span{border-color:var(--ink)}.pref input:checked+span{background:var(--navy);border-color:var(--navy)}}
.frm__btn{width:100%}
.frm__btn[disabled]{opacity:.7;cursor:progress}
.frm__status{font-size:.9375rem}
.frm__status:empty{display:none}
.frm__status--err{color:#B3261E;font-weight:600}
.frm__status a,.frm__ok a{color:var(--blue);text-underline-offset:3px}
.frm__ok:focus{outline:none}
.frm__ok h3{margin-bottom:10px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#form-detalhe{max-width:680px;margin-inline:auto}
#form-detalhe .frm{border:1px solid var(--line)}

/* Política de privacidade */
/* aviso de cookies */
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:640px;margin-inline:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--bronze);border-radius:var(--r);box-shadow:0 22px 44px -24px rgba(20,24,63,.45);padding:18px 20px;display:grid;gap:14px}
.cookies[hidden]{display:none}
.cookies p{margin:0;font-size:.9375rem;line-height:1.55}
.cookies a{color:var(--blue);font-weight:600;text-underline-offset:3px}
.cookies__btns{display:flex;gap:10px;flex-wrap:wrap}
.cookies__btns .btn{flex:1 1 120px;padding-inline:16px}
.linkbtn{background:none;border:0;padding:0;min-height:44px;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.legal ul{color:var(--muted);padding-left:1.2em}
.legal li+li{margin-top:6px}
.legal strong{color:var(--ink)}
.tabela{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:.9375rem}
.tabela th,.tabela td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
.tabela td{color:var(--muted)}
@media(max-width:520px){.tabela thead{display:none}.tabela tr{display:grid;padding:10px 0;border-bottom:1px solid var(--line)}.tabela th,.tabela td{border:0;padding:2px 0}}
/* área do corretor */
.frm__status--ok{color:#1E6B3A;font-weight:600}
.legal .frm__status--err{color:#B3261E}
.legal .frm__status--ok{color:#1E6B3A}
.corretor .wrap>.frm__status{margin-top:16px;padding:12px 16px;border-radius:10px;background:#FBEAE8}
.btn:disabled{background:#C9C6D6;border-color:#C9C6D6;color:#3F4360;cursor:not-allowed;transform:none}
.corretor .frm{border:1px solid var(--line);margin-top:24px}
.corretor .frm h2{margin:0;font-size:1.25rem}
.frm--corretor{max-width:440px}
.senha{position:relative}
.senha input{padding-right:56px!important}
.senha__ver{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.senha__ver:hover{color:var(--blue)}
.senha__ver[aria-pressed=true]{color:var(--blue)}
.esqueci{justify-self:center;display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:600;font-size:.9375rem;text-underline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.painel{display:grid;gap:28px;margin-top:28px}
.painel__top{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.painel__top p{margin:0;color:var(--ink)}
.painel h2{font-size:1.25rem;margin:0 0 12px}
.row2{display:grid;gap:18px}
@media(min-width:640px){.row2{grid-template-columns:1fr 1fr}}
.pedidos{display:grid;gap:12px}
.pedido{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:grid;gap:8px}
.pedido p{margin:0}
.pedido__txt{white-space:pre-line;color:var(--ink)}
.pedido__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.875rem;color:var(--muted)}
.pedido a{color:var(--blue);word-break:break-all}
.st{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font:700 .75rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid currentColor}
.st--pendente{color:var(--bronze-ink)}
.st--andamento{color:var(--blue)}
.st--concluida{color:#1E6B3A}
.legal .wrap{max-width:760px;padding-block:clamp(48px,8vw,96px)}
.legal h1{font-size:clamp(1.8rem,5vw,2.75rem);margin-bottom:8px}
.legal h2{font-size:1.2rem;margin:34px 0 8px}
.legal p{color:var(--muted)}

/* Movimento (tudo desligado em "reduzir movimento") */
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@keyframes fade{from{opacity:0}}
@media(prefers-reduced-motion:no-preference){
  .hero__text>*{animation:rise var(--t-slow) var(--ease) both}
  .hero__text>:nth-child(2){animation-delay:.06s}
  .hero__text>:nth-child(3){animation-delay:.12s}
  .hero__text>:nth-child(4){animation-delay:.18s}
  .hero__text>:nth-child(5){animation-delay:.24s}
  .hero__img{animation:fade 1s var(--ease) .15s both}
  .d-hero__img img{animation:fade 1s var(--ease) both}
  .d-hero__txt .wrap>*{animation:rise var(--t-slow) var(--ease) both}
  .dlg[open]{animation:fade var(--t-base) var(--ease)}
  .fab{animation:rise var(--t-slow) var(--ease) .6s both}
}
.rv{opacity:0;transform:translateY(16px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  .card:hover,.btn:hover,.fab:hover{transform:none}
  .tour__go:hover,.vid__go:hover{transform:translate(-50%,-50%)}
}
[hidden]{display:none!important}
/* foto com recorte de faixa branca: invisível até o recorte (evita piscar) */
img[data-c]{opacity:0}
/* Área do corretor ligada ao painel da W-Páginas (2026-10-24): aviso, plano, rodadas e trocar senha */
.aviso-wp{margin:20px 0 0;padding:12px 16px;border-radius:12px;border-left:4px solid var(--bronze-ink);background:var(--surface);color:var(--ink);overflow-wrap:anywhere}
.aviso-wp--imp{border-left-color:#B3261E}
.painel__sub{font-size:.9rem;color:var(--muted)!important;margin-top:4px!important}
.painel__btns{display:flex;gap:8px;flex-wrap:wrap}
.muted{color:var(--muted)}
.plano{flex:1 1 22rem;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px 18px;display:grid;gap:12px}
.plano__linha{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.plano__k{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-ink)}
.plano strong{font-size:1.0625rem;color:var(--ink)}
.plano__bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.plano__bar i{display:block;height:100%;width:0;background:var(--blue);border-radius:99px;transition:width .6s var(--ease)}
.plano__txt{margin:0!important;color:var(--muted);font-size:.9375rem}
.plano__res{display:flex;gap:8px;flex-wrap:wrap}
.plano__res span{font-size:.8125rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink)}
.abas{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--sand);border:1px solid var(--line);justify-self:start}
.aba{min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid transparent;background:none;font:600 .9375rem/1 var(--sans);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.aba:hover{color:var(--ink)}
.aba[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--blue)}
.aba__n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bronze-lt);color:var(--navy);font-size:.75rem;display:inline-grid;place-items:center}
.aba__n:empty{display:none}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chip{min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid #948E7E;background:var(--surface);color:var(--ink);font:600 .9375rem/1 var(--sans);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}
.chip:hover{border-color:var(--blue)}
.chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.pedido__acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pedido__acoes .btn{min-height:44px;padding:0 18px;font-size:.9375rem}
.btn--perigo{color:#B3261E;border-color:#E7C3BF}
.btn--perigo:hover{border-color:#B3261E;background:#FCF1F0}
.pedido__edita{display:grid;gap:14px}
.pedido__edita h3{margin:0;font-size:1.1rem}
.pedido__anexos{font-size:.9rem;overflow-wrap:anywhere}
.anexos{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:.9rem;overflow-wrap:anywhere}
.anexos:empty{display:none}
.anexo-grande{margin-top:10px;padding:14px 16px;border:1px solid #E7C3BF;background:#FCF1F0;border-radius:12px;display:grid;gap:12px;justify-items:start}
.anexo-grande p{margin:0;color:var(--ink);font-size:.9375rem;overflow-wrap:anywhere}
.fld input[type=file]{min-height:48px;padding:10px 12px}
@media(prefers-contrast:more){.chip,.aba{border-color:var(--ink)}}