/* ============================================================
   FRED BORBA · fredarquitetura.com · v2.0
   Tokens: paleta Manual v1.3 · escala tipográfica fluida
   ============================================================ */
:root{
  --tinta:#0E0E0E; --cream:#F5EFE4; --creme-2:#EFE7D8;
  --bege:#C8BAAF; --grafite:#4A4A4A; --dourado:#8B6F47;
  --maxw:1160px;

  /* escala tipográfica (7 degraus, fluida) */
  --t-micro:9.5px;
  --t-caps:10.5px;
  --t-leg:12.5px;
  --t-corpo:clamp(15px,1.05vw,16px);
  --t-destaque:clamp(16.5px,1.25vw,18.5px);
  --t-h4:clamp(19px,1.7vw,22px);
  --t-h2:clamp(30px,4.2vw,46px);
  --t-h1:clamp(50px,7.6vw,100px);

  /* entrelinha por papel */
  --lh-titulo:1.1; --lh-corpo:1.75; --lh-legenda:1.55;

  /* caixa alta: três níveis de espaçamento */
  --ls-1:.1em; --ls-2:.2em; --ls-3:.3em;

  /* ritmo vertical (base 8) */
  --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s7:56px; --s8:64px;
  --sec:clamp(72px,9vw,120px);
  --sec-m:clamp(56px,7vw,88px);

  /* medidas de leitura */
  --medida:64ch; --medida-lead:48ch; --medida-sub:52ch;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#C8BAAF transparent}
html::-webkit-scrollbar{width:6px;height:6px}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{background:#C8BAAF;border-radius:3px}
html::-webkit-scrollbar-thumb:hover{background:#8B6F47}
body{background:var(--cream);color:var(--tinta);font-family:'Raleway',sans-serif;font-size:var(--t-corpo);line-height:var(--lh-corpo);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.g{font-family:'EB Garamond',serif}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--dourado);color:var(--cream)}
:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}

/* tipografia de parágrafo: sem viúvas, títulos balanceados */
p,li,blockquote{text-wrap:pretty}
h1,h2,h3,h4,h5,.anc,.frase{text-wrap:balance}

.inner{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{padding:var(--sec) 0}
@media(max-width:760px){section{padding:var(--sec-m) 0}}

.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:var(--ls-3);font-weight:700;text-transform:uppercase;color:var(--dourado);margin-bottom:var(--s3)}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--dourado);flex:0 0 auto}
h2.sec{font-family:'EB Garamond',serif;font-weight:500;font-size:var(--t-h2);line-height:1.15;letter-spacing:-.005em}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .75s cubic-bezier(.2,.6,.2,1),transform .75s cubic-bezier(.2,.6,.2,1)}
.reveal.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

/* régua-assinatura: divisória bege com traço dourado à esquerda */
.faq,.depo,footer{position:relative;border-top:1px solid var(--bege)}
.faq::before,.depo::before,footer::before{content:"";position:absolute;top:-1px;left:max(28px,calc((100vw - var(--maxw))/2 + 28px));width:56px;height:1px;background:var(--dourado)}
footer::before{left:calc(50% - 28px)}

/* ============ NAV ============ */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(245,239,228,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,186,175,.6)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.nav-logo img{width:36px;height:36px}
.nav-name{font-weight:600;letter-spacing:.24em;font-size:12.5px}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{position:relative;color:var(--tinta);text-decoration:none;font-size:var(--t-caps);letter-spacing:var(--ls-1);font-weight:600;text-transform:uppercase;cursor:pointer;padding:4px 0;letter-spacing:.16em}
.nav-links a:not(.wpp)::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--dourado);transition:width .3s}
.nav-links a:not(.wpp):hover::after{width:100%}
.nav-links a.dim{color:var(--bege)}
.nav-links a.wpp{background:var(--tinta);color:var(--cream);padding:10px 20px;transition:background .3s}
.nav-links a.wpp:hover{background:var(--dourado)}
@media(max-width:820px){.nav-links a:not(.wpp){display:none}}
.burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;margin-left:14px}
.burger span{display:block;width:22px;height:1.5px;background:var(--tinta)}
@media(max-width:820px){.burger{display:flex}}
.mmenu{display:none;position:fixed;top:62px;left:0;right:0;z-index:49;background:var(--cream);border-bottom:1px solid var(--bege);padding:8px 28px 20px}
.mmenu.open{display:block}
.mmenu a{display:block;padding:15px 0;border-bottom:1px solid var(--bege);color:var(--tinta);text-decoration:none;font-size:11.5px;letter-spacing:.18em;font-weight:600;text-transform:uppercase;cursor:pointer}
.mmenu a.dim{color:var(--bege)}
.mmenu a:last-child{border-bottom:none}

