/* Arvax v4 · linha Batory/Barentz com a identidade Arvax
   verde #24503F (marca) · #0E6B57 (ação) · menta #45B99B (acento, nunca texto pequeno sobre branco)
   neutros #F3F7F5 #171A17 #5A6159 #DCE0D8 · Archivo 400/700/800 */

@font-face{font-family:Archivo;src:url(/assets/fonts/archivo-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url(/assets/fonts/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Archivo;src:url(/assets/fonts/archivo-800.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --verde:#24503F; --acao:#0E6B57; --acao-h:#0A5545; --menta:#45B99B;
  --menta-bg:#E6F3EE; --claro:#F3F7F5; --tinta:#171A17; --cinza:#5A6159; --linha:#DCE0D8;
  --verde-txt:#D6E7DF;
  --r-lg:20px; --r:14px; --r-sm:10px;
  --wrap:1312px; --gut:clamp(16px,3vw,32px);
  --sh:0 1px 2px rgba(23,26,23,.06),0 8px 24px rgba(23,26,23,.08);
  --sh-lg:0 2px 4px rgba(23,26,23,.06),0 18px 48px rgba(23,26,23,.14);

  /* ---- escala tipográfica (Revisão de tipografia 23/10) ----
     uma família (Archivo), 3 pesos (400 texto · 700 títulos de bloco e ênfase · 800 títulos de página e seção),
     razão ~1,25 no desktop (base 17) e ~1,2 no mobile (base 16); fluido de 360 a 1440 px */
  --fs-display:clamp(32px,26.6667px + 1.4815vw,48px); /* H1 do hero da Home (23/10: reduzido de 60 para 48) */
  --fs-h1:clamp(33px,26.6667px + 1.7593vw,52px);      /* H1 das páginas internas · número de destaque */
  --fs-h2:clamp(26px,23.3333px + .7407vw,34px);      /* H2 de seção (29/10: 42 → 34, abaixo do título da abertura) */
  --fs-quote:clamp(22px,19.3333px + .7407vw,30px);    /* destaque: missão/visão, subtítulo Conservax, telefone */
  --fs-h3:clamp(19px,18px + .2778vw,22px);          /* H3 de bloco ou cartão */
  --fs-h4:clamp(17px,16.6667px + .0926vw,18px);       /* título pequeno: itens de lista, FAQ, rótulo de coluna */
  --fs-lead:clamp(18px,17.3333px + .1852vw,20px);     /* lead: texto de abertura de página/seção */
  --fs-body:clamp(16px,15.6667px + .0926vw,17px);     /* corpo */
  --fs-sm:15px;                                    /* corpo pequeno · rodapé · rótulo de formulário · tabela */
  --fs-note:14px;                                  /* legenda, nota, fonte, trilha, aviso legal */
  --fs-label:13px;                                 /* rótulo em caixa alta */
  --fs-btn:16px;                                   /* botão e link de ação */
  --fs-nav:16px;                                   /* navegação principal */
  --fs-footer:var(--fs-sm);

  --lh-display:1.04; --lh-h1:1.06; --lh-h2:1.12; --lh-title:1.25; --lh-lead:1.5; --lh-body:1.6; --lh-sm:1.5; --lh-label:1.3; --lh-btn:1.2;
  --ls-display:-.03em; --ls-h1:-.025em; --ls-h2:-.02em; --ls-title:-.01em; --ls-0:0; --ls-label:.08em;
  --measure:68ch; --measure-lead:40em;
  --gap-title:16px;   /* distância título → texto, igual em todo o site */
  --gap-label:12px;   /* distância rótulo → título */

  /* ---- espaçamento (Revisão de alinhamento 23/10) ----
     escala base de 8 px; tokens de papel derivados dela, fluidos de 360 a 1440 px */
  --sp-2xs:8px; --sp-xs:12px; --sp-s:16px; --sp-m:24px; --sp-l:32px; --sp-xl:48px;
  --sp-sec:clamp(72px,8.4vw,120px);   /* respiro entre seções e da última seção até o rodapé */
  --sp-top:clamp(16px,1.7vw,24px);    /* cabeçalho do site → trilha ou abertura */
  --sp-head:clamp(24px,3.4vw,48px);   /* cabeçalho de seção → conteúdo */
  --sp-panel:clamp(24px,4.45vw,64px); /* padding de painel e bloco grande (e margem do cartão sobre a foto da abertura) */
  --sp-hero:clamp(24px,3.4vw,48px);   /* padding do cartão branco da abertura */
  --sp-card:clamp(24px,2.25vw,32px);  /* padding de cartão */
  --sp-grid:clamp(16px,1.4vw,20px);   /* gap das grades de cartões */
  --sp-col:clamp(32px,4.45vw,64px);   /* calha entre colunas de texto */
  --gap-card:8px;                     /* título → texto dentro de cartão */
  --ind-foto:clamp(160px,16vw,240px); /* faixa de foto acima do box nos cartões de indústria */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#fff;color:var(--tinta);font:400 var(--fs-body)/var(--lh-body) Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;font-kerning:normal;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font-family:inherit}
img{display:block;max-width:100%;height:auto}
a{color:var(--acao);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--acao-h)}
h1,h2,h3,h4{margin:0;color:var(--tinta);text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:800;line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
h2{font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
h3{font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
address{font-style:normal}
.ic{width:20px;height:20px;flex:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--verde);color:#fff;padding:10px 16px;border-radius:8px;font-size:var(--fs-btn);font-weight:700}
.skip:focus{top:12px;color:#fff}
:focus-visible{outline:3px solid var(--acao);outline-offset:3px;border-radius:4px}
.convite :focus-visible,.cvx :focus-visible,.wa-card :focus-visible,.bento__card :focus-visible,.mv__c--escuro :focus-visible,.matriz thead :focus-visible{outline-color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

/* ---------------------------------------------------------------- papéis tipográficos reutilizáveis */
/* título pequeno */
.ind__lbl b,.cat__tx b,.drop b,.pind__fr h3,.faq summary,.pilares dt,.mnav ul a,.ct__mail,.passos__n,.form-ok h3{font-size:var(--fs-h4);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title)}
/* corpo pequeno */
.ind__lbl>span:not(.ind__go),.cat__tx span,.ativos,.ancoras ul a,.convite__lst li,.ct__bloco address,.end address,.field label,.check-wrap,.form-alert,.cvx__dados dt,.matriz table{font-size:var(--fs-sm);line-height:var(--lh-sm)}
/* legenda / nota */
.brand span,.drop small,.trilha,.qr figcaption,.opo__f,.cvx__nota,.form-req,.ft-desc,.legal,.chips a{font-size:var(--fs-note);line-height:var(--lh-sm)}
/* rótulo em caixa alta: um só estilo em todo o site */
.eyebrow,.mnav__h,.matriz .m-grp th,.desafio__k,.opo__n--tag,.apl__n,.cvx__dh,.ancoras__fr,.prod__d dt,.prod__k,.pils__n,.wa-card h2,.ct__bloco h2,.ft-col h2{font-size:var(--fs-label);font-weight:700;line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--verde)}

/* rótulo acima do título: só onde acrescenta informação (Conservax, Missão/Visão, Erro 404) */
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--acao);margin:0 0 var(--gap-label);max-width:none}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--menta)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid var(--acao);background:var(--acao);color:#fff;font:700 var(--fs-btn)/var(--lh-btn) Archivo,sans-serif;letter-spacing:var(--ls-0);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.btn:hover{background:var(--acao-h);border-color:var(--acao-h);color:#fff}
.btn .ic{width:18px;height:18px}
.btn--sm{min-height:42px;padding:9px 18px}
.btn--lg{min-height:54px;padding:14px 26px}
.btn--linha{background:transparent;color:var(--acao)}
.btn--linha:hover{background:var(--acao);color:#fff}
.btn--branco{background:#fff;border-color:#fff;color:var(--verde)}
.btn--branco:hover{background:var(--menta-bg);border-color:var(--menta-bg);color:var(--verde)}
.btn--contorno{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.btn--contorno:hover{background:#fff;border-color:#fff;color:var(--verde)}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lk{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-btn);font-weight:700;line-height:var(--lh-btn);text-decoration:none;color:var(--acao)}
.lk .ic{width:18px;height:18px;transition:transform .15s}
.lk:hover .ic{transform:translateX(3px)}
.lk--inv{color:#fff}.lk--inv:hover{color:var(--menta-bg)}

/* ---------------------------------------------------------------- topo */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linha);backdrop-filter:saturate(1.4) blur(6px)}
.site-header .wrap{display:flex;align-items:center;gap:28px;min-height:76px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}
.brand img{width:161px;height:auto}
.brand span{padding-left:14px;border-left:1px solid var(--linha);color:var(--cinza);line-height:1.2}
.nav ul{display:flex;gap:4px;align-items:center}
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;background:none;border-radius:8px;font:700 var(--fs-nav)/var(--lh-btn) Archivo,sans-serif;color:var(--tinta);text-decoration:none;cursor:pointer}
.nav-link .ic{width:16px;height:16px;transition:transform .15s}
.nav-link[aria-expanded="true"] .ic{transform:rotate(180deg)}
.nav-link:hover,.nav-link[aria-expanded="true"]{background:var(--claro);color:var(--verde)}
.nav-link[aria-current],.nav-link[data-current]{color:var(--acao);box-shadow:inset 0 -3px 0 var(--menta);border-radius:8px 8px 0 0}
.has-drop{position:relative}
.drop{position:absolute;left:-12px;top:calc(100% + 10px);width:max-content;padding:10px;background:#fff;border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sh-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.drop.is-open{opacity:1;visibility:visible;transform:none}
.drop ul{display:block}
.drop a{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-sm);text-decoration:none;color:var(--tinta)}
.drop a:hover,.drop a[aria-current]{background:var(--claro)}
.drop img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.drop b{display:block;white-space:nowrap}
.drop small{display:block;color:var(--cinza);line-height:1.35}
.menu-btn{display:none;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--linha);border-radius:999px;background:#fff;font:700 var(--fs-nav)/var(--lh-btn) Archivo,sans-serif;color:var(--tinta);cursor:pointer}
.mnav{position:fixed;inset:115px 0 0;z-index:49;background:#fff;overflow:auto;padding:16px 0 40px;border-top:1px solid var(--linha)}
.mnav__h{color:var(--cinza);margin:8px 0 4px}
.mnav ul a{display:block;padding:12px 0;border-bottom:1px solid var(--linha);color:var(--tinta);text-decoration:none}
.mnav__main{margin-top:20px}
.mnav .acts{margin-top:28px;flex-direction:column;align-items:stretch}

/* ---------------------------------------------------------------- seções */
.sec{margin-top:var(--sp-sec)}                       /* uma seção = um respiro acima dela */
main{padding-bottom:var(--sp-sec)}                     /* o mesmo respiro da última seção até o rodapé */
.sec--top0{margin-top:var(--sp-head)}
.sec--linha{padding:var(--sp-sec) 0}                   /* faixa de cor: o respiro fica dentro da faixa */
/* cabeçalho de seção: título e, abaixo, o texto em uma linha; link de ação (se houver) à direita, na linha de base do texto */
.sh{margin-bottom:var(--sp-head)}
.sh h2{max-width:720px}
.sh h2+p{margin-top:var(--gap-title);color:var(--cinza);font-size:var(--fs-lead);line-height:var(--lh-lead);max-width:var(--measure-lead)}
.sh>.lk{margin-top:var(--sp-m)}
.sh--row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-col);align-items:last baseline}
.sh__r{display:block}                                  /* bloco: a linha de base é a do texto do link, não a da seta */
.painel{background:var(--claro);border-radius:var(--r-lg);padding:var(--sp-panel)}

/* ---------------------------------------------------------------- abertura (Batory: foto em moldura + cartão) */
.hero{padding:var(--sp-top) 0 0}
.hero__frame{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(520px,64vh,640px);display:flex;align-items:flex-end;padding:var(--sp-panel);background:var(--claro)}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__card{position:relative;max-width:648px;background:#fff;border-radius:var(--r);padding:var(--sp-hero);box-shadow:var(--sh-lg)}
.hero__card h1{margin-bottom:var(--gap-title)}
.hero:not(.hero--pg) h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}
.hero__sub{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--cinza);margin-bottom:var(--sp-l);max-width:500px}
.hero__sub:last-child{margin-bottom:0}
.hero__cobre{font-size:var(--fs-h4);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title);color:var(--verde);margin:0 0 12px}
.hero--pg .hero__frame{min-height:clamp(460px,56vh,560px)}
.hero--pg .hero__card{max-width:560px}

/* trilha */
.trilha{color:var(--cinza);margin-bottom:var(--sp-s)}
.trilha ol{display:flex;flex-wrap:wrap;gap:6px}
.trilha li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--linha)}
.trilha a{color:var(--cinza);text-decoration:none}
.trilha a:hover{color:var(--acao);text-decoration:underline}
.trilha [aria-current]{color:var(--tinta);font-weight:700}

