/* ===== AgriTax — camada institucional (clean / vidro). Não altera styles.css ===== */

/* --- ritmo e respiro --- */
.secao{padding-block:clamp(4.5rem,10vw,8rem)}
.centralizado{text-align:center}
.centralizado .intro-secao{margin-inline:auto}
.cabecalho-secao{max-width:760px;margin-inline:auto;margin-bottom:clamp(2.6rem,5vw,4rem)}

.sobretitulo{font-family:var(--display);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-escuro);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.sobretitulo-centro{justify-content:center}
.sobretitulo-claro,.sobretitulo-milho{color:var(--milho)}
.intro-secao{margin-top:1rem;max-width:62ch;font-size:1.06rem;color:var(--grafite-claro);line-height:1.6}
.intro-secao-clara{color:#C3D2A6}

h2{letter-spacing:-.025em;font-size:clamp(1.9rem,3.6vw,3rem)}

/* --- brilhos de fundo que dão profundidade ao vidro --- */
.com-brilho{position:relative;isolation:isolate;overflow:hidden}
.com-brilho::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 55% at 12% 8%,rgba(152,192,48,.16),transparent 60%),
  radial-gradient(50% 45% at 88% 92%,rgba(245,185,20,.12),transparent 60%)}
.brilho-escuro::before{background:
  radial-gradient(55% 50% at 15% 12%,rgba(152,192,48,.20),transparent 62%),
  radial-gradient(50% 45% at 85% 88%,rgba(245,185,20,.12),transparent 58%)}

/* --- animações --- */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .reveal.visivel{opacity:1;transform:none}
  .reveal-grupo>*{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
  .reveal-grupo.visivel>*{opacity:1;transform:none}
  .reveal-grupo.visivel>*:nth-child(1){transition-delay:.04s}
  .reveal-grupo.visivel>*:nth-child(2){transition-delay:.10s}
  .reveal-grupo.visivel>*:nth-child(3){transition-delay:.16s}
  .reveal-grupo.visivel>*:nth-child(4){transition-delay:.22s}
  .reveal-grupo.visivel>*:nth-child(5){transition-delay:.28s}
  .reveal-grupo.visivel>*:nth-child(6){transition-delay:.34s}
}

/* --- topo em vidro (flutuante) --- */
section[id]{scroll-margin-top:108px}
header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid rgba(36,52,9,.07);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s ease,background .3s ease,box-shadow .3s ease}
/* some enquanto a página está no topo; JS adiciona/remove .oculto */
header.oculto{transform:translateY(-100%);opacity:0;pointer-events:none}
header.rolado{background:rgba(255,255,255,.9);box-shadow:0 1px 30px rgba(36,52,9,.1)}
.topo .btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}

/* --- botões --- */
.btn{transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,background .2s ease}
.btn-primario{box-shadow:0 10px 26px rgba(152,192,48,.34)}
.btn-primario:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(152,192,48,.44)}
.btn-primario:active{transform:translateY(0)}
.btn-vidro{background:rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--branco);border-color:rgba(255,255,255,.35)}
.btn-vidro:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.6)}

.hero-inst{position:relative;isolation:isolate;overflow:hidden;background:var(--verde-noite);text-align:center;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding-block:clamp(3rem,6vh,5rem) clamp(2.5rem,5vh,4rem)}
.hero-inst>.wrap:first-of-type{margin-top:auto}
.hero-inst>.wrap:last-of-type{margin-bottom:auto}
/* camada externa = parallax (JS) | imagem interna = Ken Burns (CSS) */
.hero-fundo{position:absolute;top:-8%;left:0;right:0;height:116%;z-index:-2;overflow:hidden;will-change:transform}
.hero-fundo img{width:100%;height:100%;object-fit:cover;transform-origin:58% 45%;animation:deriva 32s ease-in-out infinite alternate;will-change:transform}
@keyframes deriva{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to{transform:scale(1.15) translate3d(-1.8%,-1.2%,0)}
}
@media (prefers-reduced-motion:reduce){.hero-fundo img{animation:none;transform:scale(1.04)}}
.hero-inst::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(16,25,4,.86) 0%,rgba(20,30,6,.56) 40%,rgba(16,25,4,.9) 100%),
  radial-gradient(62% 48% at 50% 26%,rgba(152,192,48,.18),transparent 70%)}
