/* ==========================================================================
   Agro Performa — landing page
   1. TOKENS        variáveis do design system (cores, tipo, espaço, motion)
   2. BASE          reset, tipografia, utilitários
   3. COMPONENTES   botão, eyebrow, accordion, cards
   4. SEÇÕES        uma por seção do HTML, na mesma ordem da página
   ========================================================================== */

/* ============================ 1. TOKENS ============================ */
/* Copiados do design system exportado. Alterar aqui muda a página inteira. */

/* --- fontes self-hosted (sem Google Fonts em produção) --- */
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("../fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  
  --ap-forest-950:#011A15;
  --ap-forest-900:#012620; 
  --ap-forest-800:#003D32; 
  --ap-forest-700:#0A3028; 
  --ap-forest-600:#025928; 
  --ap-forest-500:#0B7238;

  
  --ap-green-800:#1F6510; 
  --ap-green-700:#2E8C15;
  --ap-green-600:#3AA51A; 
  --ap-green-500:#54C928; 
  --ap-green-400:#6FDA45; 
  --ap-green-300:#9AE87B;
  --ap-green-100:#DBF6CF;
  --ap-green-050:#EEFBE8;

  
  --ap-gold-600:#96733C;
  --ap-gold-500:#B89252;
  --ap-gold-300:#D9BE8E;
  --ap-gold-100:#F1E6D2;

  
  --ap-graphite-900:#202623;
  --ap-graphite-700:#3B443F;
  --ap-gray-600:#5C6660;
  --ap-gray-500:#78827C;
  --ap-gray-400:#9AA5A0;
  --ap-gray-300:#C4CBC7;
  --ap-gray-200:#DCE0DD;
  --ap-offwhite:#E8E8E8; 
  --ap-paper:#F1F3F0;    
  --ap-white:#FFFFFF;

  
  --ap-positive:#3AA51A;
  --ap-negative:#C0442E;
  --ap-negacao:#C0442E;        /* traço/borda do cartão "não é para" */
  --ap-negacao-texto:#9E3322;  /* texto e ícone: 5.6:1 sobre branco */
  --ap-negacao-borda:#F0D8D2;  /* borda sutil, sem agressividade */
  --ap-negative-on-dark:#F2705A;
  --ap-warning:#B89252;
  --ap-info:#0B7238;

  
  --ap-surface-page:var(--ap-offwhite);
  --ap-surface-page-alt:var(--ap-white);
  --ap-surface-dark:var(--ap-forest-900);
  --ap-surface-dark-alt:var(--ap-forest-800);
  --ap-surface-band:var(--ap-forest-600);
  --ap-surface-accent:var(--ap-green-500);
  --ap-surface-card:var(--ap-white);
  --ap-surface-card-dark:var(--ap-forest-800);
  --ap-surface-card-dark-alt:var(--ap-forest-700);
  --ap-surface-tint:var(--ap-green-050);

  --ap-text-strong:var(--ap-forest-900);
  --ap-text-body:var(--ap-graphite-900);
  --ap-text-muted:var(--ap-gray-600);
  --ap-text-inverse:var(--ap-white);
  --ap-text-inverse-muted:rgba(255,255,255,.72);
  --ap-text-accent:var(--ap-green-500);
  --ap-text-accent-on-light:var(--ap-green-800);
  --ap-text-on-accent:var(--ap-forest-900);

  --ap-border-subtle:var(--ap-gray-200);
  --ap-border-strong:var(--ap-gray-300);
  --ap-border-dark:rgba(255,255,255,.12);
  --ap-border-dark-strong:rgba(255,255,255,.22);
  --ap-border-accent:var(--ap-green-500);

  --ap-link:var(--ap-green-800);
  --ap-link-hover:var(--ap-forest-900);
  --ap-focus-ring:var(--ap-green-500);

  
  --ap-overlay-forest:linear-gradient(180deg,rgba(1,38,32,.55) 0%,rgba(1,38,32,.88) 70%,var(--ap-forest-900) 100%);
  --ap-overlay-forest-side:linear-gradient(90deg,rgba(1,38,32,.94) 0%,rgba(1,38,32,.72) 45%,rgba(1,38,32,.25) 100%); 
  --ap-overlay-portrait:linear-gradient(180deg,rgba(1,38,32,0) 30%,rgba(1,38,32,.75) 68%,var(--ap-forest-800) 100%);
}

