/* Canaã Norte Agroplast | base: tokens, layout, componentes */
:root{
  --ag-green:#8BE40E;
  --ag-black:#000000;
  --ag-ink:#0a0c09;
  --ag-ink-2:#151910;
  --ag-paper:#f4f5f0;
  --ag-paper-2:#e6e9dd;
  --ag-white:#ffffff;
  --ag-line:rgba(255,255,255,.17);
  --ag-line-ink:rgba(10,12,9,.17);
  --ag-mute:#b6bcad;
  --ag-mute-ink:#434a3c;
  --ag-blue:#00349B;
  --ag-gold:#C9A45E;
  --ag-error:#a3211a;
  --ag-shade:rgba(0,0,0,.42);
  --ag-glow:rgba(139,228,14,.16);
  --wrap:1240px;
  --pad:clamp(1.25rem,4vw,3rem);
  --sec:clamp(4.5rem,9vw,8.5rem);
  --ease:cubic-bezier(.2,.7,.1,1);
  --f-title:'Archivo',Arial,Helvetica,sans-serif;
  --f-text:'Source Sans 3',Arial,Helvetica,sans-serif;
  --hh:104px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 1rem)}
body{margin:0;background:var(--ag-ink);color:var(--ag-white);font:400 1.0625rem/1.5 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:3px solid var(--ag-green);outline-offset:3px}
.sec--paper :focus-visible,.sec--green :focus-visible{outline-color:var(--ag-black)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:1rem;top:-5rem;z-index:200;background:var(--ag-green);color:var(--ag-black);padding:.75rem 1rem;font-weight:700}
.skip:focus{top:1rem}