/* ---------------------------------------------------------------- indústrias (cartões altos com rótulo, Batory) */
/* grade com subgrid: cada cartão ocupa 3 linhas da grade (foto · título · texto); as linhas são comuns aos cartões lado a lado,
   então o topo do box, o topo do título, o topo do texto e a seta coincidem, com títulos de 1 ou 2 linhas */
.inds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--ind-foto) auto auto;gap:var(--sp-grid)}
.ind,.ind a{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0}
.ind a{grid-row:1/-1;position:relative;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--tinta);background:var(--claro)}
.ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ind a:hover img{transform:scale(1.04)}
.ind__lbl{position:relative;grid-row:2/4;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr) 40px;gap:var(--gap-card) var(--sp-xs);margin:0 var(--sp-xs) var(--sp-xs);padding:var(--sp-m);background:#fff;border-radius:var(--r-sm);box-shadow:var(--sh)}
.ind__lbl b{grid-column:1;grid-row:1;align-self:start}
.ind__lbl>span:not(.ind__go){grid-column:1;grid-row:2;align-self:start;color:var(--cinza)}
.ind__go{grid-column:2;grid-row:1/3;align-self:end;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--claro);color:var(--acao);transition:background .15s,color .15s}
@media (min-width:721px){.ind__lbl b{min-height:calc(2em * var(--lh-title))}}  /* título com altura reservada de 2 linhas */
.ind a:hover .ind__go{background:var(--acao);color:#fff}

/* ---------------------------------------------------------------- produtos na Home (painel claro) */
.frentes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-grid)}
.frente{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0}
.frente h3{padding-top:var(--sp-s);border-top:3px solid var(--verde)}
.frente__t{color:var(--cinza);margin:var(--gap-card) 0 var(--sp-m)}
.cats{display:grid;gap:var(--sp-xs);align-content:start}
.cat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border-radius:var(--r-sm);background:#fff;border:1px solid transparent;text-decoration:none;color:var(--tinta);transition:border-color .15s,box-shadow .15s}
.cat:hover{border-color:var(--menta);box-shadow:var(--sh);color:var(--tinta)}
.cat__tx b{display:block}
.cat__tx span{display:block;color:var(--cinza);margin-top:2px}
.cat__go{color:var(--acao);width:18px;height:18px;transition:transform .15s}
.cat:hover .cat__go{transform:translateX(3px)}
.cat__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--menta-bg);color:var(--verde);flex:none}
.cat__ic .ic{width:22px;height:22px}
.cat__ic--sm{width:32px;height:32px}
.cat__ic--sm .ic{width:17px;height:17px}