:root{
  --ap-font-display:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ap-font-core:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ap-font-ui:"Inter","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ap-font-num:"Manrope","Inter",system-ui,sans-serif;

  --ap-weight-regular:400;
  --ap-weight-medium:500;
  --ap-weight-semibold:600;
  --ap-weight-bold:700;
  --ap-weight-black:800;

  
  --ap-text-display-xl:72px;
  --ap-text-display-l:56px;
  --ap-text-display-m:44px;
  --ap-text-display-s:34px;
  
  --ap-text-heading-l:28px;
  --ap-text-heading-m:22px;
  --ap-text-heading-s:18px;
  
  --ap-text-body-l:18px;
  --ap-text-body-m:16px;
  --ap-text-body-s:14px;
  
  --ap-text-eyebrow:12px;
  --ap-text-caption:13px;
  --ap-text-micro:11px;
  
  --ap-text-metric-xl:64px;
  --ap-text-metric-l:44px;
  --ap-text-metric-m:32px;
  --ap-text-metric-s:22px;

  --ap-leading-display:0.98;
  --ap-leading-heading:1.18;
  --ap-leading-body:1.62;
  --ap-leading-tight:1.3;

  --ap-tracking-display:0.005em;
  --ap-tracking-display-upper:0.02em;
  --ap-tracking-body:0.01em;
  --ap-tracking-eyebrow:0.18em;
  --ap-tracking-button:0.08em;
  --ap-tracking-metric:-0.02em;
}

:root{
  --ap-space-0:0px;
  --ap-space-1:4px;
  --ap-space-2:8px;
  --ap-space-3:12px;
  --ap-space-4:16px;
  --ap-space-5:20px;
  --ap-space-6:24px;
  --ap-space-7:32px;
  --ap-space-8:40px;
  --ap-space-9:48px;
  --ap-space-10:64px;
  --ap-space-11:80px;
  --ap-space-12:96px;
  --ap-space-13:120px;
  --ap-space-14:160px;

  --ap-container:1120px;
  --ap-container-narrow:820px;
  --ap-gutter:32px;
  --ap-section-y:112px;
  --ap-section-y-tight:72px;
  --ap-grid-gap:24px;
  --ap-card-pad:28px;
  --ap-card-pad-lg:36px;
}

:root{
  --ap-radius-xs:6px;
  --ap-radius-sm:10px;
  --ap-radius-md:14px;
  --ap-radius-lg:18px;
  --ap-radius-xl:24px;
  --ap-radius-2xl:32px;
  --ap-radius-pill:999px;
  --ap-accent-bar:5px;   
  --ap-hairline:1px;
}

:root{
  --ap-shadow-none:none;
  --ap-shadow-xs:0 1px 2px rgba(1,38,32,.06);
  --ap-shadow-sm:0 2px 6px rgba(1,38,32,.07);
  --ap-shadow-md:0 8px 24px rgba(1,38,32,.09);
  --ap-shadow-lg:0 20px 48px rgba(1,38,32,.14);
  --ap-shadow-accent:0 10px 28px rgba(84,201,40,.28);
  --ap-shadow-inset-dark:inset 0 0 0 1px rgba(255,255,255,.10);
  --ap-shadow-inset-light:inset 0 0 0 1px rgba(1,38,32,.06);
  --ap-ring-focus:0 0 0 3px rgba(84,201,40,.38);

  
  --ap-rail-top:linear-gradient(90deg,var(--ap-green-500),rgba(84,201,40,0));
}

:root{
  --ap-dur-fast:140ms; 
  --ap-dur-base:220ms; 
  --ap-dur-slow:420ms; 
  --ap-dur-reveal:640ms; 
  --ap-ease-standard:cubic-bezier(.4,0,.2,1); 
  --ap-ease-out:cubic-bezier(.16,.84,.44,1); 
  --ap-ease-in:cubic-bezier(.5,0,.9,.3); 
  --ap-transition-control:background-color var(--ap-dur-fast) var(--ap-ease-standard),color var(--ap-dur-fast) var(--ap-ease-standard),border-color var(--ap-dur-fast) var(--ap-ease-standard),box-shadow var(--ap-dur-base) var(--ap-ease-out),transform var(--ap-dur-fast) var(--ap-ease-standard);
  --ap-lift:translateY(-2px); 
  --ap-press:translateY(1px) scale(.99); 
}