/* tipografia */
.h-display,.h-1,.h-2,.h-3{font-family:var(--f-title);font-weight:700;letter-spacing:-.022em;line-height:1;text-wrap:balance}
.h-display{font-size:clamp(2.55rem,6.3vw,5.75rem);line-height:.96}
.h-1{font-size:clamp(2.3rem,5.2vw,4.5rem)}
.h-2{font-size:clamp(1.9rem,3.9vw,3.4rem);line-height:1.03}
.h-3{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.12;letter-spacing:-.012em}
.h-display em,.h-1 em,.h-2 em{font-style:italic;font-weight:600}
.sec--dark em.verde,.hero em,.page-hero em{color:var(--ag-green)}
.lead{font-size:clamp(1.1rem,1.45vw,1.3rem);line-height:1.45;max-width:38em}
.mute{color:var(--ag-mute)}
.sec--paper .mute,.sec--green .mute{color:var(--ag-mute-ink)}
.eyebrow{display:flex;align-items:center;gap:.7rem;font:600 .8rem/1.2 var(--f-title);letter-spacing:.15em;text-transform:uppercase}
.eyebrow::before{content:"";flex:none;width:1.6rem;height:.72rem;background:var(--ag-green);clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
.sec--green .eyebrow::before{background:var(--ag-black)}
.num{font-family:var(--f-title);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}
.cod{font:500 .92rem/1.3 var(--f-title);font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* layout */
.wrap{width:100%;max-width:calc(var(--wrap) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.sec{position:relative;padding-block:var(--sec)}
.sec--dark{background:var(--ag-ink);color:var(--ag-white)}
.sec--black{background:var(--ag-black);color:var(--ag-white)}
.sec--paper{background:var(--ag-paper);color:var(--ag-ink)}
.sec--green{background:var(--ag-green);color:var(--ag-black)}
.sec__head{display:grid;gap:1.25rem;margin-bottom:clamp(2.2rem,5vw,4rem);max-width:56rem}
.sec__head--split{max-width:none;grid-template-columns:1fr}
.grid-2{display:grid;gap:clamp(2rem,5vw,5rem)}
.stack>*+*{margin-top:1.1rem}
.grao{position:absolute;inset:0;pointer-events:none;background:url(../img/grao.svg);opacity:.22;z-index:0}
.sec>.wrap{position:relative;z-index:1}
@media (min-width:861px){
  .sec__head--split{grid-template-columns:1.25fr .75fr;align-items:end;gap:3rem}
  .grid-2{grid-template-columns:1fr 1fr;align-items:center}
  .grid-2--a{grid-template-columns:.85fr 1.15fr}
  .grid-2--top{align-items:start}
}

/* botões */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.65em;min-height:54px;padding:.95rem 1.6rem .95rem 1.35rem;border:0;background:none;color:var(--ag-black);font:700 1rem/1.1 var(--f-title);letter-spacing:-.005em;text-decoration:none;text-align:left}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ag-green);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);transition:clip-path .35s var(--ease)}
.btn:hover::before{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn--dark{color:var(--ag-white)}
.btn--dark::before{background:var(--ag-black)}
.btn--ghost{color:inherit}
.btn--ghost::before{background:none;clip-path:none;border:1.5px solid currentColor;transition:opacity .3s;opacity:.55}
.btn--ghost:hover::before{clip-path:none;opacity:1}
.btn--sm{min-height:44px;padding:.6rem 1.25rem .6rem 1.05rem;font-size:.93rem}
.btn--sm::before{clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.link-seta{display:inline-flex;align-items:center;gap:.6rem;font:700 1rem/1.2 var(--f-title);text-decoration:none}
.link-seta::after{content:"";width:1.7rem;height:.6rem;background:currentColor;clip-path:polygon(0 42%,72% 42%,72% 0,100% 50%,72% 100%,72% 58%,0 58%);transition:transform .35s var(--ease)}
.link-seta:hover::after,a:hover .link-seta::after{transform:translateX(.4rem)}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--hh);pointer-events:none}
.site-header__bg{position:absolute;inset:0;background:var(--ag-black);border-bottom:1px solid var(--ag-line);transform-origin:top;opacity:0;transition:transform .4s var(--ease),opacity .3s}
.site-header__in{position:relative;display:flex;align-items:center;gap:1.5rem;height:100%;pointer-events:auto;transition:transform .4s var(--ease)}
.site-header__logo{display:block;flex:none;padding:16px 16px 16px 0;transform-origin:left center;transition:transform .4s var(--ease)}
.site-header__logo img{width:212px;height:auto}
.is-scrolled .site-header__bg,.is-solid .site-header__bg,.menu-open .site-header__bg{opacity:1}
.is-scrolled .site-header__bg{transform:scaleY(.82)}
.is-scrolled .site-header__in{transform:translateY(-9px)}
.is-scrolled .site-header__logo{transform:scale(.86)}
.nav{margin-left:auto}
.nav ul{display:flex;gap:clamp(1rem,2.2vw,2.1rem);list-style:none;margin:0;padding:0}
.nav a{position:relative;display:block;padding:.6rem 0;font:600 .98rem/1 var(--f-title);text-decoration:none}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:3px;background:var(--ag-green);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1.5px solid var(--ag-line);background:var(--ag-black);position:relative}
.menu-toggle span{position:absolute;left:12px;right:12px;height:2px;background:var(--ag-white);transition:transform .35s var(--ease),opacity .2s}
.menu-toggle span:nth-child(1){top:16px}.menu-toggle span:nth-child(2){top:23px}.menu-toggle span:nth-child(3){top:30px}
[aria-expanded="true"].menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
[aria-expanded="true"].menu-toggle span:nth-child(2){opacity:0}
[aria-expanded="true"].menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-full{position:fixed;inset:0;z-index:80;background:var(--ag-black);color:var(--ag-white);padding:calc(var(--hh) + 1.5rem) var(--pad) 2rem;display:flex;flex-direction:column;overflow:auto;visibility:hidden;clip-path:polygon(0 0,100% 0,100% 0%,0 -30%);transition:clip-path .55s var(--ease),visibility 0s .55s}
.menu-full.is-open{visibility:visible;clip-path:polygon(0 0,100% 0,100% 130%,0 100%);transition-delay:0s}
.menu-full ul{margin:0 0 2rem;padding:0;list-style:none}
.menu-full li{border-bottom:1px solid var(--ag-line)}
.menu-full li a{display:flex;align-items:baseline;gap:1rem;padding:1.05rem 0;font:700 clamp(1.8rem,8vw,2.6rem)/1 var(--f-title);letter-spacing:-.02em;text-decoration:none}
.menu-full li a span{font-size:.8rem;letter-spacing:.1em;color:var(--ag-green);font-variant-numeric:tabular-nums}
.menu-full li a[aria-current]{color:var(--ag-green)}
.menu-full__pe{margin-top:auto;display:grid;gap:1rem}
@media (max-width:980px){
  :root{--hh:76px}
  .nav,.site-header__cta{display:none}
  .menu-toggle{display:block}
  .site-header__logo{padding:10px 10px 10px 0}
  .site-header__logo img{width:158px}
  .is-scrolled .site-header__bg{transform:scaleY(.86)}
  .is-scrolled .site-header__in{transform:translateY(-5px)}
  .is-scrolled .site-header__logo{transform:scale(.9)}
  html:not(.js) .site-header{position:absolute;height:auto}
  html:not(.js) .site-header__in{flex-wrap:wrap;padding-bottom:.5rem}
  html:not(.js) .nav{display:block;width:100%;margin:0}
  html:not(.js) .nav ul{flex-wrap:wrap}
  html:not(.js) .menu-toggle,html:not(.js) .menu-full{display:none}
}
@media (min-width:981px){.menu-full{display:none}}