/* ---------------------------------------------------------------- matriz */
.matriz{border:1px solid var(--linha);border-radius:var(--r);overflow-x:auto}
.matriz table{width:100%;border-collapse:collapse;min-width:340px}
.matriz th,.matriz td{padding:13px 18px;border-bottom:1px solid var(--linha);text-align:center}
.matriz thead th{background:var(--verde);color:#fff;font-weight:700;vertical-align:middle;line-height:var(--lh-title);padding-top:18px;padding-bottom:18px}
.matriz thead th a{color:#fff;text-decoration:none}
.matriz thead th a:hover{text-decoration:underline}
.matriz .m-cat{text-align:left;width:34%}
.matriz tbody th.m-cat a{display:inline-flex;align-items:center;gap:12px;color:var(--tinta);font-weight:700;text-decoration:none}
.matriz tbody th.m-cat a:hover{color:var(--acao);text-decoration:underline}
.matriz .m-grp th{background:var(--claro);text-align:left;padding:10px 18px}
.matriz tbody tr:not(.m-grp):hover{background:#FAFCFB}
.matriz tbody:last-child tr:last-child>*{border-bottom:0}
.m-short{display:none}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--acao);box-shadow:0 0 0 4px var(--menta-bg)}
.nodot{display:inline-block;width:14px;height:2px;background:var(--linha);vertical-align:middle}

/* ---------------------------------------------------------------- suporte técnico (bento) */
.bento{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-grid)}
.bento__foto{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:440px;background:var(--claro)}
.bento__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bento__card{border-radius:var(--r-lg);background:var(--verde);color:var(--verde-txt);padding:var(--sp-panel);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.bento__card h2{color:#fff;margin-bottom:var(--gap-title)}
.bento__card p{font-size:var(--fs-lead);line-height:var(--lh-lead);max-width:560px;margin-bottom:var(--sp-l);color:var(--verde-txt)}
.cvx .eyebrow,.mv__c--escuro .eyebrow{color:#fff}

/* ---------------------------------------------------------------- bloco de cor + foto (Barentz) */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r-lg);overflow:hidden}
.split__cor{background:var(--claro);color:var(--tinta);padding:var(--sp-panel)}
.split__cor h2{color:var(--verde)}
.split__lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--cinza);margin:var(--gap-title) 0 var(--sp-l)}
.pilares{margin:0 0 var(--sp-l);display:grid;gap:0}
.pilares div{padding:var(--sp-s) 0;border-top:1px solid var(--linha)}
.pilares div:last-child{border-bottom:1px solid var(--linha)}
.pilares dt{margin-bottom:var(--gap-card);color:var(--verde)}
.pilares dd{margin:0;color:var(--cinza)}
.split__foto{position:relative;min-height:420px;background:var(--claro)}
.split__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------------------------------------------------------------- convite final (faixa verde, Batory) */
.convite{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--sp-col);align-items:center;background:var(--verde);color:var(--verde-txt);border-radius:var(--r-lg);padding:var(--sp-panel);position:relative;overflow:hidden}
.convite::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;border:56px solid rgba(69,185,155,.12);pointer-events:none}
.convite h2{color:#fff;margin-bottom:var(--gap-title)}
.convite__t p{font-size:var(--fs-lead);line-height:var(--lh-lead);max-width:620px;margin-bottom:var(--sp-l)}
.convite__c{position:relative;z-index:1;display:flex;gap:24px;align-items:center;justify-content:flex-end}
.qr{margin:0;background:#fff;border-radius:var(--r);padding:14px;text-align:center;color:var(--tinta)}
.qr img{width:120px;height:120px}
.qr figcaption{line-height:1.3;margin-top:8px}
.qr figcaption b{display:block}
.convite__lst{display:grid;gap:14px}
.convite__lst li{display:flex;gap:10px;align-items:center}
.convite__lst a{color:#fff;text-decoration:none}
.convite__lst a:hover{text-decoration:underline}
.convite__lst .ic{color:var(--menta)}

/* ---------------------------------------------------------------- página de indústria */
/* grades de cartões: subgrid, para títulos, textos e rodapés de cartões lado a lado começarem na mesma linha */
.desafios,.opos,.apls,.pils,.passos,.ends{display:grid;gap:var(--sp-grid)}
.desafios{grid-template-columns:repeat(2,minmax(0,1fr))}
.desafios--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.desafio,.opo,.apl,.pils li,.passos li,.end{display:grid;grid-template-rows:subgrid;row-gap:0}
.desafio,.opo{grid-row:span 4}
.apl,.pils li,.passos li{grid-row:span 3}
.desafio{border:1px solid var(--linha);border-radius:var(--r);padding:var(--sp-card);background:#fff;border-top:4px solid var(--verde)}
.desafio__k{color:var(--cinza);margin-bottom:var(--gap-card)}
.desafio h3{margin-bottom:var(--sp-m)}
.desafio__k--b{display:flex;align-items:center;gap:8px;color:var(--acao);padding-top:var(--sp-m);border-top:1px solid var(--linha)}
.desafio__k--b .ic{width:16px;height:16px}
.desafio p:last-child{color:var(--tinta)}
.opos{grid-template-columns:repeat(2,minmax(0,1fr))}
.opos--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.opo{background:#fff;border-radius:var(--r);padding:var(--sp-card)}
.opo__n{font-size:var(--fs-h1);font-weight:800;letter-spacing:var(--ls-h1);line-height:1;color:var(--verde);margin-bottom:var(--sp-s)}
.opo__n.opo__n--tag{display:flex;align-items:center;gap:10px;min-height:var(--fs-h1);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);line-height:var(--lh-label);color:var(--acao)}
.opo__n--tag .ic{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--menta-bg);transform:rotate(-45deg)}
.opo h3{margin-bottom:var(--gap-card)}
.opo p{color:var(--cinza)}
.opo .opo__n{color:var(--verde)}
.opo .opo__n--tag{color:var(--acao)}
.opo__f{margin-top:var(--sp-s);padding-top:var(--sp-xs);border-top:1px solid var(--linha);align-self:end}
.apls{grid-template-columns:repeat(3,minmax(0,1fr))}
.apl{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--linha)}
.apl__foto{aspect-ratio:4/3;overflow:hidden;background:var(--claro)}
.apl__foto img{width:100%;height:100%;object-fit:cover}
.apl__t{grid-row:2/4;display:grid;grid-template-rows:subgrid;row-gap:var(--gap-card);padding:var(--sp-card)}
.apl__t p{color:var(--cinza)}
.apls--txt .apl{background:var(--menta-bg);border-color:transparent}
.apl__n{display:block;padding:var(--sp-card) var(--sp-card) 0;color:var(--acao)}
.apls--txt .apl__t{padding-top:var(--sp-s)}
.sec--linha{background:var(--claro)}
.pind{display:grid;gap:0;background:#fff;border-radius:var(--r);padding:0 var(--sp-card)}
.pind__fr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--sp-m);padding:var(--sp-card) 0;border-bottom:1px solid var(--linha)}
.pind__fr:last-child{border-bottom:0}
.pind__fr h3{color:var(--verde);min-height:32px;display:flex;align-items:center;align-self:start}   /* centro do título = centro do ícone da 1ª categoria */
.pind__fr ul{display:grid;gap:var(--sp-s)}
.pind__cat{display:inline-flex;align-items:center;gap:var(--sp-xs);font-weight:700;color:var(--tinta);text-decoration:none;margin-bottom:var(--gap-card)}
.pind__fr .ativos{padding-left:calc(32px + var(--sp-xs))}                       /* ingredientes alinhados ao nome, não ao ícone */
.pind__cat:hover{color:var(--acao);text-decoration:underline}
.ativos{color:var(--cinza)}
.ativos i{font-style:normal;color:var(--menta);font-weight:700}
.faq-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--sp-col);align-items:start}
.faq-wrap .sh{margin-bottom:0}
.faq{border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;justify-content:space-between;gap:var(--sp-grid);align-items:center;padding:var(--sp-m) 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--acao)}
.faq__ic{width:22px;height:22px;color:var(--acao);transition:transform .2s}
.faq details[open] .faq__ic{transform:rotate(45deg)}
.faq__r{padding:0 48px var(--sp-m) 0;color:var(--cinza);max-width:var(--measure)}
.cvx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--sp-col);background:var(--tinta);color:#D9DDD8;border-radius:var(--r-lg);padding:var(--sp-panel);align-items:center}
.cvx h2{color:#fff}
.cvx__sub{font-size:var(--fs-quote);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title);color:var(--menta);margin:var(--sp-xs) 0 var(--gap-title)}
.cvx__t>p:not(.cvx__sub):not(.eyebrow){margin-bottom:var(--sp-l)}
.cvx__dh{color:#B4BBB5;margin-bottom:var(--gap-label)}
.cvx__dados{margin:0;border-radius:var(--r-sm);overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.cvx__dados div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:center;padding:var(--sp-s) var(--sp-m);border-bottom:1px solid rgba(255,255,255,.1)}
.cvx__dados div:last-child{border-bottom:0}
.cvx__dados dd{margin:0;font-size:var(--fs-h4);font-weight:800;color:#fff;line-height:var(--lh-title);text-align:right}
.cvx__dados .is-cvx{background:rgba(69,185,155,.14);box-shadow:inset 3px 0 0 var(--menta)}
.cvx__dados .is-cvx dt{color:#fff}
.cvx__dados .is-cvx dd{color:#9FE3CF}
.cvx__nota{margin-top:var(--sp-s);color:#B4BBB5}

/* ---------------------------------------------------------------- páginas internas */
.pghead{padding:var(--sp-top) 0 0}
.pghead h1,.simples__box h1{margin-bottom:var(--gap-title)}
.pghead__lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--cinza);max-width:var(--measure-lead)}
.pghead__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--sp-col);align-items:end;background:var(--claro);border-radius:var(--r-lg);padding:var(--sp-panel)}
.ancoras{display:grid;gap:var(--sp-s)}
.ancoras__fr{text-decoration:none}
.ancoras__fr:hover{text-decoration:underline}
.ancoras ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ancoras ul a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;border:1px solid var(--linha);font-weight:700;color:var(--tinta);text-decoration:none}
.ancoras ul a .ic{width:17px;height:17px;color:var(--acao)}
.ancoras ul a:hover{border-color:var(--acao);color:var(--acao)}
.sec--frente+.sec--frente{margin-top:calc(var(--sp-sec) / 2);padding-top:calc(var(--sp-sec) / 2);border-top:1px solid var(--linha)}  /* linha no meio do respiro */
.prods{display:grid;gap:var(--sp-grid)}
.prod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1.4fr);gap:var(--sp-l);padding:var(--sp-card);border:1px solid var(--linha);border-radius:var(--r);overflow:hidden;scroll-margin-top:110px}
.prod:target{border-color:var(--menta);box-shadow:0 0 0 3px var(--menta-bg)}
.prod__h{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.prod__d{margin:0;display:grid;gap:var(--sp-m);align-content:start}
.prod__d dt,.prod__k{color:var(--acao);margin-bottom:var(--gap-card)}
.prod__d dd{margin:0}
/* painel claro sangrado até a borda do cartão: "Ingredientes" e "O que é" começam na mesma linha */
.prod__c{background:var(--claro);margin:calc(-1 * var(--sp-card)) calc(-1 * var(--sp-card)) calc(-1 * var(--sp-card)) 0;padding:var(--sp-card)}
.prod__c .ativos{margin-bottom:var(--sp-m);color:var(--tinta)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--linha);font-weight:700;color:var(--verde);text-decoration:none}
.chips a:hover{border-color:var(--acao);color:var(--acao)}

