/* Estudo de caso: composição aprovada no Portfólio V2.
   Manrope e Inter pertencem à identidade da Verdanta e só carregam nesta página. */
@font-face{font-family:Manrope;src:url(../assets/projetos/verdanta/fontes/manrope-latin.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/projetos/verdanta/fontes/inter-amostra.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{--v-900:#0d2117;--v-orange:#e8742a}

/* Base das seções */
.ey{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.ey:before{content:"";width:7px;height:7px;background:var(--blue-soft)}
.claro .ey:before{background:var(--blue)}
.bl-c{padding:clamp(56px,8vw,112px) var(--gutter)}
.claro{background:var(--cream);color:var(--ink)}
.h-e{margin:14px 0 0;font-size:clamp(2.25rem,4.8vw,4.25rem);font-weight:900;line-height:1.02;letter-spacing:-.055em;word-spacing:.06em}
.h-e em{font-family:var(--serif);font-weight:400;font-size:1.12em;letter-spacing:-.03em;color:var(--blue-soft)}
.claro .h-e em{color:var(--blue)}
.dem{display:inline-block;padding:5px 9px;background:var(--v-orange);color:#191817;font-size:11px;font-weight:700;letter-spacing:.04em}

/* Abertura */
.ch{background:var(--ink);color:var(--cream);padding-top:clamp(28px,3vw,40px);overflow:hidden}
.ch-l{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 var(--gutter);font-size:13px;font-weight:700}
.ch-l a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.tag{padding:7px 11px;border:1px solid rgba(242,232,198,.5);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ch h1{position:relative;z-index:1;margin:clamp(18px,3vw,44px) 0 0;padding:0 var(--gutter);font-family:Manrope,var(--sans);font-size:clamp(4.25rem,19vw,18rem);font-weight:800;line-height:.82;letter-spacing:-.055em}
.ch h1 i{font-style:normal;color:var(--v-orange)}
.ch-f{margin:-.6vw 0 0;position:relative}
.ch-f img{display:block;width:100%;height:auto;outline:1px solid rgba(242,232,198,.18);outline-offset:-1px;pointer-events:none;-webkit-user-select:none;user-select:none}
.ch-f figcaption{display:flex;align-items:baseline;gap:10px;padding:12px var(--gutter) 0;font-size:13px;line-height:1.4}
.ch-f figcaption:before{content:"";flex:none;width:7px;height:7px;background:var(--v-orange)}
.ch-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin:0;padding:clamp(24px,3vw,36px) var(--gutter) clamp(32px,4vw,48px)}
.ch-s dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-soft)}
.ch-s dd{margin:6px 0 0;font-size:1rem;line-height:1.45}

/* Visão geral */
.vg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,6vw,88px);align-items:end}
.vg p{margin:0 0 14px;font-size:1.0625rem;line-height:1.6}

/* Identidade */
.ident2{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:start}
.ident2 img{display:block;width:100%;height:auto}
.esp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.esp div{border-top:1px solid rgba(242,232,198,.35);padding-top:12px}
.esp b{display:block;font-weight:800;font-size:clamp(3rem,6vw,5.5rem);line-height:1;color:var(--cream)}
.esp .mn b{font-family:Manrope,var(--sans);letter-spacing:-.04em}
.esp .in b{font-family:Inter,var(--sans);font-weight:500}
.esp span{display:block;margin-top:8px;font-size:13px;line-height:1.4}
.am2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0 0;padding:0;list-style:none}
.am2 li{min-height:clamp(84px,9vw,124px);padding:8px;display:flex;align-items:flex-end;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}

/* Experiência digital */
.xpv{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(32px,4vw,56px)}
.xpv figure{margin:0}
.xpv img{display:block;width:100%;height:auto}
.xpv figcaption{margin-top:8px;font-size:13px;line-height:1.4}
.xpv .g1{grid-column:1/13}
.xpv .g2{grid-column:1/8}
.xpv .g3{grid-column:8/13;margin-top:clamp(24px,6vw,88px)}