/* ============ FOTO ============ */
.foto{position:relative;overflow:hidden;background:var(--bege)}
.foto img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.foto:hover img{transform:scale(1.03)}
.foto .cap{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(245,239,228,.85);color:var(--grafite);font-size:7.5px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;padding:4px 9px;opacity:.9}
.foto .fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--grafite);font-size:11px;letter-spacing:var(--ls-1);text-align:center;padding:20px;z-index:0}

.pg{display:block}

/* ============ HERO ============ */
.hero{min-height:100vh;display:flex;align-items:stretch;padding:0}
.hero .inner{display:grid;grid-template-columns:7fr 5fr;gap:0;width:100%;max-width:none;align-items:stretch;padding:0 0 0 max(28px,calc((100vw - 1160px)/2 + 28px))}
.hero-txt{align-self:center;padding:130px 56px 70px 0}
.hero-txt h1{font-family:'EB Garamond',serif;font-weight:500;font-size:var(--t-h1);line-height:1.02;letter-spacing:-.015em}
.hero-txt h1 em{font-style:italic;color:var(--dourado)}
.hero-txt .sub{margin-top:var(--s4);font-size:var(--t-destaque);line-height:1.7;color:var(--grafite);max-width:var(--medida-sub);font-weight:400}
.hero-txt .ctas{margin-top:var(--s6);display:flex;gap:var(--s2);flex-wrap:wrap}
.btn{display:inline-block;padding:16px 32px;font-size:11px;letter-spacing:.18em;font-weight:600;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--tinta);transition:all .3s;background:transparent;color:var(--tinta)}
.btn.solid{background:var(--tinta);color:var(--cream)}
.btn.solid:hover{background:var(--dourado);border-color:var(--dourado)}
.btn.ghost:hover{border-color:var(--dourado);color:var(--dourado)}
.hero-img{position:relative;min-height:100vh}
.hero-img .foto{position:absolute;inset:0}
@media(max-width:860px){
  .hero{min-height:auto}
  .hero .inner{grid-template-columns:1fr;padding:110px 0 0 28px}
  .hero-txt{padding:0 28px 44px 0}
  .hero-img{min-height:64vh;margin-left:-28px}
}

/* ============ MANIFESTO ============ */
.manif{background:var(--tinta);color:var(--cream)}
.manif .inner{display:grid;grid-template-columns:1fr;max-width:880px;text-align:center}
.manif .eyebrow{justify-content:center}
.manif blockquote{font-family:'EB Garamond',serif;font-weight:400;font-style:italic;font-size:clamp(24px,3.6vw,38px);line-height:1.4}
.manif cite{display:block;margin-top:var(--s3);font-family:'Raleway',sans-serif;font-style:normal;font-size:10px;letter-spacing:var(--ls-3);text-transform:uppercase;color:var(--bege)}
.manif .corpo{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(200,186,175,.22);font-size:var(--t-corpo);line-height:1.85;color:var(--bege);text-align:left;max-width:var(--medida);margin-left:auto;margin-right:auto}
.manif .selo-frase{margin-top:var(--s6);font-family:'EB Garamond',serif;font-style:italic;font-size:20px;color:var(--dourado)}
.manif .pergunta{margin-top:var(--s5);font-style:italic;font-size:clamp(26px,3.6vw,36px);color:var(--dourado);line-height:1.3}
.manif .corpo em.ouro{color:var(--dourado)}

/* ============ TIPOLOGIAS ============ */
.tipos-head{margin-bottom:var(--s7)}
.tipos-head p{font-size:var(--t-corpo);color:var(--grafite);max-width:var(--medida-sub);margin-top:var(--s2)}
.tipos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);align-items:stretch}
.tipo .foto{aspect-ratio:3/4}
.tipo{display:flex;flex-direction:column}
.tipo h3{margin-top:var(--s3);font-size:12px;letter-spacing:.28em;font-weight:700;text-transform:uppercase}
.tipo .anc{font-family:'EB Garamond',serif;font-style:italic;font-size:19px;margin-top:8px;color:var(--tinta)}
.tipo p{margin-top:10px;font-size:13.5px;line-height:1.65;color:var(--grafite)}
.tipo .selo-dif{margin-top:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--dourado);border-top:1px solid var(--bege);padding-top:12px}
.tipo{cursor:pointer}
.tipo h3 .seta{color:var(--dourado);margin-left:8px;font-family:'EB Garamond',serif;font-weight:400}
@media(max-width:900px){.tipos-grid{grid-template-columns:1fr}}