/* ============================ 2. BASE ============================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{
  margin:0;
  background:var(--ap-offwhite);
  color:var(--ap-text-body);
  font-family:var(--ap-font-core);
  font-size:var(--ap-text-body-m);
  line-height:var(--ap-leading-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--ap-font-display)}
a{color:var(--ap-green-800);text-decoration:none;transition:color var(--ap-dur-fast) var(--ap-ease-standard)}
a:hover{color:var(--ap-forest-900)}
:focus-visible{outline:none;box-shadow:var(--ap-ring-focus);border-radius:var(--ap-radius-xs)}

/* respeita quem pediu menos movimento */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* --- utilitários --- */
.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:20px}
.wrap--wide{max-width:1180px}
.secao{position:relative;overflow:hidden}
.secao__interno{position:relative;padding-block:clamp(56px,8vw,112px)}
.secao--escura{background:var(--ap-forest-900);color:var(--ap-text-inverse)}
.secao--escura-fundo{background:var(--ap-forest-950);color:var(--ap-text-inverse)}
.secao--banda{background:var(--ap-forest-600);color:var(--ap-text-inverse)}
.secao--clara{background:var(--ap-offwhite)}
.secao--papel{background:var(--ap-white)}
.pular-para-conteudo{position:absolute;left:-9999px;top:0}
.pular-para-conteudo:focus{position:fixed;left:12px;top:12px;z-index:60;background:var(--ap-green-500);color:var(--ap-text-on-accent);padding:12px 18px;border-radius:var(--ap-radius-sm);font-weight:var(--ap-weight-bold)}
.marca-dagua{position:absolute;pointer-events:none;user-select:none}

/* ============================ 3. COMPONENTES ============================ */

/* --- botão: hover com lift, active com press, seta que avança --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px clamp(20px,5vw,36px);min-height:56px;
  border-radius:var(--ap-radius-pill);border:1px solid var(--ap-green-500);
  background:var(--ap-green-500);color:var(--ap-text-on-accent);
  font-family:var(--ap-font-display);font-size:13px;font-weight:var(--ap-weight-bold);
  letter-spacing:var(--ap-tracking-button);text-transform:uppercase;line-height:1.25;text-align:center;
  cursor:pointer;white-space:normal;max-width:100%;
  transition:var(--ap-transition-control);
}
.btn:hover{background:var(--ap-green-400);border-color:var(--ap-green-400);color:var(--ap-text-on-accent);transform:var(--ap-lift);box-shadow:var(--ap-shadow-accent)}
.btn:active{transform:var(--ap-press);background:var(--ap-green-600);border-color:var(--ap-green-600)}
.btn__seta{flex:0 0 auto;transition:transform var(--ap-dur-fast) var(--ap-ease-out)}
.btn:hover .btn__seta{transform:translateX(3px)}
.btn--sm{padding:10px clamp(14px,4vw,26px);min-height:42px;line-height:1.2}
.btn--bloco{width:100%}

/* --- eyebrow: rótulo pequeno acima do título --- */
.eyebrow{
  font-family:var(--ap-font-display);font-size:var(--ap-text-eyebrow);
  font-weight:var(--ap-weight-black);letter-spacing:.18em;text-transform:uppercase;
  color:var(--ap-text-accent-on-light);
}
.eyebrow--claro{color:var(--ap-green-500)}

/* --- títulos --- */
.titulo-secao{
  font-size:clamp(29px,4.4vw,62px);font-weight:var(--ap-weight-black);
  line-height:1;text-transform:uppercase;text-wrap:balance;color:var(--ap-text-strong);
}
.secao--escura .titulo-secao,.secao--escura-fundo .titulo-secao,.secao--banda .titulo-secao{color:var(--ap-text-inverse)}
.titulo-secao .destaque{color:var(--ap-green-800)}
.secao--escura .titulo-secao .destaque,.secao--escura-fundo .titulo-secao .destaque,.secao--banda .titulo-secao .destaque{color:var(--ap-green-500)}