/* sobre */
.split--sobre{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--claro)}
.split__txt{padding:var(--sp-panel);display:flex;flex-direction:column;justify-content:center}
.bordao{margin-top:var(--sp-l);padding-left:18px;border-left:3px solid var(--menta);font-size:var(--fs-lead);font-weight:700;line-height:var(--lh-lead);color:var(--verde)}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-grid)}
.mv__c{border-radius:var(--r-lg);padding:var(--sp-panel);background:var(--menta-bg)}
.mv__c--escuro{background:var(--verde)}
.mv__t{font-size:var(--fs-quote);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title);color:var(--verde);text-wrap:balance}
.mv__c--escuro .mv__t{color:#fff}
.pils{grid-template-columns:repeat(3,minmax(0,1fr))}
.pils li{padding:var(--sp-card);border:1px solid var(--linha);border-radius:var(--r);border-top:4px solid var(--menta)}
.pils__n{display:block;color:var(--acao);margin-bottom:var(--sp-s)}
.pils h3{margin-bottom:var(--gap-card)}
.pils p{color:var(--cinza)}
.passos{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:p}
.passos li{position:relative;background:#fff;border-radius:var(--r);padding:var(--sp-card)}
.passos__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--verde);color:#fff;margin-bottom:var(--sp-s)}
.passos li:not(:last-child)::after{content:"";position:absolute;top:calc(var(--sp-card) + 19px);right:calc(-1 * var(--sp-grid));width:var(--sp-grid);height:2px;background:var(--menta)}
.passos h3{margin-bottom:var(--gap-card)}
.passos p{color:var(--cinza)}
.ends{grid-template-columns:repeat(2,minmax(0,1fr))}
.end{grid-row:span 4;border:1px solid var(--linha);border-radius:var(--r);padding:var(--sp-card);justify-items:start}
.end__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--menta-bg);color:var(--verde);margin-bottom:var(--sp-s)}
.end h3{margin-bottom:var(--gap-card)}
.end address{color:var(--cinza);margin-bottom:var(--sp-s)}

/* contato */
.pghead--ct{background:var(--claro);padding-bottom:clamp(96px,10vw,140px)}
.sec--ct{padding-top:0;margin-top:clamp(-96px,-8vw,-64px)}
.ct{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-grid);align-items:start}
.ct__info{display:grid;gap:var(--sp-grid)}
.wa-card{display:grid;grid-template-columns:1fr auto;gap:var(--sp-grid);align-items:center;background:var(--verde);border:1px solid var(--verde);color:var(--verde-txt);border-radius:var(--r-lg);padding:var(--sp-card)}
.wa-card h2{color:#fff}
.wa-card__n{font-size:var(--fs-quote);font-weight:800;line-height:var(--lh-title);color:#fff;letter-spacing:var(--ls-title);margin:var(--gap-card) 0}
.wa-card p:not(.wa-card__n){font-size:var(--fs-sm);line-height:var(--lh-sm);margin-bottom:var(--sp-m)}
.wa-card img{width:132px;height:132px;background:#fff;border-radius:var(--r-sm);padding:8px}
.ct__bloco{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:var(--sp-card)}
.ct__bloco h2{margin-bottom:var(--gap-label)}
.ct__mail{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--tinta)}
.ct__mail:hover{color:var(--acao);text-decoration:underline}
.ct__bloco address{color:var(--cinza)}
.ct__bloco address+address{margin-top:var(--sp-s);padding-top:var(--sp-s);border-top:1px solid var(--linha)}
.ct__bloco address b{display:block;color:var(--tinta)}
.ct__bloco .lk{margin-top:var(--gap-card)}
.form-card{background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);padding:var(--sp-panel);box-shadow:var(--sh)}
.form-card h2{margin-bottom:var(--gap-title)}
.form-card__lead{color:var(--cinza);font-size:var(--fs-lead);line-height:var(--lh-lead);margin-bottom:var(--sp-m)}
.form-req{color:var(--cinza);margin-bottom:var(--sp-s)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-grid);align-items:end}
.field{display:grid;gap:var(--gap-card)}
.field--full{grid-column:1/-1}
.field label{font-weight:700}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #B9C0B6;border-radius:var(--r-sm);background:#fff;font:400 16px/1.4 Archivo,sans-serif;color:var(--tinta)}
.field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B57' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;padding-right:40px}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--acao);box-shadow:0 0 0 3px var(--menta-bg)}
.field ::placeholder{color:#767D74}
.has-error input,.has-error select,.has-error textarea{border-color:#B3261E}
.has-error label{color:#B3261E}
.check-wrap{display:flex;gap:var(--sp-xs);align-items:flex-start;margin:var(--sp-m) 0;color:var(--cinza)}
.check-wrap input{width:20px;height:20px;margin-top:2px;accent-color:var(--acao);flex:none}
.check-wrap.has-error{color:#B3261E}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-alert{background:#FCEEEE;color:#8C1D18;border-radius:var(--r-sm);padding:var(--sp-xs) var(--sp-s);margin-bottom:var(--sp-s)}
.form-ok{background:var(--menta-bg);border-radius:var(--r);padding:var(--sp-card)}
.form-ok h3{margin-bottom:var(--gap-card)}

/* simples / privacidade */
.simples{margin-top:var(--sp-xl)}
.simples__box{max-width:760px;background:var(--claro);border-radius:var(--r-lg);padding:var(--sp-panel)}
.simples__box .acts{margin-top:var(--sp-l)}
.simples__inds{margin-top:var(--sp-l);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-xs)}
.simples__inds a{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-xs);padding:var(--sp-s);background:#fff;border-radius:var(--r-sm);font-weight:700;text-decoration:none;color:var(--tinta)}
.simples__inds a:hover{color:var(--acao)}
.simples__inds .ic{width:18px;height:18px;color:var(--acao)}
.texto{max-width:var(--measure)}
.texto h2{font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-title);letter-spacing:var(--ls-title);margin:var(--sp-l) 0 var(--gap-card)}
.texto h2:first-child{margin-top:0}
.texto p{color:var(--tinta)}

/* ---------------------------------------------------------------- rodapé (claro, Batory) */
.site-footer{background:var(--claro);border-top:1px solid var(--linha);padding:var(--sp-xl) 0 var(--sp-l);font-size:var(--fs-footer);line-height:var(--lh-sm)}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:var(--sp-l);align-items:start}
.ft-brand img{width:150px}
.ft-desc{color:var(--cinza);margin:var(--gap-card) 0 0}
.ft-brand p{color:var(--cinza);max-width:320px}
.ft-contato{display:grid;gap:var(--gap-card);margin-top:var(--sp-s)}
.ft-contato a{display:inline-flex;align-items:center;gap:8px;color:var(--tinta);text-decoration:none;font-weight:700}
.ft-contato a:hover{color:var(--acao);text-decoration:underline}
.ft-contato .ic{width:18px;height:18px;color:var(--acao)}
.ft-col h2{margin-bottom:var(--gap-label)}
.ft-col li+li{margin-top:8px}
.ft-col a{color:var(--tinta);text-decoration:none}
.ft-col a:hover{color:var(--acao);text-decoration:underline}
.ft-col address{color:var(--cinza)}
.ft-col address+address{margin-top:var(--sp-s)}
.ft-col address b{display:block;color:var(--tinta)}
.legal{display:flex;justify-content:space-between;gap:var(--sp-s);flex-wrap:wrap;margin-top:var(--sp-xl);padding-top:var(--sp-m);border-top:1px solid var(--linha);color:var(--cinza)}
.legal a{color:var(--cinza)}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--acao);color:#fff;box-shadow:var(--sh-lg);transition:opacity .2s,transform .2s,background .15s}
.wa-float .ic{width:26px;height:26px}
.wa-float:hover{background:var(--verde);color:#fff}
.wa-float.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}