/* ============ DIFERENCIAIS ============ */
.difs{background:linear-gradient(to bottom,var(--cream),var(--creme-2))}
.difs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--bege);margin-top:var(--s7)}
.dif{padding:44px 40px;border-right:1px solid var(--bege);border-bottom:1px solid var(--bege)}
.dif:nth-child(2n){border-right:none}
.dif:nth-child(3),.dif:nth-child(4){border-bottom:none}
.dif h4{font-family:'EB Garamond',serif;font-style:italic;font-weight:500;font-size:21px}
.dif p{margin-top:12px;font-size:13.5px;line-height:1.65;color:var(--grafite)}
@media(max-width:820px){.difs-grid{grid-template-columns:1fr}.dif{border-right:none;border-bottom:1px solid var(--bege)}.dif:last-child{border-bottom:none}}

/* ============ FASES ============ */
.fases{overflow:hidden}
.fases-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:var(--s7);border-top:1px solid var(--tinta)}
.fase{padding:30px 22px 0;border-right:1px solid var(--bege);position:relative}
.fase:last-child{border-right:none}
.fase .n{font-family:'EB Garamond',serif;font-size:40px;color:var(--dourado);line-height:1}
.fase h5{margin-top:12px;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;min-height:2.6em}
.fase p{line-height:1.6}
@media(max-width:900px){.fases-strip{grid-template-columns:1fr 1fr 1fr}.fase{border-bottom:1px solid var(--bege);padding-bottom:26px}}
@media(max-width:560px){.fases-strip{grid-template-columns:1fr 1fr}}
.fases .nota{margin-top:var(--s4);font-size:13.5px;line-height:1.7;color:var(--grafite);max-width:var(--medida)}

/* ============ BANDA ============ */
.banda{padding:0}
.banda .foto{aspect-ratio:21/10;min-height:340px}
@media(max-width:760px){.banda .foto{aspect-ratio:4/3}}
.banda .legenda{max-width:var(--maxw);margin:0 auto;padding:18px 28px 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--grafite);font-weight:600}

/* ============ PROJETOS ============ */
.projs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s7)}
.proj .foto{aspect-ratio:3/4}
.proj h4{margin-top:var(--s2);font-size:11.5px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;line-height:1.5}
.proj p{font-size:11.5px;color:var(--grafite);letter-spacing:.08em;margin-top:4px;line-height:1.5}
@media(max-width:860px){.projs-grid{grid-template-columns:1fr}}