/* hero interno */
.page-hero{position:relative;overflow:hidden;background:var(--ag-black);padding:calc(var(--hh) + clamp(3rem,7vw,6rem)) 0 calc(clamp(3.5rem,8vw,7rem) + 7vw)}
.page-hero__tx{position:absolute;inset:0 0 0 auto;width:min(46vw,620px);background:url(../img/textura-escura.webp) right center/cover no-repeat;opacity:.9}
.page-hero__tx::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ag-black),transparent 60%)}
.page-hero .wrap{position:relative;display:grid;gap:1.5rem}
.page-hero .h-1{max-width:17ch}
.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font:500 .85rem/1.2 var(--f-title);color:var(--ag-mute);list-style:none;padding:0;margin:0}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--ag-green)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* marquee */
.marquee{position:relative;background:var(--ag-green);color:var(--ag-black);overflow:hidden;padding:1.1rem 0;min-height:0;z-index:2}
.marquee__faixa{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee__grupo{display:flex;flex:none;margin:0;padding:0;list-style:none}
.marquee__grupo li{display:flex;align-items:center;gap:1.6rem;padding-right:1.6rem;font:700 clamp(1rem,1.6vw,1.3rem)/1 var(--f-title);white-space:nowrap}
.marquee__grupo li::after{content:"";width:1.3rem;height:.8rem;background:var(--ag-black);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}
.marquee.is-paused .marquee__faixa,.marquee:hover .marquee__faixa{animation-play-state:paused}
.marquee__pausa{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:2;min-height:28px;padding:.25rem .6rem;border:0;background:var(--ag-black);color:var(--ag-white);font:600 .7rem/1 var(--f-title);opacity:0}
.marquee__pausa:focus-visible,.marquee:hover .marquee__pausa{opacity:1}
html:not(.js) .marquee__pausa{display:none}
@keyframes marquee{to{transform:translateX(-50%)}}

/* cartão de linha */
.linhas{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.linha{position:relative;display:flex;flex-direction:column;background:var(--ag-white);color:var(--ag-ink);text-decoration:none;border:1px solid var(--ag-line-ink);overflow:hidden}
.linha__topo{display:flex;align-items:stretch;justify-content:space-between}
.linha__mic{display:flex;align-items:baseline;gap:.5rem;background:var(--ag-black);color:var(--ag-green);padding:.7rem 1.4rem .7rem 1rem;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
.linha__mic b{font:700 2.5rem/1 var(--f-title);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.linha__mic span{font:600 .7rem/1 var(--f-title);letter-spacing:.14em;text-transform:uppercase;color:var(--ag-white)}
.linha__mm{align-self:center;padding-right:1rem;color:var(--ag-mute-ink)}
.linha__img{position:relative;display:block;margin:.4rem 1rem 0;aspect-ratio:600/612;flex:none}
.linha__img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 100%;transition:transform .7s var(--ease)}
.linha:hover .linha__img img{transform:translateY(-8px) rotate(-2.5deg)}
.linha__txt{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem 1.4rem;border-top:1px solid var(--ag-line-ink);flex:1}
.linha__txt .h-3{min-height:2.3em}
.linha .link-seta{margin-top:auto!important;padding-top:.5rem}
.linha__txt p{color:var(--ag-mute-ink);font-size:1rem;line-height:1.4}
.linha__med{font-size:.85rem!important}
.linha .link-seta{margin-top:.5rem}
.linha::after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:var(--ag-green);clip-path:polygon(100% 0,100% 100%,0 100%);transform:translate(100%,100%);transition:transform .4s var(--ease)}
.linha:hover::after,.linha:focus-visible::after{transform:none}

/* números */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));border-top:1px solid var(--ag-line)}
.stat{padding:1.6rem 1.5rem 1.8rem 0;border-bottom:1px solid var(--ag-line);display:grid;gap:.5rem;align-content:start}
.stat__n{font:700 clamp(2.6rem,5vw,4.3rem)/1 var(--f-title);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ag-green);white-space:nowrap}
.stat__n small{font-size:.42em;letter-spacing:0;font-weight:600;color:var(--ag-white);margin-left:.15em}
.stat p{color:var(--ag-mute);max-width:22ch;line-height:1.35}
.stats--g .stat:first-child{grid-column:1/-1}
.stats--g .stat:first-child .stat__n{font-size:clamp(3.4rem,9vw,7.5rem)}
.fonte{margin-top:1.5rem;font-size:.88rem;color:var(--ag-mute)}

