/* =============================================================================
   Agroperforma — página da aula gratuita. Carregado depois de main.css,
   mobile.css e curta.css (herda tokens, botão laranja e o hero .abre).
   ============================================================================= */
.selo-aula{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:var(--ap-radius-pill);font-family:var(--ap-font-display);font-size:12.5px;font-weight:var(--ap-weight-black);letter-spacing:.14em;text-transform:uppercase;color:var(--ap-text-inverse)}
.selo-aula b{color:var(--ap-green-500)}
.selo-aula .ponto{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}
/* eyebrow e selo com fundo próprio: no celular eles caem sobre o céu claro da foto */
.aula-eyebrow{display:inline-block;margin:0 0 12px;padding:8px 12px;border-radius:8px;background:rgba(1,38,32,.72);font-size:13px;letter-spacing:.16em;color:var(--ap-green-400)}
.aula-hero .selo-aula{background:rgba(1,38,32,.62)}
.aula-hero .abre__titulo{margin-top:16px;font-size:clamp(32px,3.5vw,50px);line-height:1.02}
.aula-hero .abre__texto{max-width:780px}
.aula-hero .abre__interno{min-height:0;padding-block:clamp(40px,5vw,64px)}
.aula-hero .abre__sub{margin-top:18px;max-width:58ch}
/* faixa do público: chips escaneáveis, uma leitura por item */
.icp{margin:clamp(18px,2.4vw,26px) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.icp li{padding:8px 13px;border:1px solid rgba(255,255,255,.34);border-radius:var(--ap-radius-pill);background:rgba(1,38,32,.45);font-family:var(--ap-font-display);font-size:12.5px;font-weight:var(--ap-weight-black);letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--ap-text-inverse)}
.icp li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--ap-green-500);vertical-align:2px}
.aula-hero .abre__acao{margin-top:clamp(22px,2.8vw,32px)}
.aula-hero .abre__titulo .destaque{color:var(--ap-green-500)}
.aula-hero .abre__sub{color:rgba(255,255,255,.88)}
.aula-hero .abre__acao{max-width:500px}
.nota-cta strong{color:var(--ap-text-inverse);font-weight:var(--ap-weight-bold)}

/* ---- essa aula é para você se… ---- */
.aula-lista{margin:clamp(28px,3.5vw,44px) 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:2px solid var(--ap-forest-900)}
.aula-lista li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;padding:clamp(16px,2vw,22px) 0;border-bottom:1px solid var(--ap-border-subtle);font-size:clamp(18px,1.9vw,24px);font-weight:var(--ap-weight-semibold);line-height:1.32;color:var(--ap-text-strong)}
.aula-lista .check{display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:50%;background:var(--ap-green-500);color:var(--ap-forest-900)}
.aula-lista .check svg{width:16px;height:16px}
.aula-fecho{margin-top:clamp(24px,3vw,36px);max-width:38ch;font-size:clamp(18px,1.9vw,24px);font-weight:var(--ap-weight-bold);line-height:1.3;color:var(--ap-green-800)}

/* ---- mentores compactos ---- */
.aula-mentores{margin-top:clamp(32px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(20px,3vw,40px)}
.aula-mentor{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center}
.aula-mentor img{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center 18%;border:3px solid var(--ap-green-500);filter:saturate(.85)}
.aula-mentor__nome{font-family:var(--ap-font-display);font-size:clamp(20px,2vw,24px);font-weight:var(--ap-weight-black);text-transform:uppercase;color:var(--ap-text-inverse)}
.aula-mentor__bio{margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--ap-text-inverse-muted)}

/* ---- fechamento: data + CTA ---- */
.aula-fim{margin-top:clamp(36px,5vw,64px);padding-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--ap-border-dark);display:grid;gap:18px;justify-items:start}
.aula-fim__data{font-family:var(--ap-font-display);font-size:clamp(15px,1.6vw,19px);font-weight:var(--ap-weight-black);letter-spacing:.12em;text-transform:uppercase;color:var(--ap-green-500)}
.aula-fim__titulo{font-size:clamp(28px,4vw,52px);line-height:1;max-width:18ch}
.aula-fim .btn{min-width:min(100%,360px)}