/* --- accordion do FAQ --- */
.faq__item{
  background:var(--ap-surface-card);border:1px solid var(--ap-border-subtle);
  border-radius:var(--ap-radius-md);box-shadow:var(--ap-shadow-xs);overflow:hidden;
}
.faq__item + .faq__item{margin-top:12px}
.faq__botao{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:20px 24px;background:transparent;border:0;cursor:pointer;text-align:left;
  font-family:var(--ap-font-core);font-size:var(--ap-text-body-m);
  font-weight:var(--ap-weight-semibold);color:var(--ap-text-strong);
  transition:background-color var(--ap-dur-fast) var(--ap-ease-standard);
}
.faq__botao:hover{background:var(--ap-green-050)}
.faq__sinal{flex:0 0 auto;font-size:18px;font-weight:var(--ap-weight-bold);color:var(--ap-text-accent-on-light);transition:transform var(--ap-dur-base) var(--ap-ease-out)}
.faq__botao[aria-expanded="true"] .faq__sinal{transform:rotate(180deg)}
.faq__resposta{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ap-dur-base) var(--ap-ease-out)}
.faq__botao[aria-expanded="true"] + .faq__resposta{grid-template-rows:1fr}
.faq__resposta > div{overflow:hidden}
.faq__resposta p{padding:0 24px 22px;color:var(--ap-text-muted);line-height:var(--ap-leading-body)}

/* ============================ 4. SEÇÕES ============================ */
/* A ordem aqui acompanha a ordem do index.html. */

/* --- cabeçalho fixo --- */
.cabecalho{position:sticky;top:0;z-index:40;background:var(--ap-forest-700);border-bottom:1px solid var(--ap-border-dark)}
.cabecalho__interno{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cabecalho__logo{height:24px;width:auto}

/* --- #hero --- */
.hero__topo{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,56px);align-items:center;padding:clamp(52px,7vw,104px) 0 clamp(36px,4vw,56px)}
.hero__texto{flex:1 1 470px;min-width:0;container-type:inline-size}
.hero__titulo{font-size:clamp(34px,9.4cqi,72px);font-weight:var(--ap-weight-black);line-height:.98;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;color:var(--ap-text-inverse)}
.hero__titulo .destaque{color:var(--ap-green-500)}
.hero__sub{margin-top:clamp(22px,3vw,32px);max-width:52ch;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:var(--ap-text-inverse-muted)}
.hero__sub strong{color:var(--ap-text-inverse);font-weight:var(--ap-weight-bold)}
.hero__acao{display:grid;gap:14px;margin-top:clamp(28px,3vw,40px);max-width:420px}
.nota-cta{font-size:14px;line-height:1.5;color:rgba(255,255,255,.55)}
.hero__figura{position:relative;flex:1.2 1 420px;min-width:0;display:grid}
.moldura{position:relative;overflow:hidden;border-radius:20px;background:var(--ap-forest-800)}
.moldura__veu{position:absolute;inset:0}
.hero__foto{width:100%;aspect-ratio:4/3;max-height:480px;object-fit:cover;object-position:50% 46%;filter:saturate(.72) contrast(1.03)}
.hero__risco{position:absolute;left:-8px;bottom:12%;width:46%;height:4px;background:var(--ap-green-500)}
.hero__porteiras{padding-bottom:clamp(48px,6vw,88px)}
.hero__linha{height:1px;background:var(--ap-border-dark-strong)}
.porteiras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,4vw,64px)}
.porteira{padding-top:30px;display:grid;grid-template-columns:1fr auto;gap:clamp(14px,3vw,32px);align-items:end}
.porteira + .porteira{border-left:1px solid var(--ap-border-dark);padding-left:clamp(0px,4vw,56px)}
.porteira__nome{margin-top:14px;font-size:clamp(21px,2vw,28px);font-weight:var(--ap-weight-black);line-height:1.2;text-transform:uppercase;letter-spacing:.01em;color:var(--ap-text-inverse)}
.porteira__numero{font-size:clamp(44px,5vw,76px);font-weight:var(--ap-weight-black);line-height:.82;color:rgba(255,255,255,.1)}

/* --- #problema --- */
.problema__titulo{margin-top:24px;max-width:26ch}
.lista-dores{margin-top:clamp(40px,6vw,72px);border-top:2px solid var(--ap-forest-900)}
.dor{display:grid;grid-template-columns:56px 1fr;gap:clamp(10px,3vw,28px);align-items:baseline;padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--ap-border-subtle)}
.dor__n{font-size:14px;font-weight:var(--ap-weight-black);color:var(--ap-green-800)}
.dor__txt{font-size:clamp(19px,2vw,27px);font-weight:var(--ap-weight-semibold);line-height:1.3;color:var(--ap-text-strong)}
.problema__fecho{margin-top:clamp(28px,3vw,40px);max-width:34ch;font-size:clamp(19px,2vw,26px);font-weight:var(--ap-weight-bold);line-height:1.3;color:var(--ap-green-800)}