/* tabela técnica */
.tab-rol{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tab{min-width:520px;font-variant-numeric:tabular-nums}
.tab caption{text-align:left;padding-bottom:.9rem;font:600 .8rem/1.2 var(--f-title);letter-spacing:.14em;text-transform:uppercase}
.tab th,.tab td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--ag-line)}
.sec--paper .tab th,.sec--paper .tab td{border-color:var(--ag-line-ink)}
.tab thead th{background:var(--ag-green);color:var(--ag-black);font:700 .82rem/1.2 var(--f-title);border:0}
.tab tbody th{font:700 1.05rem/1.2 var(--f-title)}
.tab td{font-family:var(--f-title);font-weight:500}
.tab tbody tr{transition:opacity .3s}
.nota{font-size:.9rem;line-height:1.45;color:var(--ag-mute);max-width:46em}
.sec--paper .nota{color:var(--ag-mute-ink)}

/* citação */
.cit{position:relative;padding-left:clamp(1.2rem,3vw,2.5rem);border-left:4px solid var(--ag-green)}
.cit p{font:600 italic clamp(1.35rem,2.5vw,2.1rem)/1.22 var(--f-title);letter-spacing:-.012em;text-wrap:pretty}
.cit footer{margin-top:1.2rem;font-size:.95rem}
.cit footer b{display:block;font:700 1rem/1.3 var(--f-title)}

/* card de post */
.post-card{display:grid;background:var(--ag-white);color:var(--ag-ink);text-decoration:none;border:1px solid var(--ag-line-ink);overflow:hidden}
.post-card__img{position:relative;overflow:hidden;min-height:260px;background:var(--ag-ink)}
.post-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.post-card:hover .post-card__img img{transform:scale(1.05)}
.post-card__tx{display:grid;gap:1rem;align-content:center;padding:clamp(1.5rem,4vw,3.2rem)}
.post-card__meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font:600 .78rem/1.3 var(--f-title);letter-spacing:.12em;text-transform:uppercase;color:var(--ag-mute-ink)}
.post-card p{color:var(--ag-mute-ink)}
@media (min-width:861px){.post-card{grid-template-columns:.8fr 1.2fr}.post-card__img{min-height:420px}}