/* Desktop e mobile */
.resp{position:relative;background:var(--navy);color:var(--cream)}
.resp2{display:grid;grid-template-columns:minmax(0,1fr);position:relative;margin-top:clamp(32px,4vw,56px);padding-right:clamp(40px,14vw,200px);padding-bottom:clamp(20px,3vw,44px)}
.resp2>img{display:block;width:100%;height:auto}
.resp2 .fone{position:absolute;right:0;bottom:0;width:clamp(120px,19vw,270px);border:6px solid var(--ink)}
.resp2 .fone img{display:block;width:100%;height:auto}

/* Calculadora */
.calc{background:var(--v-900);color:#f4f1e9}
.calc .ey:before{background:var(--v-orange)}
.calc .h-e{font-family:Manrope,var(--sans);font-weight:800;letter-spacing:-.04em}
.calc-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);align-items:start}
.calc p{margin:14px 0 0;line-height:1.6}
.st{margin:22px 0 0;padding:14px;border:1px solid rgba(244,241,233,.3);font-size:14px;line-height:1.5}
.st b{display:block;color:#f39a5c;font-weight:700}
.st span{display:block;margin-top:6px}
.calc-i,.dt{margin:0}
.calc-i img{display:block;width:100%;height:auto;margin-top:12px}
.calc-d{display:grid;grid-template-columns:minmax(0,1.907fr) minmax(0,3.297fr);gap:clamp(12px,1.6vw,20px);margin-top:clamp(20px,2.4vw,32px)}
.dt img{display:block;width:100%;height:auto;outline:1px solid rgba(244,241,233,.22);outline-offset:-1px}
.dt figcaption{margin-top:8px;font-size:13px;line-height:1.4}
.calc-n{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:clamp(16px,2vw,24px)}
.calc-n .leg{margin:0;font-size:13px;line-height:1.4}

/* Relatório */
.pdf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.pdf p{margin:14px 0 0;line-height:1.6}
.folhas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);align-items:start}
.folhas img{display:block;width:100%;height:auto;box-shadow:0 18px 30px -22px rgba(16,19,28,.6)}
.folhas img:nth-child(2){margin-top:clamp(16px,3vw,44px)}
.folhas img:nth-child(3){margin-top:clamp(32px,6vw,88px)}

/* Encerramento */
.fim{background:var(--blue);color:var(--cream)}
.fim h2{margin:0;max-width:15em;font-size:clamp(2.75rem,7.6vw,6.75rem);font-weight:900;line-height:1;letter-spacing:-.06em;word-spacing:.06em}
.fim .btn{display:inline-flex;margin-top:clamp(24px,3vw,36px);padding:18px 26px;background:var(--cream);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none}
.fim .end{margin:12px 0 0;font-size:13px}
.fim a:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.ch-l a:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}

@media(max-width:1000px){
  .calc-g,.calc-d{grid-template-columns:minmax(0,1fr)}
  .calc-d .dt-a{display:none}
}
@media(max-width:700px){
  .vg,.ch-s,.ident2,.pdf{grid-template-columns:minmax(0,1fr)}
  .ch-l{flex-wrap:wrap}
  .tag{white-space:normal}
  .ch h1{font-size:clamp(3.75rem,20.4vw,8rem)}
  .ch-f{margin:6px var(--gutter) 0}
  .ch-f figcaption{padding:10px 0 0}
  .ch-s{gap:14px}
  .xpv .g1,.xpv .g2,.xpv .g3{grid-column:1/-1;margin-top:0}
  .esp{gap:12px}
  .am2 li{font-size:9.5px;padding:5px;min-height:76px}
  .resp2{padding-right:0;padding-bottom:28px}
  .resp2 .fone{width:34%;border-width:4px;right:6px}
}

/* V3.3 — escala editorial legível em desktop, mobile preservado */
@media(min-width:701px){.ch h1{font-size:clamp(4.5rem,12vw,10.5rem);line-height:1.02;letter-spacing:-.06em;overflow-wrap:normal}.ch-f{margin:clamp(18px,2.6vw,42px) 0 0}}