/* ============ QUEM ASSINA ============ */
.quem .inner{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.quem .foto{aspect-ratio:3/3.8}
.quem p{margin-top:var(--s2);font-size:var(--t-corpo);line-height:var(--lh-corpo);color:var(--grafite);max-width:var(--medida)}
@media(max-width:860px){.quem .inner{grid-template-columns:1fr;gap:40px}}

/* ============ DEPOIMENTOS ============ */
.depo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--bege);margin-top:var(--s7)}
.depo-card{padding:40px 34px;border-right:1px solid var(--bege);display:flex;flex-direction:column}
.depo-card:last-child{border-right:none}
.depo-card .asp{font-family:'EB Garamond',serif;font-size:52px;color:var(--dourado);line-height:.5;margin-bottom:20px}
.depo-card p{font-size:13.5px;line-height:1.65;color:var(--grafite);font-style:italic;flex:1}
.depo-card .quem-d{margin-top:24px;font-size:10.5px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.depo-card .proj-d{font-size:11px;color:var(--grafite);margin-top:3px;letter-spacing:.06em}
@media(max-width:860px){.depo-grid{grid-template-columns:1fr}.depo-card{border-right:none;border-bottom:1px solid var(--bege)}.depo-card:last-child{border-bottom:none}}

/* ============ CONTATO ============ */
.contato{background:var(--tinta);color:var(--cream)}
.contato .inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.contato h2{font-family:'EB Garamond',serif;font-weight:500;font-size:clamp(32px,4.4vw,50px);line-height:1.12}
.contato .lead{margin-top:var(--s3);color:var(--bege);font-size:var(--t-corpo);line-height:var(--lh-corpo);max-width:var(--medida-lead);text-wrap:pretty}
.contato .etapas{margin-top:var(--s5)}
.contato .etapa{padding:16px 0;border-top:1px solid rgba(200,186,175,.22);font-size:13px;line-height:1.65;color:var(--bege);max-width:var(--medida-lead)}
.contato .etapa strong{display:block;color:var(--cream);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:4px}
.contato .end{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(200,186,175,.22);font-size:13px;color:var(--cream);line-height:1.8}
.contato .end .rot-end{display:block;margin-top:var(--s2);font-size:9px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--dourado)}
.contato .end .rot-end:first-child{margin-top:0}
.contato .end a{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(200,186,175,.4)}
.contato .end a:hover{border-color:var(--dourado);color:var(--cream)}
.contato form{display:flex;flex-direction:column;gap:15px}
.contato label{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--bege)}
.contato input,.contato select,.contato textarea{background:transparent;border:none;border-bottom:1px solid rgba(200,186,175,.45);color:var(--cream);padding:10px 2px;font-family:'Raleway',sans-serif;font-size:14.5px;border-radius:0}
.contato input:focus,.contato select:focus,.contato textarea:focus{outline:none;border-bottom-color:var(--dourado)}
.contato select option{color:var(--tinta)}
.contato .btn{border-color:var(--dourado);background:var(--dourado);color:var(--cream);margin-top:16px;align-self:flex-start}
.contato .btn:hover{background:transparent;color:var(--dourado)}
.contato .micro{font-size:11px;color:var(--bege);letter-spacing:.08em}
@media(max-width:860px){.contato .inner{grid-template-columns:1fr;gap:52px}}

/* ============ RODAPÉ ============ */
footer{padding:var(--s8) 28px var(--s6);text-align:center}
footer img.lockup{width:min(300px,72vw);height:auto;margin:0 auto 20px}
footer .frase{font-family:'EB Garamond',serif;font-style:italic;font-size:18px;color:var(--dourado)}
footer .foot-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);max-width:880px;margin:var(--s5) auto 0;font-size:11.5px;letter-spacing:.05em;color:var(--grafite);line-height:1.9;text-align:center}
footer .frot{display:block;margin-bottom:6px;font-size:9px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--dourado)}
footer .foot-info a{color:var(--grafite);text-decoration:none;border-bottom:1px solid var(--bege)}
footer .foot-info a:hover{color:var(--dourado);border-color:var(--dourado)}
footer p.copy{margin-top:var(--s5);font-size:9px;letter-spacing:.24em;color:var(--bege);text-transform:uppercase}
@media(max-width:720px){footer .foot-info{grid-template-columns:1fr;gap:var(--s3)}}

/* ============ HERO SACRA/RES (banner sangrado, como a Home) ============ */
.sacra-hero{min-height:min(92vh,1080px);display:flex;align-items:stretch;background:var(--tinta);color:var(--cream);padding:0}
.sacra-hero .inner{display:grid;grid-template-columns:7fr 5fr;gap:0;width:100%;max-width:none;align-items:stretch;padding:0 0 0 max(28px,calc((100vw - 1160px)/2 + 28px))}
.sacra-hero .inner>div:first-child{align-self:center;padding:130px 56px 70px 0}
.sacra-hero h1{font-family:'EB Garamond',serif;font-weight:500;font-size:clamp(40px,6.4vw,80px);line-height:1.06;letter-spacing:-.01em}
.sacra-hero h1 em{font-style:italic;color:var(--dourado)}
.sacra-hero .anc{margin-top:var(--s3);font-family:'EB Garamond',serif;font-style:italic;font-size:21px;color:var(--dourado)}
.sacra-hero .sub{margin-top:var(--s2);font-size:var(--t-corpo);line-height:var(--lh-corpo);color:var(--bege);max-width:var(--medida-sub)}
.sacra-hero .foto{aspect-ratio:auto;height:100%;min-height:min(92vh,1080px)}
@media(max-width:860px){
  .sacra-hero{min-height:auto}
  .sacra-hero .inner{grid-template-columns:1fr;padding:110px 0 0 28px}
  .sacra-hero .inner>div:first-child{align-self:auto;padding:0 28px 44px 0}
  .sacra-hero .foto{margin-left:-28px;height:auto;min-height:64vh}
}