/* ---------------------------------------------------------------- responsivo (só layout: os tamanhos de texto já são fluidos) */
@media (max-width:1160px){
  .ft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1}
  .prod{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .prod__c{grid-column:1/-1;margin:0 calc(-1 * var(--sp-card)) calc(-1 * var(--sp-card))}
}
@media (max-width:1040px){
  .nav,.header-cta{display:none}
  .menu-btn{display:inline-flex}
  .inds{grid-template-columns:repeat(2,minmax(0,1fr));--ind-foto:clamp(180px,24vw,260px)}
  .frentes{grid-template-columns:1fr;row-gap:var(--sp-l)}
  .bento,.split,.convite,.cvx,.faq-wrap,.ct,.pghead__box,.split--sobre{grid-template-columns:1fr}
  .convite__c{justify-content:flex-start}
  .bento__foto{min-height:0;aspect-ratio:16/9}
  .split__foto{min-height:0;aspect-ratio:16/9;order:-1}
  .split--sobre .split__foto{order:0}
  .faq-wrap{gap:var(--sp-head)}
  .desafios--3,.opos--3,.apls,.pils,.passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos li::after{display:none}
  .sh--row{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-m)}
  .sec--ct{margin-top:-56px}
}
@media (max-width:720px){
  .mnav{inset:69px 0 0}
  .site-header .wrap{min-height:68px}
  .brand img{width:132px}
  .brand span{display:none}
  .hero__frame{display:block;min-height:0;padding:0;background:none;border-radius:0;overflow:visible}
  .convite .qr,.wa-card img{display:none}
  .matriz thead th:not(.m-cat){writing-mode:vertical-rl;transform:rotate(180deg);text-align:left;vertical-align:bottom;padding:12px 0;height:112px}
  .matriz thead th:not(.m-cat) a{display:inline-block}
  .hero__img{position:static;aspect-ratio:4/3;border-radius:var(--r-lg)}
  .hero__card{margin:-48px 0 0;max-width:none}
  .hero__card .btn{width:100%}
  .inds,.desafios,.desafios--3,.opos,.opos--3,.apls,.pils,.passos,.ends,.mv,.fgrid,.simples__inds{grid-template-columns:1fr}
  .inds{--ind-foto:46vw}
  .cvx__dados div{grid-template-columns:1fr;gap:4px;padding:var(--sp-s)}
  .cvx__dados dd{text-align:left}
  .pind__fr{grid-template-columns:1fr;gap:var(--sp-s)}
  .prod{grid-template-columns:1fr;gap:var(--sp-m)}
  .matriz th,.matriz td{padding:11px 6px}
  .matriz .m-cat{width:auto}
  .matriz td{width:44px}
  .matriz .m-grp th{padding:9px 12px}
  .matriz tbody th.m-cat{padding-left:12px}
  .m-long{display:none}.m-short{display:inline}
  .matriz .cat__ic--sm{display:none}
  .dot{width:12px;height:12px}
  .convite__c{flex-direction:column;align-items:flex-start}
  .wa-card{grid-template-columns:1fr}
  .wa-card img{order:-1;width:120px;height:120px}
  .wa-card .btn,.convite .btn,.cvx .btn{width:100%}
  .ft-grid{grid-template-columns:1fr 1fr}
  .ft-end{grid-column:1/-1}
  .faq__r{padding-right:0}
  .sec--ct{margin-top:-48px}
  .wa-float{right:14px;bottom:14px;width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ajustes 23/10 */
/* rodapé: cada coluna com a largura do conteúdo e o espaço que sobra dividido por igual (vãos visíveis iguais) */
@media (min-width:1161px){.ft-grid{grid-template-columns:repeat(5,max-content);justify-content:space-between;column-gap:var(--sp-l)}}
.ft-addrs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-m);align-items:start}
.ft-col .ft-addrs address+address{margin-top:0}
@media (max-width:560px){.ft-addrs{grid-template-columns:1fr;gap:var(--sp-s)}}

/* 23/10: hero da Home sem eyebrow, cartão centralizado na vertical */
@media (min-width:721px){.hero:not(.hero--pg) .hero__frame{align-items:center}}

/* 23/10 b: endereço com a rua em uma linha; as duas colunas com a mesma largura do conteúdo */
.ft-l1{white-space:nowrap}
.ft-addrs{grid-template-columns:1fr;gap:var(--sp-s)}

/* ================================================================ Revisão de simetria óptica (23/10)
   Espaço PERCEBIDO = token. A caixa de uma linha de texto tem um vão invisível acima das maiúsculas e abaixo da linha de base
   (meia entrelinha + ascendente/descendente da fonte). Nas bordas de painéis, cartões e seções, esse vão é recolhido,
   para que o branco visível acima e abaixo seja igual ao das bordas laterais e ao das caixas vizinhas.
   Archivo: ascendente .878em, descendente .210em, altura das maiúsculas .686em. 1lh = entrelinha calculada do próprio elemento. */