.hero-inst .sobretitulo{justify-content:center;color:var(--milho)}
.hero-inst h1{color:#fff;font-size:clamp(2.5rem,5.2vw,5.8rem);letter-spacing:-.035em;line-height:.98;max-width:17ch;margin-inline:auto;text-shadow:0 2px 34px rgba(10,16,3,.45)}
.hero-inst h1 em{font-style:normal;color:#fff;background:none;-webkit-text-fill-color:#fff}
.hero-inst .lead{font-size:clamp(1.05rem,1.5vw,1.28rem);max-width:58ch;margin:1.7rem auto 0;color:rgba(255,255,255,.84);text-shadow:0 1px 18px rgba(10,16,3,.45)}
.hero-inst .acoes{justify-content:center;margin-top:2.3rem}
.hero-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.9rem;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;color:#EDF3DE}
.chip svg{width:15px;height:15px;flex:none;color:var(--verde)}

/* painel de vidro com os números */
.hero-painel{position:relative;width:min(1060px,100%);margin:clamp(2.8rem,6vw,4rem) auto 0;background:rgba(255,255,255,.66);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:clamp(18px,2vw,26px);box-shadow:0 30px 70px rgba(10,16,3,.4);padding:clamp(1.7rem,3vw,2.4rem);display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem}
@media(min-width:820px){.hero-painel{grid-template-columns:repeat(4,1fr);gap:0}}
.hero-painel .stat{text-align:center;padding-inline:clamp(.6rem,1.6vw,1.6rem)}
@media(min-width:820px){.hero-painel .stat+.stat{border-left:1px solid rgba(36,52,9,.14)}}
.hero-painel .stat strong{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.55rem,2.8vw,2.3rem);color:var(--verde-noite);line-height:1;letter-spacing:-.02em}
.hero-painel .stat span{display:block;margin-top:.45rem;font-size:.84rem;color:var(--grafite-claro);line-height:1.4}

/* ===== serviços ===== */
.servicos{background:var(--branco)}
.servicos-grid{display:grid;gap:1.3rem}
@media(min-width:700px){.servicos-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.servicos-grid{grid-template-columns:repeat(3,1fr)}}
.servico{background:rgba(255,255,255,.66);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(36,52,9,.07);border-radius:24px;padding:2.1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 36px rgba(36,52,9,.07);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-color .28s ease}
.servico:hover{transform:translateY(-7px);box-shadow:0 28px 62px rgba(36,52,9,.15);border-color:rgba(152,192,48,.45)}
.servico-icone{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,var(--verde-escuro),var(--verde-noite));display:grid;place-items:center;margin-bottom:.4rem;box-shadow:0 10px 22px rgba(36,52,9,.24)}
.servico-icone svg{width:25px;height:25px;color:var(--verde)}
.servico-icone-milho{background:linear-gradient(145deg,#FFCF45,var(--milho));box-shadow:0 10px 22px rgba(245,185,20,.38)}
.servico-icone-milho svg{color:var(--verde-noite)}
.servico h3{font-size:1.13rem;line-height:1.25;letter-spacing:-.01em}
.servico p{font-size:.95rem;flex:1;color:var(--grafite-claro)}
.servico-cta{margin-top:.6rem;font-family:var(--display);font-weight:700;font-size:.94rem;color:var(--verde-escuro);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:gap .22s ease}
.servico-cta:hover{gap:.7rem}
.servico-destaque{background:linear-gradient(150deg,#2E4210,var(--verde-noite));border-color:rgba(152,192,48,.3);box-shadow:0 18px 44px rgba(36,52,9,.3)}
.servico-destaque:hover{border-color:var(--verde);box-shadow:0 30px 68px rgba(36,52,9,.4)}
.servico-destaque h3{color:var(--branco)}
.servico-destaque p{color:#C3D2A6}
.servico-destaque .servico-cta{color:var(--milho)}

/* ===== segmentos (faixa compacta) ===== */
.segmentos{background:var(--branco)}
.segmentos-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:680px){.segmentos-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1040px){.segmentos-grid{grid-template-columns:repeat(6,1fr)}}
.segmento{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:1.7rem 1rem;background:rgba(255,255,255,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(36,52,9,.08);border-radius:20px;box-shadow:0 8px 26px rgba(36,52,9,.06);transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s ease,border-color .26s ease}
a.segmento{text-decoration:none}
.segmento:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(36,52,9,.12);border-color:rgba(152,192,48,.45)}
.segmento-ico{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--verde-escuro),var(--verde-noite));display:grid;place-items:center;box-shadow:0 8px 18px rgba(36,52,9,.2)}
.segmento-ico svg{width:22px;height:22px;color:var(--verde)}
.segmento h3{font-size:.95rem;line-height:1.25;color:var(--verde-noite)}

/* ===== diferenciais com foto de fundo ===== */
.bento{position:relative;isolation:isolate;overflow:hidden;background:var(--verde-noite)}
.bento-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bento::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(16,25,4,.9) 0%,rgba(20,30,6,.68) 45%,rgba(16,25,4,.9) 100%),
  radial-gradient(58% 45% at 50% 20%,rgba(152,192,48,.16),transparent 70%)}