/* CTA final */
.cta{overflow:hidden}
.cta .wrap{display:grid;gap:2rem}
.cta .h-1{max-width:14ch}
.cta__fone{font:700 clamp(1.5rem,3vw,2.3rem)/1 var(--f-title);font-variant-numeric:tabular-nums;text-decoration:none;border-bottom:3px solid var(--ag-black);align-self:center;padding-bottom:.15rem}
@media (min-width:861px){.cta .wrap{grid-template-columns:1.2fr .8fr;align-items:end}}

/* footer */
.site-footer{position:relative;background:var(--ag-black);color:var(--ag-white);padding:clamp(3.5rem,7vw,6rem) 0 2rem;border-top:1px solid var(--ag-line)}
.site-footer__grid{display:grid;gap:2.5rem}
.site-footer__logo img{width:250px}
.site-footer__frase{margin-top:1.2rem;color:var(--ag-mute);max-width:30ch}
.site-footer h2{font:600 .78rem/1.2 var(--f-title);letter-spacing:.15em;text-transform:uppercase;color:var(--ag-mute);margin-bottom:1rem}
.site-footer ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.site-footer li a{text-decoration:none}
.site-footer li a:hover{text-decoration:underline;text-decoration-color:var(--ag-green);text-decoration-thickness:2px}
.site-footer__fone{font:700 1.35rem/1.2 var(--f-title);font-variant-numeric:tabular-nums}
.site-footer__grupo img{width:220px;margin-top:.2rem}
.site-footer__fim{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;border-top:1px solid var(--ag-line);font-size:.9rem;color:var(--ag-mute)}
.site-footer__mrx{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none}
.site-footer__mrx img{width:66px;height:auto}
@media (min-width:861px){.site-footer__grid{grid-template-columns:1.5fr .7fr 1fr 1fr}}
@media (max-width:860px){.site-footer{padding-bottom:6rem}}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:clamp(.8rem,2vw,1.5rem);bottom:clamp(.8rem,2vw,1.5rem);z-index:70;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ag-green);color:var(--ag-black);box-shadow:0 0 0 2px var(--ag-black),0 10px 24px var(--ag-shade);transition:transform .35s var(--ease)}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px}
.wa-float:focus-visible{outline-color:var(--ag-white);box-shadow:0 0 0 2px var(--ag-black),0 0 0 6px var(--ag-black)}

/* foto com recorte e profundidade */
.foto{position:relative}
.foto__rec{position:relative;overflow:hidden;background:var(--ag-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 3.2rem),calc(100% - 3.2rem) 100%,0 100%);box-shadow:0 30px 60px var(--ag-shade)}
.foto__rec img,.foto__rec video{width:100%;height:100%;object-fit:cover}
.foto__rec::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 55%,var(--ag-shade));pointer-events:none}
.foto::before{content:"";position:absolute;right:-.7rem;bottom:-.7rem;width:5.2rem;height:5.2rem;background:var(--ag-green);clip-path:polygon(100% 0,100% 100%,0 100%)}
.foto figcaption,.leg{margin-top:.85rem;font-size:.88rem;line-height:1.4;color:var(--ag-mute);max-width:34em;padding-right:4rem}
.sec--paper .foto figcaption,.sec--paper .leg{color:var(--ag-mute-ink)}

/* selo e qualidade */
.origem{overflow:hidden}
.origem__cena{position:relative;display:grid;place-items:center;min-height:clamp(340px,44vw,560px)}
.origem__cena::before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--ag-glow),transparent 72%)}
.origem__bobina{position:relative;width:min(72%,400px)}
.origem__selo{position:absolute;right:0;bottom:2%;width:clamp(150px,19vw,240px)}
.origem__lista{display:grid;gap:0;margin-top:2rem;border-top:1px solid var(--ag-line)}
.origem__lista li{display:grid;grid-template-columns:3.2rem 1fr;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--ag-line)}
.origem__lista b{color:var(--ag-gold);font:700 .9rem/1.6 var(--f-title);font-variant-numeric:tabular-nums}