:root{
  --trim-t:calc((1.088em - 1lh) / 2 - .192em);   /* margem que leva o topo da caixa ao topo das maiúsculas */
  --trim-b:calc((1.088em - 1lh) / 2 - .21em);    /* margem que leva a base da caixa à linha de base */
  --ct-over:clamp(48px,6.7vw,96px);              /* Contato: quanto os cartões sobem sobre a faixa do título */
}
/* topo do primeiro texto de cada painel, cartão e cabeçalho de seção = topo das maiúsculas */
.sh h2,
.hero__card>:first-child,.simples__box>:first-child,.split__txt>:first-child,.pghead__box h1,
.bento__card>:first-child,.split__cor>:first-child,.convite__t>:first-child,.cvx__t>:first-child,.cvx__d>:first-child,
.mv__c>:first-child,.form-card>h2,.wa-card h2,.ct__bloco>h2,
.desafio>:first-child,.pils__n,.apl__n,.prod__d>div:first-child dt,.prod__c>:first-child,.ind__lbl b,
.texto h2:first-child{margin-top:var(--trim-t)}
.ancoras__fr{display:block;width:fit-content}
.ancoras__g:first-child .ancoras__fr{margin-top:var(--trim-t)}
.opo__n{margin-top:calc(-.148 * var(--fs-h1))}       /* número grande (entrelinha 1) e a etiqueta "Tendência", que ocupa a mesma linha */
/* base do último texto = linha de base */
.sh h2:last-child,.sh h2+p:last-child,.sh__r,
.hero__sub:last-child,.pghead__lead:last-child,.split__txt>:last-child,.mv__t,.cvx__nota,
.desafio p:last-child,.opo p:last-child,.apl__t p:last-child,.pils p:last-child,.passos p:last-child,.end .lk,
.pind__fr li:last-child .ativos,.ct__mail,.ct__bloco address:last-child,.texto p:last-child,
.split__cor>.lk{margin-bottom:var(--trim-b)}
.sh__r{font-size:var(--fs-btn);line-height:var(--lh-btn)}                     /* a linha do link é a do próprio link */
.split__cor>.lk{display:flex;width:fit-content}                                /* sem a linha herdada do corpo embaixo do link */
/* trilha: topo das maiúsculas a --sp-top do cabeçalho; linha de base a --sp-s da abertura */
.trilha{margin-top:var(--trim-t);margin-bottom:calc(var(--sp-s) + var(--trim-b))}
/* Contato: da linha de base do texto de abertura até os cartões = --sp-head (o mesmo de todo cabeçalho de seção) */
.pghead--ct{padding-bottom:calc(var(--sp-head) + var(--ct-over))}
.sec--ct{margin-top:calc(-1 * var(--ct-over))}
@media (min-width:1041px){.ct{align-items:stretch}.ct__info{grid-template-rows:auto auto 1fr}}  /* as duas colunas terminam na mesma linha */

/* recuo lateral das letras grandes: a 52 px, a haste do P, D, N, B, L começa ~3 px depois da borda da caixa (no corpo, ~1 px) */
h1{margin-left:-.035em}

/* cabeçalho: o mesmo vão visível (32 px) entre os itens do menu e até o botão */
.nav-link .i-chevron{margin-right:-3.5px}            /* a tinta da seta termina 3,5 px antes da caixa do ícone */
.header-cta{margin-left:-10px}                       /* 28 de gap + 14 de padding do link = 42 → 32 */

/* ícone + texto: ~10 px visíveis em todo o site; setas no fim da linha encostam a tinta na margem */
.btn{gap:7px}
.lk{gap:7px}
.convite__lst li{gap:8px}
.ct__mail{gap:8px}
.desafio__k--b{gap:7px}
.btn .i-seta,.lk .i-seta,.cat__go,.simples__inds .ic{margin-right:-3px}
.btn .i-whatsapp{margin-left:-2px}
.btn .i-download{margin-left:-3px}
.faq__ic{margin-right:-4px}
/* FAQ: o "+" fica na altura da 1ª linha da pergunta (centro das maiúsculas), também quando a pergunta quebra em 2 linhas */
.faq summary{align-items:flex-start}
.faq__ic{margin-top:calc((1lh - 22px) / 2 + (.192em + .343em) - .544em)}

/* linhas pequenas com seta: respiro igual nos 4 lados */
.cat{padding:16px 20px}
.simples__inds a{padding:16px 24px}

/* matriz no mobile: o rótulo girado fica no centro da coluna */
@media (max-width:720px){.matriz thead th:not(.m-cat){line-height:44px}}
.ct__bloco>p:last-child{display:flex}                                          /* o e-mail sem a linha herdada do corpo: a base é a do próprio link */
.faq-wrap .sh>.lk{display:flex;width:fit-content;margin-bottom:var(--trim-b)}  /* FAQ no mobile: do link às perguntas = --sp-head */
.sec--top0{margin-top:0;padding-top:var(--sp-head)}                            /* Privacidade: padding, para os dois recolhimentos não se fundirem */
@media (max-width:720px){.pind__fr h3{min-height:0;margin-top:var(--trim-t)}}  /* no mobile o nome da frente fica sozinho acima da lista */
.trilha+h1{margin-top:var(--trim-t)}                                            /* trilha -> título (Contato, Privacidade) = --sp-s visível */
.simples{margin-top:var(--sp-head)}                                             /* Obrigado e 404: 48 px no desktop, 24 px no telefone, como os demais cabeçalhos */

/* 23/10 · consolidação das páginas de indústria */
.hero--pg .hero__card{max-width:480px}
.opo__f{color:var(--tinta)}

/* ---------------------------------------------------------------- Home (consolidado em 29/10, parecer do consultor) */
/* abertura: box na largura do conteúdo, traço menta, título em 2 linhas, subtítulo em 1 */
.hero__traco{display:block;width:56px;height:4px;border-radius:2px;background:var(--menta);margin-bottom:var(--sp-m)}
@media (min-width:721px){
  .hero:not(.hero--pg) .hero__card{width:fit-content;max-width:none}
  .hero:not(.hero--pg) .hero__sub{max-width:none}
}
@media (max-width:720px){.hero:not(.hero--pg) .hero__card h1 br,.hero:not(.hero--pg) .hero__sub br{display:none}}
@media (min-width:1024px){
  .hero:not(.hero--pg) .hero__card{padding:48px 56px}
  .hero:not(.hero--pg) .hero__card h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px;max-width:none;white-space:nowrap;text-wrap:nowrap}
  .hero:not(.hero--pg) .hero__sub{font-size:var(--fs-lead);white-space:nowrap}
}
@media (min-width:1280px){.hero:not(.hero--pg) .hero__card h1{font-size:52px;line-height:1.06}}

/* Nossos produtos (30/10): fundo branco (o verde claro fica só no "Por que a Arvax"), 3 frentes lado a lado, boxes empilhados */
.home-prod .painel{padding:0;background:none;border-radius:0}
.home-prod .frentes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-prod .frente{display:flex;flex-direction:column;gap:14px;padding:20px 0 0;border-top:3px solid var(--verde)}
.home-prod .frente h3{font-size:var(--fs-h3);line-height:1.25;margin:0;padding-top:0;border-top:0}
.home-prod .frente__t{min-height:4.6em;margin:4px 0 0;color:var(--cinza);font-size:var(--fs-body);line-height:var(--lh-body)}
.home-prod .cats{display:grid;grid-template-columns:1fr;gap:8px}
.home-prod .cats>li{display:flex}
.home-prod .cat{width:100%;align-items:start;gap:12px;padding:10px 14px;border-color:var(--linha)}
.home-prod .cat:hover{border-color:var(--menta)}
.home-prod .cat__ic{width:36px;height:36px}
.home-prod .cat__ic .ic{width:18px;height:18px}
.home-prod .cat__tx b{display:block;margin:0;font-size:var(--fs-h4);line-height:var(--lh-title)}
.home-prod .cat__tx span{display:block;margin-top:2px;color:var(--cinza);font-size:var(--fs-sm);line-height:var(--lh-sm)}
.home-prod .cat__go{align-self:center;margin-right:0}
@media (max-width:1040px){
  .home-prod .frentes{grid-template-columns:1fr;gap:36px}
  .home-prod .frente__t{min-height:0}
}
@media (max-width:720px){
  .home-prod .cat{grid-template-columns:36px 1fr}
  .home-prod .cat__go{display:none}
}

/* Onde cada produto se aplica (página Produtos desde 30/10): linhas de 48 px, 1ª coluna estreita, sem legenda; no celular sai (as etiquetas de indústria de cada produto já dizem o mesmo) */
.home-mat .matriz table{font-size:16px;line-height:1.5}
.home-mat .matriz thead th{font-size:15px;line-height:1.25;padding-top:14px;padding-bottom:14px}
.home-mat .matriz tbody th,.home-mat .matriz tbody td{padding-top:9px;padding-bottom:9px}
.home-mat .matriz .m-grp th{font-size:13px;letter-spacing:.09em;line-height:1.3;padding-top:8px;padding-bottom:8px}
.home-mat .cat__ic--sm{width:28px;height:28px}
@media (min-width:721px){
  .home-mat .matriz table{table-layout:fixed}
  .home-mat .matriz .m-cat{width:24%}
}
@media (max-width:720px){.home-mat{display:none}}