.bento h2{color:var(--branco)}
.bento .sobretitulo{color:var(--milho)}
.bento .intro-secao{color:#D9E3C4}
.bento-grid{display:grid;gap:1.2rem}
@media(min-width:760px){.bento-grid{grid-template-columns:repeat(2,1fr)}}
.bento-item{border-radius:26px;padding:2.1rem;background:rgba(255,255,255,.7);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 56px rgba(10,16,3,.34);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,background .28s ease}
.bento-item:hover{transform:translateY(-6px);background:rgba(255,255,255,.8);box-shadow:0 34px 72px rgba(10,16,3,.42)}
.bento-item b{display:block;font-family:var(--display);font-size:1.14rem;color:var(--verde-noite);letter-spacing:-.01em;margin-bottom:.55rem}
.bento-item p{font-size:.95rem;color:var(--grafite)}
.bento-citacao{margin:clamp(2.6rem,5vw,3.6rem) auto 0;max-width:840px;text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:clamp(1.8rem,3.5vw,2.6rem);box-shadow:0 22px 54px rgba(10,16,3,.3)}
.bento-citacao blockquote{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.35;letter-spacing:-.015em;color:#fff}
.bento-citacao figcaption{margin-top:1.4rem;font-size:.9rem;color:#C3D2A6}
.bento-citacao figcaption b{display:block;font-family:var(--display);font-size:1.02rem;color:#fff;margin-bottom:.15rem}

/* ===== comparativo ===== */
.comparativo{background:var(--palha)}
.comp-grid{display:grid;gap:1.4rem;align-items:stretch}
@media(min-width:840px){.comp-grid{grid-template-columns:1fr 1fr;gap:1.6rem}}
.comp-card{border-radius:28px;padding:2.3rem;display:flex;flex-direction:column}
.comp-card h3{font-size:1.2rem;margin-bottom:.35rem;letter-spacing:-.01em}
.comp-card .comp-sub{font-size:.88rem;margin-bottom:1.6rem}
.comp-card ul{list-style:none;display:grid;gap:1rem;margin:0}
.comp-card li{display:flex;gap:.75rem;align-items:flex-start;font-size:.96rem;line-height:1.45}
.comp-card li svg{width:20px;height:20px;flex:none;margin-top:.14rem}
.comp-antes{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(36,52,9,.07);box-shadow:0 10px 30px rgba(36,52,9,.06)}
.comp-antes h3{color:var(--grafite)}
.comp-antes .comp-sub{color:var(--grafite-claro)}
.comp-antes li{color:var(--grafite-claro)}
.comp-antes li svg{color:#C4756A}
.comp-depois{background:linear-gradient(150deg,#2E4210,var(--verde-noite));border:1px solid rgba(152,192,48,.3);box-shadow:0 24px 58px rgba(36,52,9,.28);position:relative;overflow:hidden}
.comp-depois::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:var(--verde);opacity:.14}
.comp-depois h3{color:var(--branco)}
.comp-depois .comp-sub{color:var(--milho);font-weight:600}
.comp-depois li{color:#E9F0D6}
.comp-depois li svg{color:var(--verde)}
.comp-cta{margin-top:2.8rem;display:flex;justify-content:center}

/* ===== faixa Reforma ===== */
.destaque-reforma{position:relative;isolation:isolate;background:var(--verde-noite);overflow:hidden}
.destaque-reforma::before{content:"";position:absolute;inset:0;background-image:url('../assets/images/faixa-aerea.jpg');background-size:cover;background-position:center;opacity:.36;z-index:-2}
.destaque-reforma::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(100deg,rgba(23,34,6,.96) 0%,rgba(36,52,9,.86) 46%,rgba(36,52,9,.56) 100%)}
.destaque-grid{display:grid;gap:2.6rem;align-items:center}
@media(min-width:900px){.destaque-grid{grid-template-columns:1.06fr .94fr}}
.destaque-texto h2{color:var(--branco);margin-top:.2rem}
.destaque-texto p{color:#D7E1C0;margin-top:1.2rem;max-width:58ch}
.destaque-texto .acoes{margin-top:2rem}
.destaque-lista ul{list-style:none;display:grid;gap:1.1rem;background:rgba(255,255,255,.08);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:2.1rem;box-shadow:0 22px 54px rgba(12,20,4,.35)}
.destaque-lista li{display:flex;gap:.8rem;align-items:flex-start;color:#EDF3DE;font-size:.96rem;line-height:1.45}
.destaque-lista li svg{width:19px;height:19px;flex:none;margin-top:.15rem;color:var(--milho)}

/* ===== como trabalhamos ===== */
.como{background:var(--palha)}
.como .passos{position:relative;margin-top:0}
@media(min-width:800px){
  .como .passos::before{content:"";position:absolute;top:54px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--verde),var(--milho));z-index:0}
}
.como .passo{position:relative;z-index:1;padding:6rem 2rem 2.1rem;border-radius:26px;border:1px solid rgba(36,52,9,.07);background:rgba(255,255,255,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 36px rgba(36,52,9,.07);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease}
.como .passo:hover{transform:translateY(-6px);box-shadow:0 26px 58px rgba(36,52,9,.14)}
.como .passo::before{content:counter(passo);position:absolute;top:1.7rem;left:1.8rem;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#AED545,var(--verde));color:var(--verde-noite);display:grid;place-items:center;font-size:1.45rem;margin-bottom:0;box-shadow:0 10px 24px rgba(152,192,48,.45)}
.como-cta{margin-top:3rem;display:flex;justify-content:center}

/* ===== faq ===== */
.faq{background:var(--branco)}
.faq details{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(36,52,9,.08);border-radius:20px;padding:1.5rem 1.8rem;margin-bottom:.9rem;box-shadow:0 6px 22px rgba(36,52,9,.05);transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}
.faq details:first-of-type{border-top:1px solid rgba(36,52,9,.08);margin-top:0}
.faq details:last-of-type{margin-bottom:0}
.faq details[open]{background:var(--branco);border-color:rgba(152,192,48,.45);box-shadow:0 18px 44px rgba(36,52,9,.11)}
.faq summary{letter-spacing:-.01em}
.faq summary:hover{color:var(--verde-escuro)}

/* ===== formulário ===== */
.cta form{border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.cta input,.cta select{border-radius:13px}

/* ===== rodapé ===== */
.rodape-rico{background:#16210A;color:#94A876;padding-block:clamp(3rem,6vw,4.2rem) 0}
.rodape-rico .wrap{display:block}
.rodape-grid{display:grid;gap:2.4rem}
@media(min-width:760px){.rodape-grid{grid-template-columns:1.6fr 1fr 1.2fr}}
.rodape-col h4{font-family:var(--display);font-weight:700;color:var(--branco);font-size:1rem;margin-bottom:1rem}
.rodape-col p{font-size:.9rem;line-height:1.65;max-width:36ch}
.rodape-col a{display:block;color:#C3D2A6;text-decoration:none;padding:.3rem 0;font-size:.91rem;transition:color .18s ease,transform .18s ease}
.rodape-col a:hover{color:var(--verde)}
.rodape-logo{height:56px;width:auto;margin-bottom:1.1rem;filter:brightness(0) invert(1);opacity:.9}
.rodape-base{margin-top:2.6rem;border-top:1px solid rgba(201,214,172,.14);padding-block:1.4rem;display:flex;flex-wrap:wrap;gap:.7rem 2rem;justify-content:space-between;font-size:.84rem}
.rodape-base a{color:#C3D2A6;text-decoration:none}
.rodape-base a:hover{text-decoration:underline}

@media(max-width:620px){.wrap{width:calc(100% - 3rem)}}

@media(max-width:520px){
  .hero-painel{padding:1.5rem;gap:1.5rem}
  .como .passo{padding:5.6rem 1.4rem 1.6rem}
  .servico,.bento-item,.comp-card{padding:1.5rem}
  .dores-fecho{padding:1.4rem}
}