/* ============================================================
   LANDING.CSS — Seções da página institucional
   ------------------------------------------------------------
   Uma seção por bloco, na ordem em que aparecem na página:
   header → hero → sobre → benefícios → impacto → quote →
   serviços → contato → footer.

   CONTINUIDADE DE ROLAGEM: cada seção termina no MESMO tom em
   que a próxima começa (gradientes encadeados). Se mudar a cor
   final de uma seção, ajuste a cor inicial da seguinte.
   Sequência atual:
   #16365C → #17395F → #16365C → #15345A → #143156 → #122E52
   → #0F2947 → #0C223C
   ============================================================ */
/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:50;background:rgba(22,54,92,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:var(--font-display);font-weight:700;letter-spacing:.34em;text-transform:uppercase;font-size:.85rem}
nav.main{display:flex;gap:26px;font-size:.82rem;color:#C9D6E4}
nav.main a{text-decoration:none;transition:color .2s}
nav.main a:hover{color:#fff}
@media(max-width:760px){nav.main{display:none}}

/* ---------- hero ---------- */
.hero{position:relative;padding:96px 0 140px;overflow:hidden;background:linear-gradient(180deg,var(--navy) 0%,#17395F 100%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.14;letter-spacing:.015em;text-transform:uppercase;max-width:15ch}
.hero p.sub{margin-top:22px;color:#BFD0E1;max-width:44ch;font-size:.98rem}
.cta-hero{margin-top:44px;display:inline-flex;align-items:center;gap:14px;background:none;border:none;color:#fff;text-align:left}
.cta-hero .lbl{font-family:var(--font-display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:6px;transition:border-color .2s}
.cta-hero:hover .lbl{border-color:var(--gold)}
.cta-hero .circle{width:44px;height:44px;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;transition:transform .25s,background .25s}
.cta-hero:hover .circle{transform:translateY(4px);background:rgba(255,255,255,.08)}
.hero-art{display:flex;justify-content:center}
.hero-art svg{width:min(380px,80%);height:auto}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-art{order:-1}.hero-art svg{width:220px}}

/* ---------- about ---------- */
.about{padding:90px 0 110px;background:linear-gradient(180deg,#17395F 0%,var(--navy) 100%)}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about .photo{background:#fff;border-radius:var(--radius);padding:14px;box-shadow:0 24px 60px rgba(6,20,38,.35)}
.about .photo .inner{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(160deg,#DDE7F0 0%,#F4F8FB 55%,#E8EFF5 100%);position:relative}
.real-photo{width:100%;height:100%;object-fit:cover;display:block}
.img-fallback::after{content:'Imagem a ser substituída';position:absolute;inset:0;display:grid;place-items:center;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#8AA0B8;font-family:var(--font-display);font-weight:600}
.about h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:16px}
.about p{color:var(--gold);font-size:.9rem;line-height:1.85}
@media(max-width:860px){.about .wrap{grid-template-columns:1fr}}

/* ---------- benefícios / serviços ---------- */
.section-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,3.4vw,2.4rem);letter-spacing:.01em}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:44px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:860px){.cards3{grid-template-columns:1fr}}
.card{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:30px 26px;box-shadow:0 18px 44px rgba(6,20,38,.28)}
.card h3{color:var(--blue);font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1.35;margin-bottom:16px}
.card p{font-size:.82rem;color:var(--muted);line-height:1.75}
.card .ico{width:52px;height:52px;border-radius:12px;background:linear-gradient(140deg,var(--navy),var(--blue-strong));display:grid;place-items:center;margin-bottom:18px}
.beneficios{padding:80px 0 110px;background:linear-gradient(180deg,var(--navy) 0%,#15345A 100%)}
.servicos{padding:100px 0 110px;background:linear-gradient(180deg,#122E52 0%,var(--navy-deep) 100%)}

/* ---------- impacto ---------- */
.impacto{padding:90px 0 100px;background:linear-gradient(180deg,#15345A 0%,#143156 100%)}
.impacto .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.stat{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 14px 36px rgba(6,20,38,.25)}
.stat .num{font-family:var(--font-display);font-weight:600;font-size:1.5rem;color:var(--blue)}
.stat .lab{font-size:.78rem;color:var(--muted)}
.burst{opacity:.85}
@media(max-width:860px){.impacto .wrap{grid-template-columns:1fr}.burst-wrap{display:none}}

/* ---------- quote ---------- */
.quote{padding:90px 0 120px;text-align:center;background:linear-gradient(180deg,#143156 0%,#122E52 100%)}
.quote blockquote{max-width:640px;margin:0 auto;font-size:1.25rem;line-height:1.7;color:#E7EEF5;font-weight:400}

/* ---------- contato ---------- */
.contato{padding:90px 0 100px;background:linear-gradient(180deg,var(--navy-deep) 0%,#0C223C 100%)}
.contato p.lead{color:#BFD0E1;margin:10px 0 40px;font-size:.92rem}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.contact-cards{grid-template-columns:1fr}}
.contact-card{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:24px}
.contact-card .k{font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}
.contact-card .v{font-size:.88rem;color:var(--muted)}
footer{padding:28px 0;text-align:center;font-size:.72rem;color:#8AA0B8;background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.05)}