/* ============================================================
   curso.css · componentes das paginas de formacao
   ------------------------------------------------------------
   Ate agosto de 2026 cada pagina de curso carregava a sua propria
   copia destes blocos. Elas foram divergindo e o site passou a
   mostrar a mesma informacao de jeitos diferentes. Agora existe
   um lugar so: quem muda aqui, muda em todas.

   Depende de tokens.css (--floresta, --pergaminho, --ouro,
   --page-accent, --text-escuro, --text-escuro-mid).
   Cada pagina define o seu --page-accent no :root.
   ============================================================ */

/* ===== Hero factual =====
   Quatro pares (o que e / quando / o que voce recebe / pre-requisito).
   Fatos, nao selos: o hero responde antes de vender. */
.hero-facts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:56px;max-width:840px;margin:40px 0;
  border-top:1px solid rgba(201,169,79,.20);
}
.hero-facts>div{
  display:flex;flex-direction:column;gap:6px;
  padding:18px 0;border-bottom:1px solid rgba(201,169,79,.14);
}
.hero-facts dt{
  font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--page-accent);font-weight:600;
}
.hero-facts dd{
  font-size:.92rem;color:rgba(245,241,232,.82);line-height:1.5;font-weight:300;margin:0;
}
@media(max-width:720px){
  .hero-facts{grid-template-columns:1fr;column-gap:0;margin:32px 0}
}

/* ===== Marca d'agua da secao ===== */
.sec-wm-host{position:relative;overflow:hidden}
.sec-wm{position:absolute;z-index:0;pointer-events:none;right:-48px;top:50%;
  transform:translateY(-50%);width:min(34vw,360px);opacity:.06}
.sec-wm-host>*:not(.sec-wm):not(.wave-bottom){position:relative;z-index:1}
@media(max-width:900px){.sec-wm{width:66vw;right:-16%;opacity:.05}}

/* ===== Professor titular ===== */
.edson{background:var(--pergaminho);color:var(--text-escuro);position:relative}
.edson-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(48px,6vw,90px);align-items:center}
.edson-photo img{width:100%}
.edson-text .eyebrow{margin-bottom:24px}
.edson-text h2{font-size:clamp(2.2rem,4vw,3.4rem);color:var(--floresta);margin-bottom:28px}
.edson-text h2 em{color:var(--page-accent);font-style:italic}
.edson-text p{color:var(--text-escuro-mid);font-size:1.05rem;line-height:1.9;margin-bottom:20px}
.edson-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;
  letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--page-accent);
  border-bottom:1px solid var(--page-accent);padding-bottom:3px;transition:opacity .25s}
.edson-link::after{content:"\2192"}
.edson-link:hover{opacity:.65}
@media(max-width:820px){.edson-grid{grid-template-columns:1fr;gap:40px}.edson-photo{max-width:440px}}

/* ===== Professor convidado =====
   Bloco menor, subordinado ao titular. So entra quem realmente
   da aula naquele treinamento. */
.convidado{display:grid;grid-template-columns:92px 1fr;gap:24px;align-items:center;
  max-width:780px;margin:58px auto 0;padding:26px 30px;
  background:rgba(13,26,16,.035);border:1px solid rgba(13,26,16,.09)}
.convidado-foto{aspect-ratio:1;border-radius:50%;overflow:hidden;background:rgba(13,26,16,.06)}
.convidado-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.convidado-nome{font-family:Georgia,serif;font-weight:400;font-size:1.2rem;color:var(--floresta);
  line-height:1.2;margin-bottom:5px}
.convidado-nome em{color:var(--page-accent);font-style:italic}
.convidado-funcao{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;
  color:var(--page-accent);margin-bottom:12px}
.convidado p{color:var(--text-escuro-mid);font-size:.94rem;line-height:1.75;margin-bottom:12px}
.convidado-link{font-size:.66rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--page-accent)}
.convidado-link::after{content:"\2192";margin-left:6px}
@media(max-width:560px){.convidado{grid-template-columns:1fr;gap:18px;padding:24px}.convidado-foto{width:84px}}

/* ===== Certificacao =====
   O cartao mostra exatamente o que a pessoa recebe. A nota abaixo
   diz o que o certificado NAO faz, antes da inscricao e nao depois. */
.cred-destaque{position:relative;overflow:hidden;max-width:780px;margin:0 auto;text-align:center;
  padding:64px 56px;background:linear-gradient(160deg,var(--floresta-2),var(--floresta));
  border:1px solid rgba(201,169,79,.4);box-shadow:0 30px 70px -40px rgba(13,26,16,.6)}
.cred-destaque-glow{position:absolute;top:-45%;left:50%;transform:translateX(-50%);width:460px;height:460px;
  background:radial-gradient(circle,rgba(201,169,79,.18),transparent 70%);pointer-events:none}
.cred-destaque-eyebrow{position:relative;font-size:.7rem;letter-spacing:4px;text-transform:uppercase;
  color:var(--ouro);font-weight:700;margin-bottom:28px}
.cred-destaque-logo{position:relative;max-height:140px;width:auto;margin:0 auto 30px;display:block}
.cred-destaque h2{position:relative;font-family:Georgia,serif;font-weight:300;
  font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--pergaminho);line-height:1.15;margin:0 0 18px}
.cred-destaque h2 em{color:var(--ouro);font-style:italic}
.cred-destaque p{position:relative;color:rgba(245,241,232,.72);font-size:.98rem;line-height:1.8;
  max-width:580px;margin:0 auto 30px}
.cred-destaque p strong{color:var(--pergaminho);font-weight:600}
.cred-destaque-tags{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
.cred-destaque-tags span{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--ouro);
  border:1px solid rgba(201,169,79,.35);background:rgba(201,169,79,.06);padding:8px 16px;border-radius:40px}
.cred-destaque-link{position:relative;display:inline-block;font-size:.72rem;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;color:var(--ouro);border-bottom:1px solid currentColor;padding-bottom:3px}
.cred-destaque .cred-destaque-tags:last-child{margin-bottom:0}
.cred-selo{max-height:78px;opacity:.34;margin-bottom:26px}
.cred-horas{position:relative;display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 0 22px}
.cred-horas b{font-family:Georgia,serif;font-weight:300;font-size:clamp(3rem,7vw,4.6rem);line-height:1;color:var(--ouro)}
.cred-horas span{font-size:.72rem;letter-spacing:4px;text-transform:uppercase;color:rgba(245,241,232,.55)}
.cred-nota{max-width:780px;margin:34px auto 0;padding:22px 26px;
  border-left:2px solid var(--page-accent);background:rgba(201,169,79,.05);
  font-size:.92rem;line-height:1.75;color:var(--text-escuro-mid)}
.cred-nota strong{color:var(--floresta);font-weight:600}
@media(max-width:560px){.cred-destaque{padding:48px 26px}.cred-destaque-logo{max-height:110px}}