/* --- #relacionamento (dobra fotográfica) --- */
.dobra{position:relative;background:var(--ap-forest-950);color:var(--ap-text-inverse)}
.dobra__fundo{position:absolute;inset:0}
.dobra__fundo img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;filter:saturate(.62) contrast(1.05)}
.dobra__interno{padding:clamp(120px,20vw,260px) 0 clamp(56px,8vw,120px)}
.dobra__titulo{max-width:30ch;font-size:clamp(30px,4.8vw,70px);font-weight:var(--ap-weight-black);line-height:1;text-transform:uppercase;text-wrap:balance;color:var(--ap-text-inverse);text-shadow:0 2px 24px rgba(1,26,21,.8)}
.dobra__titulo .destaque{color:var(--ap-green-500)}
.dobra__sub{margin-top:26px;max-width:46ch;font-size:clamp(16px,1.6vw,20px);line-height:1.55;color:var(--ap-text-inverse-muted)}

/* --- #territorio --- */
.territorio__titulo{margin-top:24px;max-width:20ch;font-size:clamp(28px,3.6vw,52px);line-height:1.02}
.territorio__sub{margin-top:28px;max-width:56ch;font-size:17px;line-height:1.62;color:var(--ap-text-inverse-muted)}
.territorio__lista{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;gap:14px 28px;align-items:baseline;font-size:clamp(18px,2vw,26px);font-weight:var(--ap-weight-bold);text-transform:uppercase;line-height:1.2;color:var(--ap-text-inverse)}
.territorio__lista .barra{color:var(--ap-green-500)}

/* --- #perfis --- */
.perfis__cabecalho{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(20px,4vw,56px);align-items:end}
.perfis__titulo{font-size:clamp(27px,3.2vw,44px);line-height:1.04}
.perfis__intro{max-width:46ch;font-size:16px;line-height:1.6;color:var(--ap-text-muted)}
.perfis__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(28px,4vw,44px);margin-top:clamp(36px,5vw,60px)}
.perfil__rotulo{margin-bottom:16px;display:flex;align-items:center;gap:10px}
.perfil__ponto{width:7px;height:7px;border-radius:50%;background:var(--ap-green-500)}
.perfil__frase{padding-left:16px;border-left:4px solid var(--ap-green-500);font-size:clamp(18px,1.8vw,22px);font-weight:var(--ap-weight-bold);line-height:1.32;color:var(--ap-text-strong)}
.perfil__citacao{margin-top:16px;font-size:15px;line-height:1.6;color:var(--ap-text-muted)}
.faixa-foto{margin-top:clamp(36px,5vw,56px);position:relative;overflow:hidden;border-radius:20px;background:var(--ap-forest-800)}
.faixa-foto img.foto{width:100%;min-height:clamp(220px,26vw,340px);max-height:380px;object-fit:cover;object-position:55% 45%;filter:saturate(.7) contrast(1.03)}
.faixa-foto__legenda{position:absolute;left:clamp(20px,3vw,34px);bottom:clamp(20px,3vw,30px);max-width:24ch;font-size:clamp(17px,1.8vw,22px);font-weight:var(--ap-weight-bold);line-height:1.28;color:var(--ap-text-inverse);text-shadow:0 2px 18px rgba(1,26,21,.7)}

/* --- #o-que-e --- */
.oquee__titulo{margin-top:22px;max-width:24ch;font-size:clamp(30px,4.2vw,60px)}
.oquee__sub{margin-top:28px;max-width:62ch;font-size:17px;line-height:1.62;color:var(--ap-text-muted)}
.frentes{margin-top:clamp(44px,6vw,72px);border-top:2px solid var(--ap-forest-900)}
.frente{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px clamp(20px,4vw,56px);padding:28px 0;border-bottom:1px solid var(--ap-border-strong)}
.frente h3{display:flex;gap:18px;align-items:baseline;font-size:clamp(21px,2.2vw,29px);font-weight:var(--ap-weight-black);text-transform:uppercase;color:var(--ap-text-strong)}
.frente h3 span{font-size:14px;color:var(--ap-green-800)}
.frente p{font-size:16px;line-height:1.6;color:var(--ap-text-muted)}

