/* ============================================================
   Seed Club — blog (capa, listas e materia)
   Depende de home.css (tokens, header, rodape, .dest/.art/.art3/.chip/.meta/.av/.grade/.card)
   e de listagem.css (.lt-crumb, .lt-vazio, .lt-ativo).
   ============================================================ */

/* ---------- comum ---------- */
.bg{padding-block:0}
.bg-corpo{padding-bottom:clamp(56px,7vw,96px)}
.bg-eye{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);margin-bottom:10px}
.bg-desc{margin-top:12px;font-size:var(--t4);line-height:1.65;color:var(--mute)}
.sc-js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.sc-js .rv.on{opacity:1;transform:none}
.sc-js .rl .rv{transition-delay:calc(var(--i,0)*60ms)}
@media(prefers-reduced-motion:reduce){.sc-js .rv{opacity:1;transform:none;transition:none}.bh-mq-t{animation:none!important}}

/* ---------- hero (capa do blog) ---------- */
.bh{background:var(--pto);color:var(--cream);margin-top:-10px;overflow:hidden}
.bh-in{display:grid;grid-template-columns:1.2fr .9fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(30px,4.6vw,64px)}
.bh-h1s{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);line-height:1.4}
.bh-h1s i,.bh-eye i{font-style:normal;opacity:.5;margin-inline:6px}
.bh-eye{margin-top:clamp(18px,2.6vw,34px);font-size:var(--t1);font-weight:var(--w7);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.bh-tit{margin-top:14px;font-size:clamp(34px,5.2vw,74px);font-weight:var(--w8);line-height:.97;letter-spacing:-.02em;text-wrap:balance}
.bh-tit a{color:var(--cream);background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 3px;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}
.bh-tit a:hover{background-size:100% 3px}
.bh-dek{margin-top:18px;font-size:clamp(15px,1.35vw,19px);line-height:1.55;color:rgba(255,255,255,.72);max-width:56ch;text-wrap:pretty}
.bh-cta{margin-top:clamp(20px,2.6vw,30px);display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.btn-o--cream{border-color:var(--cream);color:var(--cream)}
.btn-o--cream:hover{background:var(--cream);color:var(--pto)}
.bh-alt{font-size:var(--t2);font-weight:var(--w7);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.bh-alt em{font-style:normal;display:inline-block;transition:transform .3s ease}
.bh-alt:hover{color:var(--cream)}.bh-alt:hover em{transform:translateY(3px)}
.bh-cap{display:block;position:relative;aspect-ratio:4/5;max-height:min(540px,calc(78svh - var(--hdr,67px)));overflow:hidden;outline:1px solid rgba(255,255,255,.14);outline-offset:-1px}
.bh-cap .art-cap{position:absolute;inset:0;aspect-ratio:auto}
.bh-cap .cg{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bh-cap:hover .cg{transform:scale(1.04)}

/* letreiro */
.bh-mq{border-top:1px solid rgba(255,255,255,.14);padding-block:13px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bh-mq-t{display:flex;width:max-content;animation:bh-mq 70s linear infinite}
.bh-mq:hover .bh-mq-t,.bh-mq:focus-within .bh-mq-t{animation-play-state:paused}
.bh-mq-l{display:flex;align-items:center;white-space:nowrap;font-size:var(--t2);font-weight:var(--w6);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.bh-mq-l a{padding-inline:22px;transition:color .2s ease}
.bh-mq-l a:hover{color:var(--cream)}
.bh-mq-l i{font-style:normal;color:var(--oliva);font-size:8px}
@keyframes bh-mq{to{transform:translateX(-50%)}}

/* capa generativa */
.art-cap--gen{background:var(--pto)}
.art-cap--gen::before{display:none}
.art-cap .cg{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.art:hover .cg{transform:scale(1.06)}
.cg-e{transition:transform 1.1s cubic-bezier(.2,.7,.2,1);transform-origin:center;transform-box:fill-box}
.art:hover .cg-e:nth-child(odd),.bh-cap:hover .cg-e:nth-child(odd){transform:translate(6px,-4px)}
.art:hover .cg-e:nth-child(even),.bh-cap:hover .cg-e:nth-child(even){transform:translate(-5px,5px)}
.cg-n{position:absolute;left:12px;bottom:8px;font-size:clamp(26px,3vw,40px);font-weight:var(--w8);letter-spacing:-.03em;line-height:1;color:var(--cream);opacity:.85;font-variant-numeric:tabular-nums}

/* ---------- barra fixa: categorias + busca + surpresa ---------- */
.bg-bar{position:sticky;top:var(--hdr,67px);z-index:8;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-bottom:clamp(18px,2.4vw,28px)}
.bg-bar-in{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:10px;flex-wrap:wrap}
.bg-cats{display:flex;flex-wrap:wrap;gap:6px}
.bg-cat{display:inline-flex;align-items:baseline;gap:7px;border:1.5px solid var(--line);padding:10px 14px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:border-color .16s ease,background .16s ease}
.bg-cat small{font-size:10px;font-weight:var(--w6);color:var(--mute);letter-spacing:.06em}
.bg-cat:hover{border-color:var(--ink)}
.bg-cat.on{background:var(--pto);border-color:var(--pto);color:var(--cream)}
.bg-cat.on small{color:rgba(255,255,255,.6)}
.bg-bar-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.bg-busca{display:flex;align-items:stretch;border:1.5px solid var(--line);height:36px;transition:border-color .16s ease}
.bg-busca:focus-within{border-color:var(--ink)}
.bg-busca input{border:0;background:none;font:inherit;font-size:var(--t2);width:150px;outline:0;color:var(--ink);padding:0 12px}
.bg-busca input::placeholder{color:var(--mute)}
.bg-busca button{border:0;background:var(--pto);width:36px;display:grid;place-items:center;color:#fff;cursor:pointer}
.bg-busca button svg{width:15px;height:15px}
.bg-rand{border:0;background:var(--pto);color:#fff;height:36px;padding:0 18px;font:inherit;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:background .16s ease,color .16s ease}
.bg-rand em{font-style:normal;color:var(--oliva);font-size:9px;display:inline-block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bg-rand:hover{background:var(--oliva)}
.bg-rand:hover em,.bg-rand.go em{transform:rotate(180deg) scale(1.3);color:var(--cream)}

/* ---------- guia: comece por aqui ---------- */
.bg-guia{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(22px,4vw,56px);background:var(--box);padding:clamp(20px,2.8vw,36px);margin-bottom:clamp(22px,3vw,40px)}
.bg-guia-h{font-size:clamp(26px,3vw,40px);font-weight:var(--w8);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.bg-guia-h a:hover{color:var(--oliva)}
.bg-guia-m{margin-top:14px}
.bg-guia-c{list-style:none;display:flex;flex-direction:column;counter-reset:cap}
.bg-guia-c li+li{border-top:1px solid var(--line)}
.bg-guia-c a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:13px 4px;font-size:var(--t4);font-weight:var(--w7);transition:padding-left .25s cubic-bezier(.2,.7,.2,1)}
.bg-guia-c b{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.1em;color:var(--oliva);font-variant-numeric:tabular-nums}
.bg-guia-c em{font-style:normal;color:var(--mute);transition:transform .25s ease,color .25s ease}
.bg-guia-c a:hover{padding-left:10px}
.bg-guia-c a:hover em{transform:translateX(4px);color:var(--ink)}

/* ---------- trilhos por categoria ---------- */
.bg-tr{margin-bottom:clamp(22px,3vw,40px)}
.bg-tr .sec-h,.bg-idx .sec-h,.bg-gen .sec-h{padding-top:16px;margin-bottom:16px}
.bg-tr .tt small,.bg-idx .tt small{font-size:.42em;font-weight:var(--w7);color:var(--mute);letter-spacing:.08em;vertical-align:.9em;margin-left:6px;font-variant-numeric:tabular-nums}
.bg-tr-nav{display:flex;align-items:center;gap:6px}
.bg-tr-bt{width:38px;height:38px;border:1.5px solid var(--ink);background:none;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease}
.bg-tr-bt:hover{background:var(--pto);color:#fff;border-color:var(--pto)}
.bg-tr-nav .btn-o{margin-left:8px}
.rl{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
.rl::-webkit-scrollbar{display:none}
.rl>*{scroll-snap-align:start}
.bg .art h3{font-size:var(--t3);line-height:1.35;font-weight:var(--w7);text-wrap:balance}
.bg .art{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .2s ease}
.bg .art:hover{transform:translateY(-4px);border-color:var(--ink)}

/* ---------- geneticas citadas ---------- */
.bg-gen{margin-bottom:clamp(22px,3vw,40px)}
.bg-gen-g{grid-template-columns:repeat(5,minmax(0,1fr))}

/* ---------- indice de todas as materias ---------- */
.bg-idx .sec-h{margin-bottom:4px}
.bg-lista{list-style:none}
.bg-lista li{border-bottom:1px solid var(--line)}
.bg-lista a{display:grid;grid-template-columns:44px 1fr auto 20px;align-items:center;gap:16px;padding:16px 0;transition:padding-left .3s cubic-bezier(.2,.7,.2,1)}
.bg-li-n{font-size:var(--t2);font-weight:var(--w7);letter-spacing:.08em;color:var(--mute);font-variant-numeric:tabular-nums}
.bg-li-t{font-size:clamp(17px,1.6vw,23px);font-weight:var(--w7);line-height:1.2;letter-spacing:-.005em;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1.5px;transition:background-size .4s cubic-bezier(.2,.7,.2,1)}
.bg-li-m{display:flex;align-items:center;gap:12px;white-space:nowrap}
.bg-lista em{font-style:normal;color:var(--mute);transition:transform .3s ease,color .3s ease}
.bg-lista a:hover{padding-left:8px}
.bg-lista a:hover .bg-li-t{background-size:100% 1.5px}
.bg-lista a:hover em{transform:translateX(4px);color:var(--ink)}
.bg-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
.bg-pag{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:clamp(24px,3vw,40px)}

@media(max-width:1100px){.rl{grid-auto-columns:calc((100% - 24px)/3)}.bg-gen-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
  .bh-in{grid-template-columns:1fr;gap:26px}
  .bh-cap{aspect-ratio:16/10;max-height:none}
  .bg-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-guia{grid-template-columns:1fr}
  .rl{grid-auto-columns:calc((100% - 12px)/2)}
  .bg-gen-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bg-lista a{grid-template-columns:34px 1fr 20px}
  .bg-lista .bg-li-m{grid-column:2;white-space:normal}
}
@media(max-width:560px){
  .bh-tit{font-size:clamp(30px,9vw,40px)}
  .bg-bar{position:static}
  .bg-bar-r{margin-left:0;width:100%}
  .bg-busca{flex:1}.bg-busca input{width:100%}
  .bg-grade{grid-template-columns:1fr}
  .rl{grid-auto-columns:78%}
  .bg-gen-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-lista a{grid-template-columns:30px 1fr 16px;gap:10px}
  .bg-li-t{font-size:16px}
}

/* ---------- materia ---------- */
.po{padding-block:10px 0}
.po>.in{padding-bottom:clamp(56px,7vw,96px)}
.po-topo{max-width:860px;margin:clamp(8px,1.4vw,18px) auto 0;text-align:center}
.po-eye{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.po-eye a{color:var(--oliva)}
.po-eye a:hover{color:var(--ink)}
.po-eye i{font-style:normal;opacity:.5}
.po-h1{margin-top:16px;font-size:clamp(30px,4.2vw,56px);font-weight:var(--w8);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.po-dek{margin:18px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:var(--mute);max-width:64ch;text-wrap:pretty}
.po-by{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:var(--t3);color:var(--mute)}
.po-by b{color:var(--ink);font-weight:var(--w7)}
.po-capa{margin:clamp(26px,3.4vw,44px) auto 0;max-width:1180px}
.po-capa img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--wash)}
.po-capa figcaption{padding-top:10px;font-size:var(--t2);color:var(--mute);text-align:center}

/* corpo: tipografia de leitura */
.po-corpo{max-width:72ch;margin:clamp(30px,4vw,56px) auto 0;font-size:clamp(16px,1.25vw,18.5px);line-height:1.75;color:var(--ink)}
.po-corpo>*+*{margin-top:1.25em}
.po-corpo p:first-child::first-letter{font-size:3.1em;font-weight:var(--w8);float:left;line-height:.82;padding:.06em .12em 0 0}
.po-corpo h2,.po-corpo h3,.po-corpo h4{font-weight:var(--w8);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.po-corpo h2{font-size:clamp(24px,2.4vw,32px);margin-top:1.8em}
.po-corpo h3{font-size:clamp(19px,1.8vw,24px);margin-top:1.5em}
.po-corpo h4{font-size:var(--t5);text-transform:uppercase;letter-spacing:.06em}
.po-corpo a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(26,24,19,.35)}
.po-corpo a:hover{text-decoration-color:var(--ink)}
.po-corpo strong{font-weight:var(--w7)}
.po-corpo ul,.po-corpo ol{padding-left:1.3em}
.po-corpo li+li{margin-top:.4em}
.po-corpo blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--oliva);font-size:1.12em;line-height:1.5;font-weight:var(--w6);color:var(--ink)}
.po-corpo blockquote cite{display:block;margin-top:8px;font-style:normal;font-size:var(--t2);color:var(--mute)}
.po-corpo img{max-width:100%;height:auto;display:block}
.po-corpo figure{margin:1.8em 0}
.po-corpo figure.alignwide,.po-corpo figure.alignfull{margin-inline:calc(50% - min(50vw - var(--gut),590px))}
.po-corpo figcaption{margin-top:8px;font-size:var(--t2);color:var(--mute);text-align:center}
.po-corpo hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.po-corpo table{width:100%;border-collapse:collapse;font-size:.92em}
.po-corpo th,.po-corpo td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.po-corpo th{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.po-corpo iframe{max-width:100%}
/* guia: indice e ancoras (os cards da home caem em cada capitulo) */
.po-corpo .guia-indice{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.po-corpo .guia-indice a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:var(--t2);font-weight:var(--w6);text-decoration:none;transition:border-color .16s ease,background .16s ease}
.po-corpo .guia-indice a:hover{border-color:var(--ink);background:var(--box)}
.po-corpo h2[id],.po-corpo h3[id]{scroll-margin-top:calc(var(--hdr,67px) + 24px)}

/* geneticas e marcas citadas */
.po-cit{max-width:1180px;margin:clamp(40px,5vw,72px) auto 0;padding-top:clamp(22px,2.6vw,32px);border-top:1px solid var(--ink)}
.po-cit .sec-h{margin-bottom:18px}
.po-grade{grid-template-columns:repeat(4,minmax(0,1fr))}
.po-marcas{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.po-marcas>span{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-right:6px}

/* mais do blog */
.po-mais{max-width:1180px;margin:clamp(40px,5vw,72px) auto 0}
.po-mais .sec-h{margin-bottom:18px}

@media(max-width:900px){.po-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .po-h1{font-size:clamp(26px,8vw,34px)}
  .po-corpo{font-size:16px}
  .po-corpo p:first-child::first-letter{font-size:2.6em}
  .po-capa img{aspect-ratio:4/3}
}

/* ---------- materia: leitura mais viva ---------- */
.po-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none}
.po-prog i{display:block;height:100%;background:var(--oliva);transform-origin:0 50%;transform:scaleX(0);transition:transform .12s linear}
.po-capa--gen{position:relative;aspect-ratio:16/7;overflow:hidden;background:var(--pto)}
.po-capa--gen .cg,.po-prox-cap .cg{position:absolute;inset:0;width:100%;height:100%;display:block}
.po-indice{max-width:72ch;margin:clamp(26px,3.4vw,44px) auto 0;border-top:1px solid var(--ink);padding-top:14px}
.po-indice-t{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);margin-bottom:6px}
.po-indice ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.po-indice a{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--t3);font-weight:var(--w6);line-height:1.3;color:var(--ink);transition:padding-left .25s cubic-bezier(.2,.7,.2,1)}
.po-indice a b{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.1em;color:var(--oliva);font-variant-numeric:tabular-nums}
.po-indice a:hover,.po-indice a.on{padding-left:6px}
.po-indice a.on span{text-decoration:underline;text-underline-offset:3px}
.po-corpo--num{counter-reset:cap}
.po-corpo--num h2::before{counter-increment:cap;content:counter(cap,decimal-leading-zero);display:block;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;color:var(--oliva);margin-bottom:8px}
.po-corpo a.po-gen{text-decoration:none;font-weight:var(--w7);border-bottom:1.5px solid var(--oliva);background:linear-gradient(rgba(114,128,80,.18),rgba(114,128,80,.18)) no-repeat 0 100%/100% 0;transition:background-size .25s ease}
.po-corpo a.po-gen:hover{background-size:100% 100%}
.po-prod{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;background:var(--box);padding:18px;margin:2em 0!important}
.po-prod-img{display:block;aspect-ratio:1;overflow:hidden;background:#fff}
.po-prod-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);margin:0}
.po-prod:hover .po-prod-img img{transform:scale(1.04)}
.po-prod figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;text-align:left;font-size:inherit;color:var(--ink)}
.po-prod-e{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva)}
.po-prod b{font-size:var(--t6);font-weight:var(--w8);line-height:1.1;text-transform:uppercase}
.po-prod small{font-size:var(--t3);color:var(--mute)}
.po-prod-p{font-size:var(--t4);font-weight:var(--w7);margin-top:4px}
.po-prod .btn-o{margin-top:8px}
.po-share{max-width:72ch;margin:clamp(30px,4vw,48px) auto 0;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.po-share>span{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-right:8px}
.po-share a,.po-share button{border:1.5px solid var(--ink);background:none;font:inherit;font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;color:var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease}
.po-share a:hover,.po-share button:hover{background:var(--pto);color:#fff}
.po-share button.ok{background:var(--oliva);border-color:var(--oliva);color:#fff}
.po-prox{display:grid;grid-template-columns:1fr 1.1fr;background:var(--pto);color:var(--cream);max-width:1180px;margin:clamp(40px,5vw,72px) auto 0}
.po-prox-cap{position:relative;overflow:hidden;min-height:260px}
.po-prox-cap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.po-prox-cap .cg{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.po-prox:hover .po-prox-cap img,.po-prox:hover .po-prox-cap .cg{transform:scale(1.04)}
.po-prox-t{padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-content:center}
.po-prox .po-eye{color:rgba(255,255,255,.6);justify-content:flex-start}
.po-prox h2{font-size:clamp(24px,2.8vw,40px);font-weight:var(--w8);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.po-prox p{color:rgba(255,255,255,.72);font-size:var(--t4);line-height:1.55;max-width:48ch}
.po-prox .btn-o{border-color:var(--cream);color:var(--cream);margin-top:6px;transition:background .16s ease,color .16s ease}
.po-prox:hover .btn-o{background:var(--cream);color:var(--pto)}
@media(max-width:900px){.po-prox{grid-template-columns:1fr}.po-prox-cap{aspect-ratio:16/9;min-height:0}}
@media(max-width:560px){.po-indice ol{grid-template-columns:1fr}.po-prod{grid-template-columns:1fr}.po-capa--gen{aspect-ratio:4/3}}


/* REGRA 20/09/2026 (Artur): nada que pareca feito por IA.
   Sem numeracao decorativa 01/02 e sem caixa creme; o fundo do site e branco
   e o conteudo alinha na mesma margem da home. */
.art-cap .cg-n { display: none; }

section.bg-guia {
  background: #fff;
  border-top: 1px solid var(--line);
  padding-left: 0;
  padding-right: 0;
}
section.bg-guia a > b { display: none; }
section.bg-guia a { grid-template-columns: 1fr 15px; }

.bg-idx a > b.bg-li-n { display: none; }
.bg-idx a { grid-template-columns: 1fr minmax(0, 195px) 20px; }

/* materia: sem numero acima dos subtitulos e sem numero no indice "Neste texto" */
.po-corpo--num h2::before { content: none; display: none; }
.po-indice ol a > b { display: none; }

/* LEITURA DO ARTIGO 23/09 (Artur): medida de leitura, justificacao com hifenizacao,
   hierarquia de titulos e respiro entre blocos. */
.po-corpo {
  max-width: 68ch;
  margin-inline: auto;
  font-size: 18.5px;
  line-height: 1.75;
}
.po-corpo p {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  margin: 0 0 1.35em;
}
.po-corpo h2 {
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: -.01em;
  margin: 2.2em 0 .6em;
}
.po-corpo h3 {
  font-size: 20px;
  line-height: 1.25;
  margin: 1.8em 0 .5em;
}
.po-corpo ul, .po-corpo ol { margin: 0 0 1.35em; padding-left: 1.3em; }
.po-corpo li { margin-bottom: .5em; text-align: justify; hyphens: auto; }
.po-corpo strong { font-weight: var(--w7); }
.po-corpo blockquote {
  margin: 2em 0;
  padding: 0 0 0 20px;
  border-left: 2px solid var(--line);
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
}
.po-corpo img { border-radius: 10px; margin: 1.8em 0; }
.po-corpo a { text-decoration: underline; text-underline-offset: 3px; }
.po-indice, .po-share { max-width: 68ch; margin-inline: auto; }

/* no celular, texto alinhado a esquerda: justificar em coluna estreita abre buracos */
@media (max-width: 700px) {
  .po-corpo { font-size: 17px; line-height: 1.7; }
  .po-corpo p, .po-corpo li { text-align: left; }
  .po-corpo h2 { font-size: 22px; margin-top: 1.8em; }
  .po-corpo h3 { font-size: 18px; }
}

/* barra de progresso de leitura */
.po-progresso {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 2px;
  z-index: 9999;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}
.po-progresso.on { opacity: 1; }
.po-progresso span {
  display: block;
  height: 100%;
  background: var(--pto);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .08s linear;
}

/* RITMO DE LEITURA (23/09, Artur): o artigo era uma coluna unica de texto do inicio
   ao fim. Aqui entram entrada maior, fotos alternando lado, citacao destacada,
   marcacao de secao e fechamento. No celular tudo volta a uma coluna. */

/* entrada: o primeiro paragrafo puxa o leitor */
.po-corpo > p:first-of-type {
  font-size: 21px;
  line-height: 1.6;
  text-align: left;
}

/* fotos alternando esquerda e direita, texto correndo ao lado */
.po-corpo figure {
  margin: 8px 0 26px;
}
@media (min-width: 861px) {
  .po-corpo figure {
    width: 46%;
    max-width: 380px;
  }
  .po-corpo figure:nth-of-type(odd) {
    float: left;
    margin: 6px 32px 22px 0;
    shape-outside: margin-box;
  }
  .po-corpo figure:nth-of-type(even) {
    float: right;
    margin: 6px 0 22px 32px;
  }
  .po-corpo h2 { clear: both; }
}
.po-corpo figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  margin: 0;
}
.po-corpo figcaption {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--cinza, #6b6b6b);
  margin-top: 8px;
  padding-left: 10px;
  border-left: 2px solid var(--line, #d8d8d8);
}

/* citacao destacada: respira e quebra o bloco de texto */
.po-corpo blockquote {
  clear: both;
  margin: 40px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--pto);
  border-bottom: 1px solid var(--pto);
  padding-block: 24px;
  font-size: 25px;
  line-height: 1.32;
  letter-spacing: -.01em;
  font-weight: var(--w7, 700);
  text-align: left;
}
.po-corpo blockquote p { margin: 0; text-align: left; }

/* marcacao de secao */
.po-corpo h2 {
  position: relative;
  padding-top: 18px;
}
.po-corpo h2::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 36px; height: 2px;
  background: var(--pto);
}

/* paragrafo de fechamento, quando marcado com <em> solto */
.po-corpo > p > em:only-child {
  display: block;
  font-style: normal;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--cinza, #6b6b6b);
  border-top: 1px solid var(--line, #d8d8d8);
  padding-top: 18px;
  margin-top: 10px;
}

@media (max-width: 860px) {
  .po-corpo > p:first-of-type { font-size: 19px; }
  .po-corpo figure { width: 100%; max-width: none; float: none !important; margin: 18px 0 24px !important; }
  .po-corpo blockquote { font-size: 20px; margin: 30px 0; padding-block: 18px; }
}

/* a capitular e so da abertura do texto, nunca da citacao */
.po-corpo blockquote p:first-child::first-letter {
  float: none;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}

/* SC 09/10/2026 (Artur): materia com as mesmas bordas da grade de produtos da home; card de produto no meio do texto fica em faixa (sem float) */
.po-topo,.po-corpo,.po-capa,.po-cit{max-width:none;margin-inline:0}
.po-dek{max-width:none}
.po-corpo .po-prod{float:none;max-width:none;width:100%;grid-template-columns:200px 1fr}
@media(max-width:560px){.po-corpo .po-prod{grid-template-columns:1fr}}

/* ===== SC 09/10/2026 (Artur): "vida" na materia ===== */
.po-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:clamp(30px,4vw,56px)}
.po-grid .po-corpo{margin-top:0}
.po-rail .po-indice{margin:0}
@media(min-width:1100px){
  .po-grid--rail{grid-template-columns:minmax(0,1fr) 280px;gap:clamp(40px,6vw,96px);align-items:start}
  .po-rail{position:sticky;top:96px;order:2}
  .po-rail .po-indice{border-top:2px solid var(--ink);padding-top:14px}
  .po-rail .po-indice ol{display:block}
  .po-rail .po-indice li{border-bottom:1px solid var(--line)}
  .po-rail .po-indice a{display:flex;gap:12px;align-items:baseline;padding:10px 0;font-size:var(--t3);text-decoration:none}
  .po-rail .po-indice a b{font-size:var(--t1);letter-spacing:.14em;color:var(--oliva);font-weight:var(--w7)}
  .po-rail .po-indice a:hover span{text-decoration:underline;text-underline-offset:3px}
}
/* capitulos */
.po-corpo .cap{margin-top:clamp(44px,6vw,80px);padding-top:clamp(22px,3vw,34px);border-top:1px solid var(--line)}
.po-corpo .cap--intro{margin-top:0;padding-top:0;border-top:0}
.po-corpo .cap>*+*{margin-top:1.25em}
.po-corpo .cap h2{margin-top:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:end;font-size:clamp(26px,2.6vw,36px)}
.po-corpo .cap-n{font-size:clamp(64px,9vw,120px);line-height:.78;font-weight:var(--w8);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--ink);transform:translateY(.06em)}
.po-corpo .cap-t{padding-bottom:.08em}
.po-corpo .cap h2+.lead{margin-top:1.1em}
.po-corpo .lead{font-size:1.22em;line-height:1.5;font-weight:var(--w5);color:var(--ink);max-width:62ch}
.po-corpo .cap h3{margin-top:2em}
/* glossario em cards */
.po-corpo .gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin:1.4em 0 .4em}
.po-corpo .gl div{border-top:2px solid var(--ink);padding-top:10px;margin:0}
.po-corpo .gl dt{font-weight:var(--w8);text-transform:uppercase;letter-spacing:.04em;font-size:var(--t4);line-height:1.15}
.po-corpo .gl dd{margin:6px 0 0;font-size:.95em;line-height:1.55;color:var(--mute)}
.po-corpo .gl dd strong{color:var(--ink)}
@media(max-width:700px){.po-corpo .gl{grid-template-columns:1fr}}
/* passos numerados (capitulo com 5+ subtitulos) */
.po-corpo .cap--passos{counter-reset:passo}
.po-corpo .cap--passos h3{counter-increment:passo;display:flex;align-items:center;gap:14px;margin-top:2.2em}
.po-corpo .cap--passos h3::before{content:counter(passo,decimal-leading-zero);flex:0 0 auto;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.18em;color:var(--oliva);border:1px solid var(--oliva);border-radius:999px;padding:7px 10px 6px 12px;line-height:1}
.po-corpo .cap--passos h3+p{margin-left:17px;padding-left:28px;border-left:1px solid var(--line);margin-top:.9em}
/* notas */
.po-corpo .nota{background:var(--box);border-left:3px solid var(--oliva);padding:18px 22px;font-size:.96em;line-height:1.6}
.po-corpo .nota-l{display:block;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.18em;text-transform:uppercase;color:var(--oliva);margin-bottom:6px}
/* aviso legal */
.po-corpo .po-legal{font-size:.92em;color:var(--mute);line-height:1.6}
.po-corpo .cap p:first-child::first-letter{font-size:inherit;float:none;padding:0;font-weight:inherit;line-height:inherit}
.po-corpo .cap--intro>p:first-child::first-letter{font-size:3.1em;font-weight:var(--w8);float:left;line-height:.82;padding:.06em .12em 0 0}
.po-corpo .gl dd::first-letter{text-transform:uppercase}
.po-rail .po-indice a b{display:inline-block!important}

/* SC 09/10/2026 (Artur), 2a rodada: sem coluna lateral e sem numeral; texto justificado; tabelas e listas com cara de editorial */
.po-grid,.po-grid--rail{display:block}
.po-rail{display:none}
.po-corpo .cap-n{display:none}
.po-corpo .cap h2{display:block}
.po-corpo p,.po-corpo li,.po-corpo dd{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
.po-corpo .lead{max-width:none}
.po-indice--chips{margin:clamp(22px,3vw,34px) 0 0}
.po-indice--chips .po-indice-t{font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);margin-bottom:10px}
.po-indice--chips .guia-indice{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.po-indice--chips .guia-indice a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:var(--t2);font-weight:var(--w6);text-decoration:none}
.po-indice--chips .guia-indice a:hover{border-color:var(--ink);background:var(--box)}
.po-corpo table{margin:1.4em 0;border-top:2px solid var(--ink);font-size:.95em}
.po-corpo thead th{font-size:var(--t1);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:12px 12px 10px;border-bottom:1px solid var(--ink)}
.po-corpo td{padding:12px;vertical-align:top;line-height:1.5;text-align:left}
.po-corpo td:first-child{font-weight:var(--w7);white-space:nowrap}
.po-corpo tbody tr:nth-child(even) td{background:var(--box)}
.po-corpo ul,.po-corpo ol{padding-left:0;list-style:none;margin:1.2em 0}
.po-corpo ul li{position:relative;padding-left:22px}
.po-corpo ul li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:9px;background:var(--oliva)}
.po-corpo ol{counter-reset:li}
.po-corpo ol li{position:relative;padding-left:34px;counter-increment:li}
.po-corpo ol li::before{content:counter(li,decimal-leading-zero);position:absolute;left:0;top:.15em;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.1em;color:var(--oliva)}
.po-corpo li+li{margin-top:.55em}
.po-corpo .guia-indice li{padding-left:0}
.po-corpo .guia-indice li::before{display:none}
@media(max-width:700px){.po-corpo table{display:block;overflow-x:auto}.po-corpo td:first-child{white-space:normal}}
.po-corpo .gl--lista{grid-template-columns:1fr;gap:14px}
/* glossario com icone */
.po-corpo .gl .gl-i{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}
.po-corpo .gl-ic{display:block;width:56px;height:56px;color:var(--ink);margin-top:2px}
.po-corpo .gl-ic svg{width:100%;height:100%;display:block}
.po-corpo .gl-tx{min-width:0}

/* calculadora de gastos de cultivo */
.sc-calc{border-top:2px solid var(--ink);padding-top:22px;margin:1.6em 0}
.sc-calc--bloq{background:var(--box);padding:28px;text-align:center;border-top:0}
.sc-calc-k{display:block;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);margin-bottom:8px}
.sc-calc-t{margin:0 auto;max-width:48ch;text-align:center!important}
.sc-calc-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px!important}
.sc-calc-top label{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-weight:var(--w7);font-size:var(--t3)}
.sc-calc input{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);padding:8px 10px;width:100%;min-width:0}
.sc-calc-top input{width:110px}
.sc-calc input:focus{outline:none;border-color:var(--ink)}
.sc-calc-dica{font-size:var(--t2);color:var(--mute);margin-top:8px!important;text-align:left!important}
.sc-calc-fase{margin-top:30px}
.sc-calc-fase h3{display:flex;align-items:baseline;gap:12px;margin:0 0 8px!important}
.sc-calc-fase h3 small{font-size:var(--t2);font-weight:var(--w5);color:var(--mute)}
.sc-calc table{margin:8px 0 12px!important;width:100%}
.sc-calc td{padding:6px 8px!important;white-space:normal!important;font-weight:inherit!important}
.sc-calc .i-w,.sc-calc .i-h,.sc-calc .i-d{width:80px;text-align:right}
.sc-calc .sc-kwh,.sc-calc .sc-rs{text-align:right;white-space:nowrap!important}
.sc-calc tfoot td{font-weight:var(--w7)!important;border-top:1px solid var(--ink);border-bottom:0}
.sc-calc tfoot td:first-child{text-align:right}
.sc-del{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:var(--mute)}
.sc-del:hover{color:var(--ink)}
.sc-calc-res{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.sc-calc-res div{border-top:2px solid var(--ink);padding-top:10px}
.sc-calc-res span{display:block;font-size:var(--t1);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sc-calc-res b{display:block;font-size:clamp(20px,2.2vw,28px);font-weight:var(--w8);margin-top:4px}
@media(max-width:700px){.sc-calc-res{grid-template-columns:1fr 1fr}.sc-calc table{display:block;overflow-x:auto}.sc-calc .i-n{min-width:140px}}
/* h3 de destaque: com fio e kicker */
.po-corpo .cap h3{padding-top:14px;border-top:1px solid var(--line);font-size:clamp(20px,1.9vw,26px)}
.po-corpo .cap--passos h3{border-top:0;padding-top:0}
/* glossario com foto */
.po-corpo .gl .gl-f{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}
.po-corpo .gl-ft{display:block;aspect-ratio:1;overflow:hidden;background:var(--box)}
.po-corpo .gl-ft img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05);margin:0}
@media(max-width:700px){.po-corpo .gl .gl-f{grid-template-columns:88px 1fr;gap:12px}}
/* diagramas de cruza */
.po-corpo .po-diag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:1.6em 0}
.po-corpo .po-diag .dg-p{margin:0;border-top:2px solid var(--ink);padding-top:10px}
.po-corpo .po-diag figcaption{text-align:left;margin:0 0 6px;color:var(--ink)}
.po-corpo .po-diag figcaption b{display:block;font-size:var(--t5);font-weight:var(--w8);text-transform:uppercase;letter-spacing:.02em}
.po-corpo .po-diag figcaption span{display:block;font-size:var(--t2);color:var(--mute)}
.po-corpo .dg{width:100%;height:auto;display:block;color:var(--ink);font-family:inherit}
.po-corpo .dg .dg-l{fill:currentColor;stroke:none;font-size:13px;font-weight:800}
.po-corpo .dg .dg-s{fill:var(--mute);stroke:none;font-size:10.5px;font-weight:500}
.po-corpo .dg .dg-x{fill:currentColor;stroke:none;font-size:18px;font-weight:300}
@media(max-width:900px){.po-corpo .po-diag{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.po-corpo .po-diag{grid-template-columns:1fr}}
/* o tema pai flutua figure com max-width 380px; dentro da materia, nunca */
.po-corpo figure{float:none!important;max-width:none!important;width:auto}
.po-corpo .po-diag .dg-p{width:100%}
.po-corpo .dg .dg-l{font-size:15px}
.po-corpo .dg .dg-s{font-size:11.5px}
/* codigos de geracao: diagrama + texto, um por linha */
.po-corpo .po-cruza{margin:1.4em 0;border-top:2px solid var(--ink)}
.po-corpo .cz{display:grid;grid-template-columns:300px 1fr;gap:12px 40px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.po-corpo .cz-d .dg{max-width:300px}
.po-corpo .cz-t h4{margin:0 0 10px;display:flex;align-items:baseline;gap:12px;text-transform:none;letter-spacing:0}
.po-corpo .cz-t h4 b{font-size:clamp(22px,2.2vw,30px);font-weight:var(--w8);letter-spacing:-.01em}
.po-corpo .cz-t h4 span{font-size:var(--t2);font-weight:var(--w7);letter-spacing:.14em;text-transform:uppercase;color:var(--oliva)}
.po-corpo .cz-t p{margin:0;padding:8px 0;border-top:1px solid var(--line);font-size:.95em;line-height:1.5;text-align:left}
.po-corpo .cz-t p:first-of-type{border-top:0}
.po-corpo .cz-t p i{display:block;font-style:normal;font-size:var(--t1);font-weight:var(--w7);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
@media(max-width:760px){.po-corpo .cz{grid-template-columns:1fr}.po-corpo .cz-d .dg{max-width:280px;margin:0 auto}}
/* blocos de cruza com diagrama largo em cima */
.po-corpo .cz--w{grid-template-columns:1fr}
.po-corpo .cz--w .cz-d{order:2;margin-top:6px}
.po-corpo .cz--w .cz-d .dg{max-width:760px}
.po-corpo .dg .dg-k{fill:currentColor;stroke:none;font-size:14px;font-weight:800;letter-spacing:.08em}
.po-corpo .dg .dg-inv{fill:#fff}
/* glossario: uma linha so entre itens; o primeiro sem linha (pedido de 09/10) */
.po-corpo .gl > div{border-top:1px solid var(--ink)}
.po-corpo .gl .gl-tx{border-top:0;padding-top:0}
.po-corpo .gl--lista > div:first-child{border-top:0;padding-top:0}
.po-corpo .gl:not(.gl--lista){border-top:0}
.po-corpo .gl:not(.gl--lista) > div:nth-child(-n+2){border-top:0;padding-top:0}

/* tabela de precos: faixa nao quebra */
.po-corpo .tb-precos td:nth-child(2),.po-corpo .tb-precos th:nth-child(2){white-space:nowrap}

/* 09/10 noite (Artur): chips do indice alinhados; passos sem numero */
.po-indice--chips .guia-indice{align-items:stretch}
.po-indice--chips .guia-indice li,.po-corpo .guia-indice li{margin:0!important;padding:0!important;display:flex}
.po-indice--chips .guia-indice a,.po-corpo .guia-indice a{display:inline-flex;align-items:center;line-height:1.25;padding:10px 18px}
.po-corpo .cap--passos h3{display:block;gap:0}
.po-corpo .cap--passos h3::before{content:none;display:none}
.po-corpo .cap--passos h3+p{margin-left:0;padding-left:0;border-left:0}