/* cabeçalho: "Envie sua demanda" visível ao lado do Menu no tablet; descritor pequeno abaixo do logo no celular */
@media (min-width:600px) and (max-width:1040px){.site-header .header-cta{display:inline-flex;margin-left:0;margin-right:-16px}}
@media (max-width:720px){
  .brand{flex-direction:column;align-items:flex-start;gap:4px}
  .brand span{display:block;padding-left:0;border-left:0;font-size:12px;line-height:1}
}

/* rodapé: cidade sem negrito; links com área de toque de 25 px sem mudar o espaçamento */
.ft-col address b{font-weight:400;color:var(--tinta)}
.ft-col ul a{display:inline-block;padding-block:4px;margin-block:-4px}

/* Sobre nós (30/10): abertura texto + foto · missão/visão em painel verde · cartões com ícone */
.sb-ab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:stretch;margin-top:var(--sp-l)}
.sb-ab h1{font-size:var(--fs-h1);line-height:1.08;margin:0 0 28px}
.sb-ab__tx p{font-size:var(--fs-body);line-height:1.65;color:#3F453E;margin:0 0 16px}
.sb-ab__tx p:last-child{margin:0}
.sb-ab__foto{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:420px;background:var(--claro)}
.sb-ab__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sb-mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--verde);border-radius:var(--r-lg);padding:var(--sp-panel)}
.sb-mv__c{padding:0 var(--sp-col)}
.sb-mv__c:first-child{padding-left:0;border-right:1px solid rgba(255,255,255,.22)}
.sb-mv__c:last-child{padding-right:0}
.sb-mv h2{font-size:var(--fs-h2);line-height:1.15;color:#fff;margin:0 0 16px}
.sb-mv h2::before{content:"";display:block;width:40px;height:3px;border-radius:2px;background:var(--menta);margin-bottom:20px}
.sb-mv p{font-size:var(--fs-lead);line-height:1.5;color:#D3E5DD;margin:0;max-width:520px}
.sb-cds{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.sb-cds--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-cds--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-cd{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:32px;box-shadow:var(--sh)}
.sb-cd__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--menta-bg);color:var(--verde);margin-bottom:20px}
.sb-cd__ic .ic{width:24px;height:24px}
.sb-cd h3{font-size:var(--fs-h3);line-height:1.25;margin:0 0 10px;color:var(--tinta)}
.sb-cd p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--cinza);margin:0}
@media (max-width:1040px){.sb-ab{grid-template-columns:1fr;gap:32px}.sb-ab__foto{min-height:0;aspect-ratio:4/3}.sb-cds--3{grid-template-columns:1fr}}
@media (max-width:720px){
  .sb-ab{margin-top:var(--sp-s)}
  .sb-mv{grid-template-columns:1fr}.sb-mv__c{padding:0}
  .sb-mv__c:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:28px;margin-bottom:28px}
  .sb-cds--2{grid-template-columns:1fr}.sb-cd{padding:24px}
}

/* Sobre nós (30/10 b): missão/visão sem traço e centralizadas · "O que move a nossa entrega" em painel claro */
.sb-mv{padding:56px 0;align-items:center}
.sb-mv h2::before{display:none}
.sb-mv h2{margin-bottom:14px}
.sb-mv__c,.sb-mv__c:first-child,.sb-mv__c:last-child{padding:0 64px}
.sb-mv p{max-width:none}
.sb-mov{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:64px;align-items:center;background:var(--claro);border-radius:var(--r-lg);padding:var(--sp-panel)}
.sb-mov h2{margin:0}
.sb-mov__l{list-style:none;margin:0;padding:0}
.sb-mov__l li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--linha)}
.sb-mov__l li:first-child{padding-top:0;border-top:0}
.sb-mov__l li:last-child{padding-bottom:0}
.sb-mov__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--verde)}
.sb-mov__ic .ic{width:24px;height:24px}
.sb-mov h3{font-size:var(--fs-h3);line-height:1.25;margin:0 0 8px}
.sb-mov p{margin:0;color:var(--cinza);font-size:var(--fs-body);line-height:var(--lh-body)}
@media (max-width:1040px){.sb-mov{grid-template-columns:1fr;gap:32px}}
@media (max-width:720px){.sb-mv{padding:32px 24px}.sb-mv__c,.sb-mv__c:first-child,.sb-mv__c:last-child{padding:0}.sb-mov__l li{grid-template-columns:40px 1fr;gap:16px}.sb-mov__ic{width:40px;height:40px}}

/* Sobre nós (30/10 c): página mais compacta (respiro de 88 px entre blocos, painéis e cartões mais justos) */
@media (min-width:721px){
  .pg-sobre .sec{margin-top:88px}
  .pg-sobre main{padding-bottom:88px}
  .pg-sobre .sh{margin-bottom:32px}
  .sb-ab{margin-top:24px;gap:48px}
  .sb-ab h1{margin-bottom:20px}
  .sb-mv{padding:44px 0}
  .sb-mv__c,.sb-mv__c:first-child,.sb-mv__c:last-child{padding:0 48px}
  .sb-cd{padding:28px}
  .sb-cd__ic{margin-bottom:16px}
  .sb-mov{grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);gap:40px;padding:44px 48px}
  .sb-mov__l li{padding:22px 0}
}

/* 30/10 · escala dos blocos (Diego): conteúdo mais estreito, abertura mais baixa, menos respiro e painéis mais justos */
@media (min-width:1024px){
  :root{--wrap:1240px;--sp-sec:96px;--sp-panel:48px}
  .hero__frame{min-height:clamp(420px,52vh,480px)}
  .pg-sobre .sec{margin-top:80px}
  .pg-sobre main{padding-bottom:80px}
  .sb-ab__foto{min-height:360px}
  .split__foto{min-height:360px}
  .convite{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
}

/* Contato simplificado (30/10): título como na Sobre nós, formulário de ponta a ponta, WhatsApp e e-mail embaixo */
.ct2__h1{margin:var(--sp-l) 0 0}
.pg-contato .ct2{margin-top:40px}
.ct2__form{padding:44px 48px}
.ct2__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}
.ct2__info{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:stretch}
.ct2__info .wa-card{padding:32px 40px}
.ct2__info .ct__bloco{padding:32px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:1040px){.ct2__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct2__info{grid-template-columns:1fr}}
@media (max-width:720px){.ct2__h1{margin-top:var(--sp-s)}.ct2__form{padding:24px}.ct2__grid{grid-template-columns:1fr}.ct2__info .wa-card,.ct2__info .ct__bloco{padding:24px}}
.pghead h1.ct2__h1{margin-top:24px}   /* mesma altura do título da Sobre nós (vence .trilha+h1) */
@media (max-width:720px){.pghead h1.ct2__h1{margin-top:var(--sp-s)}}

/* Contato limpo (30/10 b, inspiração Lumera): formulário à esquerda, contatos à direita sem caixas */
.pg-contato .ct3{margin-top:48px}
.ct3__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:80px;align-items:start}
.ct3__form h2,.ct3__info h2{margin:0}
.ct3__lead{color:var(--cinza);font-size:var(--fs-lead);line-height:var(--lh-lead);margin:10px 0 28px}
.ct3__campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.ct3__full{grid-column:1/-1}
.ct3__info{display:grid;gap:0;border-left:1px solid var(--linha);padding-left:48px}
.ct3__item{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--linha)}
.ct3__item:first-child{padding-top:0;border-top:0}
.ct3__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--menta-bg);color:var(--verde)}
.ct3__ic .ic{width:22px;height:22px}
.ct3__info h2{font-size:var(--fs-h4);line-height:1.3}
.ct3__v{font-size:var(--fs-h3);font-weight:700;color:var(--tinta);margin:6px 0 0}
.ct3__v a{color:var(--tinta);text-decoration:none}
.ct3__v a:hover{color:var(--acao);text-decoration:underline}
.ct3__t{color:var(--cinza);font-size:var(--fs-sm);line-height:var(--lh-sm);margin:8px 0 16px}
.ct3__wa{display:flex;align-items:center;gap:20px}
.ct3__wa img{width:96px;height:96px;border:1px solid var(--linha);border-radius:var(--r-sm);padding:6px;background:#fff}
@media (max-width:1040px){.ct3__grid{grid-template-columns:1fr;gap:48px}.ct3__info{border-left:0;padding-left:0;border-top:1px solid var(--linha);padding-top:32px}}
@media (max-width:720px){.ct3__campos{grid-template-columns:1fr}.ct3__wa img{display:none}.ct3__wa .btn{width:100%}}
.ct3__wa .btn{white-space:nowrap;flex:none}
@media (min-width:1041px){.ct3__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px}.ct3__info{padding-left:40px}}
.ct3__wa{gap:16px}.ct3__wa img{width:84px;height:84px}