/* pilares / cartões numerados */
.pilares{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));counter-reset:p}
.pilar{position:relative;padding:2rem 1.6rem 2.2rem;background:var(--ag-ink-2);border:1px solid var(--ag-line);display:grid;gap:.8rem;align-content:start;counter-increment:p;overflow:hidden}
.pilar::before{content:"0" counter(p);font:700 4.5rem/1 var(--f-title);letter-spacing:-.04em;color:var(--ag-green);font-variant-numeric:tabular-nums}
.pilar::after{content:"";position:absolute;top:0;right:0;width:5rem;height:5rem;background:var(--ag-green);opacity:.9;clip-path:polygon(55% 0,100% 0,100% 45%)}
.pilar p{color:var(--ag-mute)}

/* arquitetura */
.arq{display:grid;gap:0;max-width:880px;margin-inline:auto}
.arq__grupo{display:grid;justify-items:center;gap:.9rem;padding:2rem;background:var(--ag-white);border:1px solid var(--ag-line-ink);text-align:center}
.arq__grupo img{width:min(100%,300px)}
.arq__ramo{height:3rem;position:relative}
.arq__ramo::before{content:"";position:absolute;left:50%;top:0;height:50%;border-left:2px solid var(--ag-ink)}
.arq__ramo::after{content:"";position:absolute;left:25%;right:25%;top:50%;bottom:0;border:2px solid var(--ag-ink);border-bottom:0}
.arq__neg{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}
.arq__neg>div{padding:1.6rem;border:1px solid var(--ag-line-ink);background:var(--ag-white);display:grid;gap:.7rem;align-content:start}
.arq__neg>.arq__ag{background:var(--ag-black);color:var(--ag-white);border-color:var(--ag-black)}
.arq__ag img{width:min(100%,260px)}
.arq__ag p{color:var(--ag-mute)}
.arq__nome{font:700 1.5rem/1.1 var(--f-title);letter-spacing:-.015em}
.arq__tag{font:600 .74rem/1.2 var(--f-title);letter-spacing:.14em;text-transform:uppercase;color:var(--ag-blue)}
.arq__ag .arq__tag{color:var(--ag-green)}
@media (max-width:640px){.arq__neg{grid-template-columns:1fr}.arq__ramo::after{left:50%;right:auto;border:0;border-left:2px solid var(--ag-ink)}}

/* vídeo por clique */
.video-clique{position:relative;width:100%;max-width:400px;margin-inline:auto}
.video-clique__quadro{position:relative;aspect-ratio:9/16;background:var(--ag-black);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),calc(100% - 3rem) 100%,0 100%)}
.video-clique video,.video-clique img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-clique__play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(transparent 40%,var(--ag-shade));color:var(--ag-black)}
.video-clique__play span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--ag-green);transition:transform .4s var(--ease)}
.video-clique__play span::before{content:"";width:26px;height:30px;margin-left:6px;background:var(--ag-black);clip-path:polygon(0 0,100% 50%,0 100%)}
.video-clique__play:hover span{transform:scale(1.08)}
.video-clique__play:focus-visible{outline-offset:-8px}

/* ficha / listas técnicas */
.ficha{display:grid;gap:0;border-top:1px solid var(--ag-line-ink)}
.ficha>div{display:grid;gap:.4rem 2rem;padding:1.2rem 0;border-bottom:1px solid var(--ag-line-ink)}
.ficha dt{font:600 .78rem/1.4 var(--f-title);letter-spacing:.14em;text-transform:uppercase;color:var(--ag-mute-ink)}
.ficha dd{font-size:1.08rem}
.sec--dark .ficha,.sec--dark .ficha>div{border-color:var(--ag-line)}
.sec--dark .ficha dt{color:var(--ag-mute)}
.ficha dd ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}
@media (min-width:700px){.ficha>div{grid-template-columns:14rem 1fr}}

