/* Página Agronegócio — complementa style.css da home */

/* ABERTURA */
.agro-film .film-shade{background:linear-gradient(180deg,rgba(8,23,15,.62) 0%,rgba(8,23,15,.42) 48%,rgba(8,23,15,.82) 100%)}
.film-title{position:absolute;z-index:2;left:0;right:0;top:46%;transform:translateY(-50%);text-align:center;padding:0 24px}
.film-title h1{font-size:clamp(46px,9vw,112px);font-weight:600;letter-spacing:-.04em;line-height:1.02;text-shadow:0 2px 40px rgba(0,0,0,.45)}
.film-title p{margin:18px auto 0;max-width:640px;font-size:clamp(18px,2.3vw,26px);color:rgba(255,255,255,.9);letter-spacing:-.018em;text-shadow:0 2px 24px rgba(0,0,0,.5)}

/* SEÇÕES */
.sec{padding:130px 0;position:relative}
.sec h2{font-size:clamp(32px,5vw,56px);font-weight:600;letter-spacing:-.032em;line-height:1.08}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.5;max-width:700px;margin-top:20px;letter-spacing:-.012em}
.eyebrow-g{font-size:14px;font-weight:600;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.narrow{max-width:820px}

/* POR QUE ANALISAR */
.why{background:var(--green-x);color:#fff}
.why .lead{color:rgba(255,255,255,.74)}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.col{border-top:1px solid rgba(201,169,97,.55);padding-top:24px}
.col h3{font-size:28px;font-weight:600;letter-spacing:-.025em}
.col p{margin-top:10px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.7)}
.why-note{margin-top:56px;font-size:clamp(22px,3vw,34px);font-weight:600;letter-spacing:-.03em;color:var(--gold)}

/* ASSUNTOS (abas) */
.topics{background:var(--ivory);color:var(--ink)}
.topics .lead{color:var(--ink2)}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0 26px}
.tab{appearance:none;border:1px solid rgba(26,61,46,.28);background:transparent;color:var(--ink);padding:12px 20px;border-radius:980px;font:500 16px/1.2 var(--font);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.tab:hover{border-color:var(--green);transform:translateY(-1px)}
.tab:focus-visible,.opt:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.tab[aria-selected="true"]{background:var(--green);border-color:var(--green);color:#fff}
.panel{background:#fbf9f4;border:1px solid rgba(26,61,46,.08);border-radius:28px;padding:42px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;animation:fade .45s var(--ease)}
.panel[hidden]{display:none}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.panel h3{font-size:30px;font-weight:600;letter-spacing:-.028em;line-height:1.12}
.panel>div:first-child p{margin-top:12px;font-size:18px;color:var(--ink2);line-height:1.45}
.panel h4{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:12px}
.panel ul{list-style:none;display:grid;gap:10px}
.panel li{position:relative;padding-left:20px;font-size:16.5px;line-height:1.45;color:var(--ink)}
.panel li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--gold)}

/* DIAGNÓSTICO */
.tool{background:var(--green);color:#fff;overflow:hidden}
.tool::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 420px at 80% 0%,rgba(201,169,97,.14),transparent 70%);pointer-events:none}
.tool .wrap{position:relative}
.tool .lead{color:rgba(255,255,255,.76)}
.quiz{max-width:860px;margin:48px auto 0;background:rgba(8,23,15,.38);border:1px solid rgba(201,169,97,.28);border-radius:28px;padding:40px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bar{height:3px;background:rgba(255,255,255,.14);border-radius:3px;margin-bottom:30px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .45s var(--ease)}
.q-count{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.q-title{font-size:clamp(24px,3.3vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.15}
.q-hint{margin-top:8px;font-size:15px;color:rgba(255,255,255,.6)}
.opts{display:grid;gap:12px;margin-top:26px}
.opt{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#fff;font:400 18px/1.35 var(--font);cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.opt:hover{border-color:var(--gold);background:rgba(201,169,97,.12);transform:translateX(3px)}
.opt[aria-pressed="true"]{border-color:var(--gold);background:rgba(201,169,97,.22)}
.opt .chk{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);position:relative;transition:background .2s,border-color .2s}
.opt.multi .chk{border-radius:6px}
.opt[aria-pressed="true"] .chk{background:var(--gold);border-color:var(--gold)}
.opt[aria-pressed="true"] .chk::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid var(--green-x);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.q-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px;flex-wrap:wrap}
.q-nav .btn{border:0;cursor:pointer;font-family:var(--font)}
.q-nav .btn[disabled]{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn.ghost{cursor:pointer;font-family:var(--font)}

/* RESULTADO */
.result{max-width:960px;margin:48px auto 0}
.result[hidden]{display:none}
.res-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap}
.res-head h3{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.res-sub{margin-top:8px;color:rgba(255,255,255,.72);font-size:17px;max-width:560px}
.res-block{margin-top:40px}
.res-block>h4{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.flag{border-left:3px solid var(--gold);padding:14px 18px;margin:10px 0;background:rgba(255,255,255,.06);border-radius:0 14px 14px 0;font-size:17px;line-height:1.5;color:rgba(255,255,255,.92)}
.flag b{color:#fff}
.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.path{background:#fbf9f4;color:var(--ink);border-radius:22px;padding:24px}
.path h5{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.path p{font-size:15.5px;line-height:1.45;color:var(--ink2)}
.path p+p{margin-top:8px}
.path b{color:var(--ink)}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px;list-style:none}
.docs li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.4;color:rgba(255,255,255,.88)}
.docs li::before{content:"";position:absolute;left:0;top:.28em;width:14px;height:14px;border:1.5px solid var(--gold);border-radius:4px}
.res-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.res-cta .btn{cursor:pointer;border:0;font-family:var(--font)}
.res-cta .btn.ghost{border:0}
.res-note{margin-top:28px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.55);max-width:700px}

/* MÉTODO */
.method{background:var(--green-x);color:#fff}
.method .lead{color:rgba(255,255,255,.74)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.steps li{border-top:1px solid rgba(201,169,97,.55);padding-top:22px}
.steps b{display:block;font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--gold);line-height:1}
.steps h3{margin-top:14px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.steps p{margin-top:8px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.68)}

/* FAQ */
.faq{background:var(--ivory);color:var(--ink)}
.faq details{border-bottom:1px solid rgba(26,61,46,.16);padding:6px 0}
.faq details:first-of-type{margin-top:36px;border-top:1px solid rgba(26,61,46,.16)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-size:clamp(18px,2.2vw,22px);font-weight:600;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--gold);font-size:20px;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 50px 22px 0;font-size:17px;line-height:1.55;color:var(--ink2)}

@media(max-width:900px){
  .cols3,.steps{grid-template-columns:1fr 1fr}
  .panel{grid-template-columns:1fr;padding:30px;gap:26px}
  .paths,.docs{grid-template-columns:1fr}
}
@media(max-width:734px){
  .sec{padding:92px 0}
  .cols3,.steps{grid-template-columns:1fr}
  .quiz{padding:26px 20px}
  .tabs{gap:8px}.tab{font-size:15px;padding:11px 16px}
  .film-title{top:42%}
  .faq details p{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.panel{animation:none}.opt:hover{transform:none}}

/* IMPRESSÃO / SALVAR EM PDF: só o mapa do resultado */
@media print{
  body.imprimindo{background:#fff!important}
  body.imprimindo .nav,body.imprimindo .film,body.imprimindo .why,body.imprimindo .topics,body.imprimindo .quiz,body.imprimindo .eyebrow-g,body.imprimindo .tool>.wrap>h2,body.imprimindo .tool>.wrap>.lead,body.imprimindo .method,body.imprimindo .faq,body.imprimindo .contact,body.imprimindo .res-cta,body.imprimindo footer{display:none!important}
  body.imprimindo .tool{background:#fff!important;color:#111!important;padding:0!important}
  body.imprimindo .tool::before{display:none}
  body.imprimindo .result{margin:0;max-width:none}
  body.imprimindo .res-head h3,body.imprimindo .flag,body.imprimindo .docs li,body.imprimindo .res-sub{color:#111!important}
  body.imprimindo .flag{background:#f4f1ea!important;border-left-color:#8f7536}
  body.imprimindo .path{border:1px solid #ccc}
  body.imprimindo .res-note{color:#555!important}
  body.imprimindo .res-block>h4{color:#8f7536!important}
  body.imprimindo .print-head{display:block!important}
}
.print-head{display:none;margin-bottom:18px;font-size:13px;color:#555}

.flag b,.path b,.docs b{font-weight:600}

/* DIAGNÓSTICO POR ASSUNTO */
.topic-grid{grid-template-columns:repeat(2,1fr)}
.opt.topic{justify-content:space-between;padding:20px 22px;min-height:96px}
.opt.topic .tp{display:grid;gap:4px}
.opt.topic .tp b{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.opt.topic .tp small{font-size:14.5px;color:rgba(255,255,255,.65);font-weight:400}
.go-arrow{flex:none;font-size:22px;color:var(--gold);transition:transform .25s var(--ease)}
.opt.topic:hover .go-arrow{transform:translateX(5px)}
.q-topic{font-size:13px;font-weight:500;color:rgba(255,255,255,.55);margin-bottom:6px}
.res-topic{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.go{margin-top:20px;appearance:none;background:transparent;color:var(--green);border:0;box-shadow:inset 0 0 0 1.5px var(--green);padding:12px 20px;border-radius:980px;font:500 15.5px/1.2 var(--font);cursor:pointer;transition:background .25s,color .25s,transform .25s var(--ease)}
.go:hover{background:var(--green);color:#fff;transform:translateY(-1px)}
.go:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:734px){.topic-grid{grid-template-columns:1fr}}

/* faixa de assuntos dentro do diagnóstico (em sintonia com as abas) */
.qtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.qtab{appearance:none;border:1px solid rgba(255,255,255,.26);background:transparent;color:rgba(255,255,255,.82);padding:8px 15px;border-radius:980px;font:500 14.5px/1.2 var(--font);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.qtab:hover{border-color:var(--gold);color:#fff}
.qtab[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--green-x)}
.qtab:focus-visible{outline:2px solid var(--gold);outline-offset:3px}