/* ---- confirmação ---- */
.conf{min-height:calc(100svh - 72px);display:grid;align-items:center}
.conf__interno{padding-block:clamp(56px,9vw,120px)}
.conf__interno > *{max-width:720px}
.conf__selo{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ap-green-500);color:var(--ap-forest-900)}
.conf__titulo{margin-top:26px;font-size:clamp(34px,5.2vw,64px);font-weight:var(--ap-weight-black);line-height:1;text-transform:uppercase;text-wrap:balance;color:var(--ap-text-inverse)}
.conf__texto{margin-top:22px;max-width:50ch;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:rgba(255,255,255,.88)}
.conf__texto strong{color:var(--ap-text-inverse)}
.conf__acao{margin-top:32px;display:grid;gap:14px;max-width:520px}
.conf__acao .btn{min-height:64px;font-size:15px}
.conf__contagem{margin:0;font-size:17px;line-height:1.5;color:var(--ap-text-inverse)}
.conf__contagem b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px;background:var(--ap-green-500);color:var(--ap-forest-900);font-variant-numeric:tabular-nums}
.conf__fallback{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.62)}
.btn--pendente{opacity:.55;cursor:not-allowed}
.conf__passos{margin:32px 0 0;padding:0;list-style:none;display:grid;gap:12px;max-width:52ch}
.conf__passos li{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:16px;line-height:1.5;color:var(--ap-text-inverse-muted)}
.conf__passos b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);font-size:13px;font-weight:var(--ap-weight-black);color:var(--ap-green-400)}
.conf__nota{margin-top:30px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.55)}
.conf__links{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.conf__links a{color:var(--ap-green-400);text-decoration:underline;text-underline-offset:3px}

/* ---- rodapé enxuto ---- */
.rodape--aula .rodape__interno{padding-block:40px}

@media (max-width:767px){
  /* uma linha só no celular: sem quebra dentro do selo */
  .selo-aula{font-size:11px;letter-spacing:.09em;padding:8px 12px;gap:6px 9px;white-space:nowrap;flex-wrap:nowrap}
  .selo-aula .ponto{width:4px;height:4px}
  /* o hero ganhou eyebrow e faixa do público: a cena sobe um pouco para o CTA seguir perto da dobra */
  .aula-hero .abre__interno{min-height:0;padding-top:150px;padding-bottom:34px}
  .aula-eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:10px;padding:7px 10px;max-width:100%;white-space:normal;line-height:1.35}
  .aula-hero .abre__titulo{font-size:clamp(26px,7.4vw,31px);margin-top:12px;line-height:1.04}
  .aula-hero .abre__sub{margin-top:12px;font-size:15.5px;line-height:1.48}
  .icp{margin-top:12px;gap:6px}
  .icp li{padding:6px 10px;font-size:11px;letter-spacing:.05em}
  .aula-hero .abre__acao{margin-top:18px}
  .aula-lista li{font-size:17px;line-height:1.38;padding:14px 0;grid-template-columns:26px 1fr;gap:12px}
  .aula-lista .check{width:24px;height:24px;margin-top:1px}
  .aula-lista .check svg{width:14px;height:14px}
  .aula-fecho{font-size:18px}
  .aula-mentor{grid-template-columns:88px 1fr;gap:14px}
  .aula-mentor img{width:88px;height:88px}
  .aula-mentor__bio{font-size:15px}
  .aula-fim{margin-top:32px;padding-top:26px;justify-items:stretch}
  .aula-fim__titulo{font-size:clamp(27px,7.8vw,33px)}
  .conf{min-height:calc(100svh - 62px)}
  .conf__interno{padding-inline:22px}
  .conf__titulo{font-size:clamp(30px,8.4vw,36px);line-height:1.04}
}