/* amostra */
.amostras{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}
.amostra{display:grid;gap:.8rem}
.amostra__q{position:relative;aspect-ratio:1;background:var(--ag-black);display:grid;place-items:center;color:var(--ag-white);box-shadow:0 14px 26px var(--ag-shade);transition:transform .5s var(--ease)}
.amostra:nth-child(2) .amostra__q{transform:rotate(-1.5deg)}.amostra:nth-child(3) .amostra__q{transform:rotate(1.2deg)}
.amostra__q b{font:700 clamp(1.6rem,3vw,2.2rem)/1 var(--f-title);font-variant-numeric:tabular-nums;color:var(--ag-green)}
.amostra__q::after{content:"10 × 10 cm";position:absolute;left:.6rem;bottom:.5rem;font:500 .7rem/1 var(--f-title);letter-spacing:.08em;color:var(--ag-mute)}
.amostra span{font:600 .9rem/1.2 var(--f-title)}

/* reveal: só esconde com JS e sem reduced motion */
html.js.motion [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
html.js.motion [data-reveal="bobina"]{transform:translateY(60px) rotate(7deg)}
html.js.motion [data-reveal="clip"]:not(.is-in) img{transform:scale(1.2)}
html.js.motion [data-reveal].is-in{opacity:1;transform:none}
[data-i="1"]{--i:1}[data-i="2"]{--i:2}[data-i="3"]{--i:3}[data-i="4"]{--i:4}[data-i="5"]{--i:5}[data-i="6"]{--i:6}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .marquee__faixa{flex-wrap:wrap;width:auto}
  .marquee__grupo{flex:1 1 auto;min-width:0;flex-wrap:wrap;row-gap:.6rem;padding-inline:var(--pad)}
  .marquee__grupo[aria-hidden],.marquee__pausa{display:none}
}
@media print{.site-header,.wa-float,.menu-full{display:none}}

/* blog e artigo */
.posts{display:grid;gap:1.5rem}
.posts__nota{padding:1.6rem;border:1.5px dashed var(--ag-line-ink);display:grid;gap:.9rem;justify-items:start;color:var(--ag-mute-ink)}
.artigo-topo .h-1{max-width:21ch;font-size:clamp(2rem,4.4vw,3.7rem)}
.artigo-topo .lead{color:var(--ag-mute)}
.chapeu{font:700 .82rem/1.3 var(--f-title);letter-spacing:.15em;text-transform:uppercase;color:var(--ag-green)}
.artigo__meta{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font:500 .92rem/1.3 var(--f-title);color:var(--ag-mute)}
.artigo{display:grid;gap:2.5rem}
.artigo__corpo{max-width:43rem;font-size:1.16rem;line-height:1.62}
.artigo__corpo>*+*{margin-top:1.35rem}
.artigo__corpo h2{font:700 clamp(1.5rem,2.6vw,2.05rem)/1.1 var(--f-title);letter-spacing:-.018em;margin-top:3rem;text-wrap:balance}
.artigo__corpo ul{padding:0;list-style:none;display:grid;gap:0;border-top:2px solid var(--ag-ink)}
.artigo__corpo ul li{display:grid;grid-template-columns:3rem 1fr;padding:1rem 0;border-bottom:1px solid var(--ag-line-ink);counter-increment:b}
.artigo__corpo ul{counter-reset:b}
.artigo__corpo ul li::before{content:"0" counter(b);font:700 1rem/1.7 var(--f-title);font-variant-numeric:tabular-nums}
.artigo__corpo .cit{margin-block:2.6rem;border-left-color:var(--ag-ink)}
.artigo__corpo .cit p{font-size:clamp(1.4rem,2.6vw,2rem)}
.artigo__corpo figure{margin-block:2.4rem}
.artigo__lado{display:grid;gap:1.5rem;align-content:start}
.sobre{background:var(--ag-white);border:1px solid var(--ag-line-ink);border-top:5px solid var(--ag-blue);padding:1.6rem;display:grid;gap:1rem}
.sobre img{width:220px}
.sobre h2{font:700 .8rem/1.3 var(--f-title);letter-spacing:.14em;text-transform:uppercase;margin:0}
.sobre p{font-size:1rem;line-height:1.5;color:var(--ag-mute-ink)}
@media (min-width:1000px){.artigo{grid-template-columns:minmax(0,43rem) minmax(0,1fr);gap:5rem}.artigo__lado{position:sticky;top:calc(var(--hh) + 1rem)}}
.admin-bar .site-header{top:var(--wp-admin--admin-bar--height,32px)}