/* --- #score --- */
.score{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,5vw,64px);align-items:start}
.score__titulo{margin-top:22px;font-size:clamp(24px,2.8vw,38px);line-height:1.06}
.score__sub{margin-top:24px;max-width:46ch;font-size:16px;line-height:1.62;color:var(--ap-text-muted)}
.score__sub strong{color:var(--ap-text-strong)}
.score__dimensoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 32px;margin:0;padding:0;list-style:none}
.score__dimensoes li{padding:14px 0;border-bottom:1px solid var(--ap-border-subtle);font-size:17px;font-weight:var(--ap-weight-semibold);color:var(--ap-text-strong)}
.score__dimensoes li:last-child{color:var(--ap-green-800)}

/* --- #acompanhamento --- */
.acomp__titulo{margin-top:22px;max-width:24ch;font-size:clamp(29px,4vw,58px)}
.acomp__titulo .destaque{color:var(--ap-green-400)}
.acomp__sub{margin-top:24px;max-width:50ch;font-size:clamp(16px,1.6vw,19px);line-height:1.58;color:rgba(255,255,255,.8)}
.regua{display:flex;gap:6px;align-items:flex-end;margin-top:clamp(36px,5vw,56px);height:76px}
.regua span{flex:1;background:rgba(255,255,255,.28);transform-origin:bottom;transition:transform var(--ap-dur-reveal) var(--ap-ease-out)}
.regua span.forte{background:var(--ap-green-400)}
.regua__rotulos{margin-top:14px;display:flex;justify-content:space-between;font-size:12px;font-weight:var(--ap-weight-black);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.acomp__pes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.24)}
.acomp__pes p:last-child{margin-top:12px;font-size:clamp(19px,1.9vw,24px);font-weight:var(--ap-weight-bold);line-height:1.3;color:var(--ap-text-inverse)}
.eyebrow--banda{color:var(--ap-green-300)}
/* a régua cresce quando entra na tela; sem JS ela já aparece cheia */
@media (prefers-reduced-motion:no-preference){
  .regua.anima span{transform:scaleY(0)}
  .regua.anima.viva span{transform:scaleY(1)}
}

/* --- #mentores --- */
.mentores__cabecalho{padding:clamp(56px,8vw,112px) 0 clamp(20px,3vw,36px)}
.mentores__titulo{margin-top:22px;max-width:24ch;font-size:clamp(32px,5vw,72px);line-height:.98}
.mentores__grade{padding-bottom:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(32px,4vw,56px)}
.mentor__foto{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;filter:saturate(.78) contrast(1.04)}
.mentor__veu{position:absolute;inset:0;background:var(--ap-overlay-portrait);opacity:.85}
.mentor__risco{position:absolute;left:0;bottom:0;width:34%;height:5px;background:var(--ap-green-500)}
.mentor__selo{position:absolute;left:clamp(20px,3vw,32px);right:clamp(20px,3vw,32px);bottom:clamp(22px,3vw,34px)}
.mentor__verbo{margin-top:10px;font-size:clamp(30px,4.4vw,56px);font-weight:var(--ap-weight-black);line-height:.98;text-transform:uppercase;color:var(--ap-text-inverse)}
.mentor__nome{margin-top:clamp(20px,2.4vw,28px);font-size:clamp(22px,2.2vw,30px);font-weight:var(--ap-weight-black);text-transform:uppercase;color:var(--ap-text-inverse)}
.mentor__bio{margin-top:14px;max-width:42ch;font-size:16px;line-height:1.6;color:var(--ap-text-inverse-muted)}
.mentor__trajetoria{margin-top:18px;padding-top:18px;border-top:1px solid var(--ap-border-dark);max-width:42ch;font-size:16px;line-height:1.6;color:var(--ap-text-inverse-muted)}
.mentor__trajetoria strong{color:var(--ap-green-500);font-weight:var(--ap-weight-black)}
.mentores__faixa{padding-bottom:clamp(56px,7vw,104px)}
.mentores__faixa .foto{width:100%;min-height:clamp(200px,24vw,320px);max-height:360px;object-fit:cover;object-position:60% 50%;filter:saturate(.66) contrast(1.04)}