/* Contato em uma coluna (30/10 c, como Batory e Barentz) */
.ct4{max-width:760px;margin-top:24px}
.ct4 h1{margin:0}
.ct4__lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--cinza);margin:12px 0 20px}
.ct4__dir{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0;padding:0 0 40px;border-bottom:1px solid var(--linha)}
.ct4__dir a{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--tinta);text-decoration:none}
.ct4__dir a:hover{color:var(--acao);text-decoration:underline}
.ct4__dir .ic{width:20px;height:20px;color:var(--acao)}
.ct4__h2{font-size:var(--fs-h3);margin:40px 0 24px}
.ct4__campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px}
.ct4__full{grid-column:1/-1}
@media (max-width:720px){.ct4{margin-top:var(--sp-s)}.ct4__campos{grid-template-columns:1fr}.ct4__dir{flex-direction:column}.ct4 .btn{width:100%}}

/* 30/10 · sem a página Produtos: boxes da Home e categorias das indústrias deixam de ser links */
.home-prod .cat{grid-template-columns:36px 1fr}
.home-prod .cat:hover{border-color:var(--linha);box-shadow:none}
.pind__cat:hover{color:var(--tinta);text-decoration:none}
@media (min-width:1041px){.home-prod .cat{min-height:92px}}   /* boxes de produto com a mesma altura (2 linhas de texto) */

/* 30/10 · Panificação: Conservax como no folder, em painel verde com mais ênfase */
.cvx{background:var(--verde);color:#D3E5DD;align-items:start}
.cvx h2{color:#fff;font-size:var(--fs-h1)}
.cvx .eyebrow{color:var(--menta)}
.cvx__sub{color:var(--menta)}
.cvx__como{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.cvx__como li{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:var(--fs-body);line-height:1.5;color:#D3E5DD}
.cvx__como b{color:#fff}
.cvx__cert{font-size:var(--fs-sm);font-weight:700;color:var(--menta);margin:0 0 28px}
.cvx__dh{color:var(--menta)}
.cvx__g{font-size:var(--fs-sm);font-weight:700;color:#fff;margin:16px 0 8px}
.cvx__dados{border:1px solid rgba(255,255,255,.18);background:transparent}
.cvx__dados div{border-bottom:1px solid rgba(255,255,255,.12)}
.cvx__dados dt,.cvx__dados dd{color:#fff}
.cvx__dados .is-cvx{background:rgba(69,185,155,.16);box-shadow:inset 3px 0 0 var(--menta)}
.cvx__dados .is-cvx dd{color:#9FE3CF}
.cvx__nota{color:#B4C9C0}
@media (max-width:720px){.cvx__como li{grid-template-columns:1fr;gap:2px}}

/* 30/10 · indústrias: bloco de produtos sem fundo, com traço verde */
.sec--linha{background:none;padding:0}
.pind{background:none;border-radius:0;padding:0;border-top:3px solid var(--verde)}

/* 30/10 · site todo: convite final discreto (faixa clara, sem QR) */
.convite{background:var(--claro);color:var(--cinza);padding:36px 48px;grid-template-columns:1fr}
.convite::before,.convite::after{display:none}
.convite h2{color:var(--tinta);font-size:var(--fs-h3)}
.convite p{color:var(--cinza)}
.convite__c{display:none}
.convite .btn--branco{background:var(--acao);border-color:var(--acao);color:#fff}
.convite .btn--branco:hover{background:var(--verde);border-color:var(--verde)}
.convite .btn--contorno{background:transparent;border-color:var(--acao);color:var(--acao)}
.convite .btn--contorno:hover{background:var(--acao);color:#fff}
@media (max-width:720px){.convite{padding:24px}}

/* 30/10 b · Conservax com menos destaque (Diego): painel claro, título no tamanho das seções */
.cvx{background:var(--claro);border:0;color:var(--cinza);box-shadow:none}
.cvx h2{color:var(--tinta);font-size:var(--fs-h2)}
.cvx .eyebrow{color:var(--verde)}
.cvx__sub{color:var(--acao);font-size:var(--fs-h3)}
.cvx__como b{color:var(--tinta)}.cvx__como li{color:var(--cinza)}
.cvx__cert{color:var(--verde)}
.cvx__dh{color:var(--verde)}.cvx__g{color:var(--tinta)}
.cvx__dados{border:1px solid var(--linha);background:#fff}
.cvx__dados div{border-bottom:1px solid var(--linha)}
.cvx__dados dt,.cvx__dados dd{color:var(--tinta)}
.cvx__dados .is-cvx{background:var(--menta-bg);box-shadow:inset 3px 0 0 var(--acao)}
.cvx__dados .is-cvx dt{color:var(--tinta)}.cvx__dados .is-cvx dd{color:var(--acao)}
.cvx__nota{color:var(--cinza)}
.cvx .btn--branco{background:var(--acao);border-color:var(--acao);color:#fff}
.cvx .btn--contorno{background:transparent;border-color:var(--acao);color:var(--acao)}
.cvx .btn--contorno:hover{background:var(--acao);color:#fff}
.cvx :focus-visible{outline-color:var(--acao)}

/* 30/10 c · Conservax com foco em valor (textos do catálogo v36) e barras de "Dias sem mofo" */
.cx{background:var(--claro);border-radius:var(--r-lg);padding:44px 48px}
.cx__h{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--linha);margin-bottom:28px}
.cx h2{margin:0}
.cx__sub{font-size:var(--fs-h4);font-weight:700;color:var(--acao);margin:6px 0 10px}
.cx__tag{font-size:var(--fs-sm);color:var(--cinza);margin:0}
.cx__h .btn{flex:none}
.cx__g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px}
.cx__k{font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--verde);margin:0 0 16px}
.cx__v{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.cx__v b{display:block;font-size:var(--fs-h4);color:var(--tinta);margin-bottom:4px}
.cx__v span{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--cinza)}
.cx__b{list-style:none;margin:0;padding:9px 18px;background:#fff;border:1px solid var(--linha);border-radius:var(--r-sm);display:grid;gap:5px}
.cx__b li{display:grid;grid-template-columns:168px 1fr;align-items:center;gap:12px;white-space:nowrap;font-size:var(--fs-note);color:var(--cinza)}
.cx__b em{display:flex;align-items:center;gap:8px;font-style:normal}
.cx__b i{display:block;height:10px;width:calc(var(--v) / 38 * (100% - 48px));background:#D3D9D0;border-radius:2px}
.cx__b b{font-size:var(--fs-sm);font-weight:800;color:var(--tinta);white-space:nowrap}
.cx__b li.m i{background:#AEB8AB}
.cx__b li.c span,.cx__b li.c2 span{font-weight:700;color:var(--verde)}
.cx__b li.c i{background:var(--menta);height:12px}
.cx__b li.c2 i{background:var(--acao);height:12px}
.cx__b li.c b,.cx__b li.c2 b{color:var(--acao)}
.cx__n{font-size:var(--fs-note);color:var(--cinza);margin:10px 0 0}
.cat-geral{display:inline-flex;align-items:center;gap:8px}
.cat-geral .ic{width:18px;height:18px}
@media (max-width:1040px){.cx__g{grid-template-columns:1fr;gap:32px}.cx__h{flex-direction:column;align-items:flex-start}}
@media (max-width:720px){.cx{padding:24px}.cx__v{grid-template-columns:1fr}.cx__h .btn{width:100%}.cx__b li{grid-template-columns:1fr;gap:2px}}