/* ============ ABORDAGEM ============ */
.abord .inner{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--bege);border-bottom:1px solid var(--bege);padding:var(--s7) 0}
.abord h3{font-size:11px;letter-spacing:.26em;font-weight:700;text-transform:uppercase;color:var(--dourado);margin-bottom:16px}
.abord p{font-size:var(--t-corpo);line-height:var(--lh-corpo);color:var(--grafite);max-width:var(--medida)}
.abord .lista{margin-top:14px;font-size:var(--t-corpo);color:var(--grafite)}
.abord .inner>div:first-child{padding-right:56px;border-right:1px solid var(--bege)}
.abord .inner>div:last-child{padding-left:56px}
@media(max-width:760px){.abord .inner{grid-template-columns:1fr}.abord .inner>div:first-child{padding-right:0;border-right:none;padding-bottom:36px;border-bottom:1px solid var(--bege);margin-bottom:36px}.abord .inner>div:last-child{padding-left:0}}
.proj-lista{list-style:none;margin:0;padding:0}
.proj-lista li{padding:13px 0;border-bottom:1px solid var(--bege);font-size:15.5px;color:var(--tinta)}
.proj-lista li:last-child{border-bottom:none}
.selo-fasbam{margin-top:var(--s4);border:1px solid var(--dourado);padding:26px 30px;display:flex;gap:20px;align-items:center;max-width:640px}
.selo-fasbam .g{font-size:30px;color:var(--dourado);line-height:1}
.selo-fasbam p{font-size:13px;line-height:1.65;color:var(--grafite)}
.abord .selo-fasbam{margin-top:34px}

/* ============ FAQ / GUIAS ============ */
.faq-item{border-bottom:1px solid var(--bege);padding:30px 0}
.faq-item h4{font-family:'EB Garamond',serif;font-weight:500;font-size:22px}
.faq-item p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--grafite);max-width:var(--medida)}
.faq-item h4 .emprod{font-size:10px;letter-spacing:.16em;color:var(--bege);font-family:'Raleway',sans-serif;font-weight:700;text-transform:uppercase;margin-left:12px}
.faq-item.link{cursor:pointer}
.faq-item.link:hover h4{color:var(--dourado)}
.faq-item.link h4{transition:color .3s}
.faq-item.link h4 .seta{color:var(--dourado);margin-left:10px}

/* ============ FILTRO ============ */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s4)}
.chip{background:transparent;border:1px solid var(--bege);color:var(--grafite);padding:10px 20px;font-family:'Raleway',sans-serif;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .25s}
.chip:hover{border-color:var(--dourado);color:var(--dourado)}
.chip.on{background:var(--tinta);border-color:var(--tinta);color:var(--cream)}
.proj.hide{display:none}

/* ============ ARTIGOS ============ */
.art-head{padding-top:170px}
.art-head .voltar{display:inline-block;margin-bottom:26px;font-size:10px;letter-spacing:var(--ls-2);font-weight:700;text-transform:uppercase;color:var(--dourado);cursor:pointer;text-decoration:none}
.art-head h1{font-family:'EB Garamond',serif;font-weight:500;font-size:clamp(34px,5.4vw,62px);line-height:1.1;max-width:22ch}
.art-head .sub{margin-top:var(--s3);font-size:var(--t-destaque);line-height:1.75;color:var(--grafite);max-width:var(--medida)}

/* capitular: a inicial dos guias, como nos livros litúrgicos */
.cap-inicial{float:left;font-family:'EB Garamond',serif;font-weight:500;font-size:4.6em;line-height:.78;color:var(--dourado);padding:.06em .12em 0 0}
@media(max-width:560px){.cap-inicial{font-size:3.6em}}