/* --- #dependencia --- */
.dependencia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(24px,5vw,72px);align-items:center}
.dependencia__titulo{margin-top:18px;font-size:clamp(38px,6.4vw,92px);line-height:.92}
.dependencia__citacao{font-size:clamp(19px,2vw,26px);font-weight:var(--ap-weight-semibold);line-height:1.32;color:var(--ap-text-strong)}
.dependencia__nota{margin-top:20px;max-width:44ch;font-size:16px;line-height:1.62;color:var(--ap-text-muted)}

/* --- #virada --- */
.virada{background:var(--ap-green-500)}
.virada__interno{display:grid;justify-items:start;gap:8px}
.virada .eyebrow{margin-bottom:16px;color:var(--ap-forest-900)}
.virada p.degrau{font-weight:var(--ap-weight-black);line-height:1.1;text-transform:uppercase}
.degrau--1{font-size:clamp(21px,3vw,36px);color:#025928}
.degrau--2{font-size:clamp(23px,3.4vw,42px);color:#024A26}
.degrau--3{font-size:clamp(25px,3.8vw,48px);color:#013C22}
.degrau--4{font-size:clamp(27px,4.2vw,54px);color:#01301F}
.degrau--5{font-size:clamp(31px,5vw,64px);line-height:1.06;color:var(--ap-forest-900)}

/* --- #para-quem --- */
.qualificacao{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(20px,3vw,40px);margin-top:28px}
.cartao-sim{background:var(--ap-white);border-left:5px solid var(--ap-green-500);border-radius:18px;padding:clamp(24px,3vw,38px);box-shadow:var(--ap-shadow-sm)}
.cartao-nao{border:1px solid var(--ap-border-strong);border-radius:18px;padding:clamp(24px,3vw,38px)}
.qualificacao h3{margin-bottom:20px;font-size:clamp(20px,2vw,26px);font-weight:var(--ap-weight-black);text-transform:uppercase;color:var(--ap-text-strong)}
.qualificacao ul{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.qualificacao li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.5}
.cartao-sim li{color:var(--ap-text-body)}
.cartao-nao li{color:var(--ap-text-muted)}
.marca-sim{color:var(--ap-text-accent-on-light);font-weight:var(--ap-weight-black)}
.marca-nao{color:var(--ap-gray-500);font-weight:var(--ap-weight-black)}

/* --- #faq --- */
.faq{background:var(--ap-white);border-top:1px solid var(--ap-border-subtle)}
.faq__interno{max-width:860px;margin:0 auto;padding-block:clamp(52px,7vw,96px)}
.faq__titulo{margin-bottom:30px;font-size:clamp(24px,2.6vw,36px);text-transform:uppercase}

/* --- #proximo-passo --- */
.passo__titulo{max-width:20ch;font-size:clamp(34px,5.2vw,70px);line-height:.98}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:clamp(18px,3vw,36px);margin-top:clamp(34px,5vw,56px)}
.passo{border-top:1px solid var(--ap-border-dark-strong);padding-top:16px}
.passo__n{margin-bottom:8px;font-size:13px;font-weight:var(--ap-weight-black);letter-spacing:.16em;color:var(--ap-green-500)}
.passo p:last-child{font-size:16px;line-height:1.55;color:var(--ap-text-inverse-muted)}
.passo__acao{display:grid;gap:14px;margin-top:clamp(32px,4vw,52px);max-width:420px}

/* --- rodapé institucional --- */
.rodape{background:var(--ap-forest-950);color:rgba(255,255,255,.62);text-align:center}
.rodape__interno{padding-block:clamp(56px,8vw,96px)}
.rodape__logo{height:clamp(30px,4vw,42px);width:auto;margin:0 auto}
.rodape__texto{margin:clamp(26px,3vw,36px) auto 0;max-width:58ch;font-size:clamp(15px,1.5vw,17px);line-height:1.66;color:rgba(255,255,255,.66)}
.rodape__posicionamento{margin:clamp(22px,2.6vw,30px) auto 0;max-width:30ch;font-family:var(--ap-font-display);font-size:clamp(19px,2.4vw,28px);font-weight:var(--ap-weight-bold);line-height:1.25;color:var(--ap-green-500)}
.rodape__divisoria{margin:clamp(36px,4.5vw,56px) 0 0;height:1px;border:0;background:var(--ap-border-dark-strong)}
.rodape__base{margin-top:clamp(20px,2.4vw,26px);display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:center;font-size:12px;font-weight:var(--ap-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
@media (min-width:720px){
  .rodape__base{justify-content:space-between;text-align:left}
}
.rodape__base a{color:rgba(255,255,255,.5)}
.rodape__base a:hover{color:var(--ap-green-400)}

/* credenciais do mentor — lista factual, mesmo peso tipográfico da bio */
.mentor__credenciais{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:42ch}
.mentor__credenciais li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:baseline;font-size:16px;line-height:1.5;color:var(--ap-text-inverse-muted)}
.mentor__credenciais strong{color:var(--ap-green-500);font-weight:var(--ap-weight-black)}
.mentor__credencial-icone{font-size:15px;line-height:1.5}

/* --- documento longo (política de privacidade) --- */
.documento{max-width:72ch}
.documento__titulo{font-size:clamp(26px,3.4vw,44px);margin-top:20px}
.documento__versao{margin-top:16px;font-size:15px;color:var(--ap-text-muted)}
.documento h2{margin:clamp(32px,4vw,48px) 0 0;font-size:clamp(19px,2vw,24px);font-weight:var(--ap-weight-black);text-transform:uppercase;color:var(--ap-text-strong)}
.documento h2 + p,.documento h2 + ul{margin-top:14px}
.documento p{margin-top:14px;font-size:17px;line-height:1.7;color:var(--ap-text-body)}
.documento ul{margin:14px 0 0;padding-left:22px}
.documento li{margin-bottom:10px;font-size:17px;line-height:1.7;color:var(--ap-text-body)}
.documento a{color:var(--ap-green-800);text-decoration:underline;text-underline-offset:3px}
.documento a:hover{color:var(--ap-forest-900)}
.documento__pendencia{margin-top:18px;padding:16px 18px;background:var(--ap-green-050);border:1px solid var(--ap-green-100);border-radius:var(--ap-radius-md)}
.documento__voltar{margin-top:clamp(36px,4.5vw,56px);padding-top:24px;border-top:1px solid var(--ap-border-subtle)}

/* =============================================================================
   CORREÇÕES — 11/09/2026
   ============================================================================= */

/* --- mentores: áreas de atuação e parágrafos múltiplos --- */
.mentor__areas{
  margin-top:8px;
  font-size:12px;font-weight:var(--ap-weight-black);letter-spacing:.16em;
  text-transform:uppercase;color:var(--ap-green-500);
}
.mentor__bio + .mentor__bio{margin-top:14px}
.mentor .mentor__bio strong{color:var(--ap-green-500);font-weight:var(--ap-weight-black)}
/* as credenciais fecham o card, separadas por uma linha fina */
.mentor__credenciais{margin-top:20px;padding-top:20px;border-top:1px solid var(--ap-border-dark)}

/* --- "É para você" x "Não é para": positivo em verde, negativo em vermelho --- */
.cartao-sim{
  background:var(--ap-white);
  border:1px solid var(--ap-green-100);
  border-left:5px solid var(--ap-green-500);
  box-shadow:0 2px 6px rgba(84,201,40,.10), 0 10px 28px -18px rgba(31,101,16,.28);
}
.cartao-sim h3{color:var(--ap-green-800)}
.cartao-nao{
  background:var(--ap-white);
  border:1px solid var(--ap-negacao-borda);
  border-left:5px solid var(--ap-negacao);
  box-shadow:0 2px 6px rgba(192,68,46,.08), 0 10px 28px -18px rgba(142,42,28,.22);
}
.cartao-nao h3{color:var(--ap-negacao-texto)}
.marca-sim{color:var(--ap-green-800);font-weight:var(--ap-weight-black)}
.marca-nao{color:var(--ap-negacao-texto);font-weight:var(--ap-weight-black)}
.cartao-nao li{color:var(--ap-text-muted)}

/* --- "Dependência do dono": título preso à própria coluna --- */
/* A causa da sobreposição era o título escalar por 6.4vw, que cresce com a
   janela e ignora a largura da coluna. Agora ele escala pela largura do
   próprio container (cqi), então nunca invade a coluna vizinha. */
.dependencia{align-items:start}
@media (min-width:820px){
  .dependencia{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
}
.dependencia__coluna{container-type:inline-size;min-width:0}
.dependencia__titulo{
  margin-top:18px;
  font-size:clamp(38px,13.5cqi,86px);
  line-height:.92;
  overflow-wrap:break-word;
  hyphens:auto;
}
.dependencia__citacao,.dependencia__nota{max-width:44ch}