@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#092837;--deep:#061f2c;--ink:#102a3c;--text:#304955;--muted:#4e6470;--line:#d6e0e4;--wash:#f0f5f6;--gold:#e3b35a;--warm:#f8f0e0;--gutter:max(5.5%,calc((100vw - 1200px)/2))}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:#fff;font:16px/1.65 'DM Sans',sans-serif}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{color:var(--ink);font-family:Manrope,sans-serif;font-weight:500;line-height:1.16;letter-spacing:-.035em}
h1{font-size:clamp(48px,4.7vw,72px)}
h2{font-size:clamp(34px,4vw,54px);max-width:22ch}
h3{font-size:26px}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #916426;outline-offset:4px}
.wrap{width:calc(100% - var(--gutter) * 2);margin-inline:auto}
.skip{position:absolute;left:1rem;top:-10rem;background:#fff;padding:8px;z-index:40}
.skip:focus{top:1rem}
main [id],#privacidade{scroll-margin-top:106px}
:root{--section-space:clamp(56px,6vw,88px)}
.section,.closing{padding:var(--section-space) 0}
#entregas{padding-bottom:calc(var(--section-space) / 2)}
.comparison{padding-top:calc(var(--section-space) / 2)}
.split,.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5.8vw,80px)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.split,.hero-grid{align-items:center}
.section-heading{align-items:end;margin-bottom:34px}
.section-heading>p{max-width:75ch}
.eyebrow,.card-label{color:#78541c;font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.13em}
.eyebrow{margin-bottom:15px}
.section-copy{margin-top:18px;max-width:57ch}

.hero,.field,.closing{background:var(--deep);color:#dce9ed}
.hero{position:relative;isolation:isolate;padding:clamp(46px,6vw,88px) 0;background:linear-gradient(117deg,#061f2c 27%,#12394a)}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(120deg,transparent 0 87px,#e3b35a12 88px 89px,transparent 90px 176px);mask-image:linear-gradient(90deg,transparent 45%,black)}
.hero h1,.field h2,.closing h2{color:white}
.hero h1 em{display:block;color:var(--gold);font-style:normal}
.hero .eyebrow,.field .eyebrow,.closing .eyebrow{color:var(--gold)}
.intro{max-width:45ch;font-size:clamp(1rem,1.6vw,1.22rem);margin-top:19px}
.hero-checks{list-style:none;padding:19px 0 0;margin:22px 0 0;border-top:1px solid #b8ccd044;display:grid;gap:7px;color:#edf5f7;font-size:.93rem}
.hero-checks li{display:flex;align-items:baseline;gap:10px}
.hero-checks li::before{content:'✓';color:var(--gold);font-weight:700}
.quote{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:13px 19px;border-radius:8px;color:var(--deep);background:var(--gold);font-weight:700;text-decoration:none;line-height:1.25;transition:background .18s,transform .18s}
.quote:hover{background:#f2cb81;transform:translateY(-2px)}
.quote span{font-size:1.12em}
.proposal-card{min-width:0;padding:clamp(22px,3.2vw,40px);border-radius:12px;border-top:4px solid var(--gold);background:#fff;color:var(--text);box-shadow:0 18px 45px #04151f5c}
.proposal-card h2{font-size:clamp(25px,2.45vw,34px);max-width:none;font-weight:700}
.proposal-intro{margin:9px 0 19px;font-size:.94rem;line-height:1.5}
.proposal-card label{display:block;margin:13px 0 5px;color:var(--ink);font-size:.88rem;font-weight:700}
.proposal-card input{display:block;width:100%;min-height:46px;padding:9px 11px;border:1px solid #b7c7cf;border-radius:6px;background:#fff;color:var(--ink);font:inherit}
.proposal-card input:focus-visible{outline:2px solid #916426;outline-offset:1px}
.proposal-card .quote{width:100%;margin-top:15px;border:0;cursor:pointer;font-family:inherit;font-size:1rem}
.proposal-note{margin-top:10px;color:var(--muted);font-size:.81rem;line-height:1.45}

.delivery-grid,.followup-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.delivery-grid article{padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;background:#fff;box-shadow:0 10px 30px #102a3c0b}
.delivery-grid h3,.credential-card h3{margin:8px 0 12px}
.scope-note{margin-top:20px;padding:17px 22px;background:var(--warm);border-radius:8px}
.scope-note p{margin-top:3px}
.field{background:linear-gradient(135deg,#071f2e,#102f42)}
.technical-list{list-style:none;padding:0;margin:21px 0 0;border-top:1px solid #b8ccd044}
.technical-list li{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid #b8ccd044}
.technical-list strong{color:#fff}
.technical-list span,.field-note{font-size:.92rem}
.field-note{margin-top:17px;color:#bfdae2}
.field-photo{position:relative;overflow:hidden;border-radius:10px;border:1px solid #e3b35a85;background:#183848}
.field-photo img{width:100%;aspect-ratio:1.19;object-fit:cover;object-position:center 40%}
.field-photo figcaption{padding:9px 13px;color:#dce9ed;background:#082634;font-size:.78rem}
.credentials{background:#fff}
.credential-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;background:#f8fafb}
.credential-meta{display:grid;gap:2px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}
.credential-meta strong{color:var(--ink)}
.credential-meta span{font-size:.87rem;color:var(--muted)}

.process{background:var(--wash)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:step;list-style:none;padding:0;margin:0 0 27px}
.steps li{counter-increment:step;border:1px solid var(--line);border-radius:9px;background:#fff;padding:22px}
.steps li::before{content:counter(step,decimal-leading-zero);display:block;color:#78541c;font-size:.82rem;font-weight:700;margin-bottom:12px}
.steps h3{font-size:21px}
.steps p{margin-top:8px}
.post-inspection{padding-bottom:0}
.followup{padding:clamp(23px,4vw,48px);border-left:4px solid #bc8837;border-radius:12px;background:var(--warm)}
.followup h2{font-size:clamp(28px,3.45vw,44px)}
.followup-list{list-style:none;padding:0;margin:0 0 19px}
.followup-list li{padding-top:11px;border-top:1px solid #d5c29f;display:grid;align-content:start;gap:4px}
.followup-list strong{color:var(--ink)}
.secondary{display:inline-block;font-weight:700;color:var(--ink)}
.questions .split{align-items:start}
.city-guide{margin-top:25px;max-width:410px;padding:19px 22px;border:1px solid var(--line);border-radius:9px;background:var(--wash)}
.city-guide h3{font-size:20px}
.city-guide p{margin:7px 0}
summary{cursor:pointer;color:var(--ink);font-weight:700;padding:14px 0}
.faq details,.site-footer details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
details p{padding:0 0 14px}
.faq a{font-weight:700}
.closing{background:linear-gradient(120deg,#061f2c,#15394c)}
.closing .split>div:last-child{justify-self:end}
.closing a:focus-visible{outline-color:white}
.direct-link{display:block;margin-top:12px;font-size:.91rem}
.site-footer{padding:26px 0 34px;color:var(--muted);font-size:.91rem}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-row strong{color:var(--ink)}
.site-footer details p{max-width:76ch}
.mobile-action{display:none}

@media(max-width:800px){
  :root{--gutter:6%}
  h1{font-size:clamp(37px,9.3vw,62px)}
  h2{font-size:32px}
  :root{--section-space:56px}
  .section,.closing{padding:var(--section-space) 0}
  #entregas{padding-bottom:calc(var(--section-space) / 2)}
  .comparison{padding-top:calc(var(--section-space) / 2)}
  .post-inspection{padding-bottom:0}
  .hero-grid,.split,.section-heading{grid-template-columns:minmax(0,1fr);gap:24px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field-photo img{aspect-ratio:1.55}
  .closing .split>div:last-child{justify-self:start}
}
@media(max-width:680px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .hero{padding-top:34px}
  .hero-checks{display:none}
  .delivery-grid,.followup-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .footer-row{align-items:flex-start;flex-direction:column;gap:8px}
  .mobile-action{display:block;position:fixed;z-index:3;bottom:0;left:0;right:0;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:var(--deep);box-shadow:0 -3px 18px #061f2c2e}
  .mobile-action .quote{display:flex;max-width:440px;min-height:49px;margin:auto;justify-content:center}
  .mobile-action .quote:focus-visible{outline-color:white}
}
@media(max-width:380px){.steps{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.quote{transition:none}.quote:hover{transform:none}}

/* Comparação para orientar a contratação */
.comparison{background:#fff}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.comparison-grid article{border-radius:12px;padding:clamp(24px,3.6vw,42px)}
.comparison-grid h3{margin:11px 0}
.comparison-grid ul{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}
.comparison-grid li{position:relative;padding-left:23px}
.comparison-grid li::before{position:absolute;left:0;top:0;content:'✓';font-weight:700}
.compare-check{background:#0b2534;color:#d7e4e9}
.compare-check h3{color:#fff}
.compare-check .card-label,.compare-check li::before{color:#e3b35a}
.compare-aval{background:#fbf4e5;color:#304955;border:1px solid #e3b35a}
.compare-aval li::before{color:#2b7749}
.compare-aval .quote{margin-top:24px}
.floating-contact{position:fixed;right:20px;bottom:20px;background:#25d366;color:#073b22;border:1px solid #25d366;padding:12px 18px;font-size:13px;font-weight:500;z-index:25;box-shadow:0 5px 15px #0d293522;border-radius:6px;display:flex;align-items:center;gap:9px;min-height:46px;text-decoration:none}
.floating-contact svg{flex-shrink:0;color:white}
.floating-contact:hover{background:#20c45e}
@media(max-width:680px){.comparison-grid{grid-template-columns:minmax(0,1fr)}.floating-contact{width:52px;height:52px;min-height:52px;padding:0;gap:0;justify-content:center;border-radius:50%;font-size:0;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.floating-contact svg{width:24px;height:24px}}

/* Avaliação da edificação */
.field-intro{margin-top:19px;color:#bfdae2;font-size:.91rem}
.technical-list{display:grid;gap:9px;border:0;margin-top:13px}
.technical-list li{padding:12px 16px;border:1px solid #a9c4ce38;border-left:2px solid var(--gold);border-radius:6px;background:#ffffff09}
.field-photo{box-shadow:0 22px 50px #0417224d}

/* Vistoria predial */
.field-heading{max-width:880px;margin-bottom:36px}
.field-heading h2{max-width:26ch}
.field-heading>p:last-child{max-width:70ch;margin-top:17px;color:#dce9ed}
.field-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(28px,4.5vw,64px)}
.field-photo{height:100%;min-height:360px;box-shadow:0 22px 50px #0417224d}
.field-photo img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}
.field-content{align-self:center;min-width:0}
.field-content h3{color:#fff;font-size:clamp(23px,2.4vw,30px);margin-bottom:10px}
.field-content>p:not(.field-note){color:#dce9ed}
.technical-list{gap:0;margin-top:15px;border-top:1px solid #a9c4ce55}
.technical-list li{padding:14px 0 14px 18px;border:0;border-bottom:1px solid #a9c4ce55;border-left:2px solid var(--gold);border-radius:0;background:transparent}
.field-note{margin-top:16px}
@media(max-width:800px){.field-heading{margin-bottom:25px}.field-layout{grid-template-columns:minmax(0,1fr);gap:25px}.field-photo{min-height:0;aspect-ratio:1.6}.field-photo img{aspect-ratio:auto}}