.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s7)}
.comp-card{border:1px solid var(--bege);padding:36px 32px}
.comp-card.melhor{border-color:var(--dourado)}
.comp-card h4{font-family:'EB Garamond',serif;font-style:italic;font-weight:500;font-size:22px}
.comp-card .tagc{font-size:9px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;color:var(--grafite);margin-bottom:10px}
.comp-card.melhor .tagc{color:var(--dourado)}
.comp-card ul{list-style:none;margin-top:22px}
.comp-card li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--bege);font-size:13.5px;color:var(--grafite);line-height:1.55}
.comp-card li .ic{font-family:'EB Garamond',serif;font-size:16px;color:var(--grafite);flex:0 0 14px}
.comp-card.melhor li .ic{color:var(--dourado)}
@media(max-width:820px){.comp-grid{grid-template-columns:1fr}}
.barras{margin-top:var(--s7);max-width:760px}
.barra{margin-bottom:22px}
.barra .rot{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.barra .rot em{font-style:normal;color:var(--grafite);font-weight:600;letter-spacing:.04em;text-transform:none;flex:0 0 auto}
.barra .trilho{height:8px;background:rgba(200,186,175,.35)}
.barra .fill{height:100%;background:var(--bege)}
.barra.ouro .fill{background:var(--dourado)}
.nota-ilustr{margin-top:14px;font-size:11px;color:var(--grafite);letter-spacing:.06em;font-style:italic;max-width:var(--medida)}
.alertas{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bege);border:1px solid var(--bege);margin-top:var(--s7)}
.alerta{background:var(--cream);padding:30px 28px}
.alerta .n{font-family:'EB Garamond',serif;font-size:30px;color:var(--dourado);line-height:1}
.alerta h5{margin-top:10px;font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.alerta p{margin-top:8px;font-size:13px;line-height:1.6;color:var(--grafite)}
@media(max-width:760px){.alertas{grid-template-columns:1fr}}
.pares{margin-top:var(--s7);border:1px solid var(--bege)}
.par{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--bege)}
.par:last-child{border-bottom:none}
.par > div{padding:26px 30px}
.par .pede{border-right:1px solid var(--bege)}
.par .rotp{font-size:9px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;color:var(--grafite);margin-bottom:8px}
.par .precisa .rotp{color:var(--dourado)}
.par p{color:var(--tinta);font-family:'EB Garamond',serif;font-style:italic;font-size:17px;line-height:1.5}
@media(max-width:720px){.par{grid-template-columns:1fr}.par .pede{border-right:none;border-bottom:1px dashed var(--bege)}}
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bege);border:1px solid var(--bege);margin-top:var(--s7)}
.mat{background:var(--cream);padding:34px 30px}
.mat .ic{font-family:'EB Garamond',serif;font-size:26px;color:var(--dourado);line-height:1}
.mat h5{margin-top:12px;font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.mat p{margin-top:10px;font-size:13px;line-height:1.6;color:var(--grafite)}
@media(max-width:820px){.mat-grid{grid-template-columns:1fr}}

/* ============ GRÁFICOS ============ */
.viz{margin-top:var(--s7);max-width:820px}
.viz svg{width:100%;height:auto;display:block}
.viz svg text{font-family:'Raleway',sans-serif}
.viz-full{margin-top:var(--s7)}
.viz-full svg{width:100%;height:auto;display:block}
.viz-full svg text{font-family:'Raleway',sans-serif}

/* ============ RÉGUA DE NÚMEROS ============ */
.stats{padding:88px 0;background:var(--cream)}
.stats .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1120px;border-top:1px solid var(--bege);border-bottom:1px solid var(--bege)}
.stats .sgrid>div{padding:52px 44px 60px}
.stats .sgrid>div+div{border-left:1px solid var(--bege)}
.stats .sgrid>div:first-child{padding-left:0}
.stats .num{font-family:'EB Garamond',serif;font-weight:500;font-size:clamp(56px,7vw,92px);line-height:.95;color:var(--tinta)}
.stats .num em{font-style:normal;color:var(--dourado)}
.stats .cap{font-size:14px;line-height:1.65;color:var(--grafite);margin-top:18px;max-width:32ch}
.stats .nomes{margin-top:64px;padding-top:26px;border-top:1px solid var(--bege);font-size:12.5px;letter-spacing:2px;color:var(--grafite);text-transform:uppercase;line-height:2}
@media(max-width:760px){.stats .sgrid{grid-template-columns:1fr;gap:0}.stats .sgrid>div{padding:30px 0 34px}.stats .sgrid>div+div{border-left:none;border-top:1px solid var(--bege)}}

/* ============ 404 ============ */
.pg404{min-height:70vh;display:flex;align-items:center;text-align:center;padding-top:120px}
.pg404 .inner{max-width:680px}
.pg404 .num404{font-family:'EB Garamond',serif;font-size:clamp(90px,14vw,150px);color:var(--dourado);line-height:1}
.pg404 h1{font-family:'EB Garamond',serif;font-weight:500;font-size:clamp(26px,3.6vw,38px);margin-top:12px}
.pg404 p{margin-top:16px;color:var(--grafite);max-width:44ch;margin-left:auto;margin-right:auto}
.pg404 .ctas{margin-top:36px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

footer .foot-info .fcol{min-width:0}