/* Páginas: ebook-compreendendo-o-autismo-e-a-deficiencia-intelectual-no-mercado-de-trabalho, ebook-obrigado. Carregado por último, depois de base, layout, components e responsive. */

.campo-check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 18px;font-size:13.5px;line-height:1.5;color:var(--tinta-2);}
.campo-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--indigo);}
.campo-site{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.btn-block{display:flex;justify-content:center;}
.form-disclaimer{line-height:1.55;}
#form-erro{background:#FBEAE8;color:#7A1C12;margin-top:14px;}
#form-erro a{color:inherit;}

/* ===== landing do eBook ===== */
.eb-rotulo{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano-escuro);}
.sec-head .eb-rotulo{color:var(--tinta-2);}
.eb-hero{padding:34px 0 72px;}
[hidden]{display:none !important;}
.eb-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;}
.eb-hero-grid--areas{grid-template-areas:"texto capa" "acoes capa";row-gap:0;}
.eb-hero-texto{grid-area:texto;align-self:end;}
.eb-hero-acoes{grid-area:acoes;align-self:start;}
.eb-indicadores{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--linha-leve);font-size:14px;color:var(--tinta-2);max-width:52ch;}
.eb-indicadores li{display:flex;align-items:center;gap:8px;}
.eb-indicadores li::before{content:"";flex:none;width:9px;height:9px;background:var(--ciano);border-radius:9px 9px 9px 2px;}
.eb-capa{position:relative;margin:0;display:flex;justify-content:center;padding:36px 0;}
.eb-capa::before{content:"";position:absolute;inset:6% 4% 6% 18%;background:var(--nevoa);border-radius:var(--folha-g);}
.eb-sec{padding:88px 0;}
.eb-sec--branco{background:var(--branco);}
.eb-texto p{margin-bottom:16px;max-width:64ch;}
.eb-ficha{margin-top:22px;padding-top:18px;border-top:1px solid var(--linha-leve);font-size:14px;color:var(--tinta-2);max-width:64ch;}
.eb-grupos{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:36px;}
.eb-grupo{border-top:1px solid var(--indigo);padding-top:18px;}
.eb-grupo .n{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:1.7rem;color:var(--ciano-escuro);line-height:1;}
.eb-grupo h3{margin-top:10px;font-size:1.1rem;}
.eb-grupo ul{list-style:none;margin:12px 0 0;padding:0;}
.eb-grupo li{padding:9px 0;border-top:1px solid var(--linha-leve);font-size:14.5px;line-height:1.45;color:var(--tinta);}
.eb-pratica{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:36px;max-width:960px;}
.eb-pratica div{border-top:1px solid var(--linha-leve);padding-top:18px;}
.eb-pratica h3{font-size:1.08rem;}
.eb-pratica p{margin-top:8px;font-size:15px;color:var(--tinta-2);}
.eb-autora-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;}
.eb-autora-foto{margin:0;display:flex;justify-content:center;}
.eb-autora-foto img{width:min(340px,86%);height:auto;}
.eb-autoridade{margin-top:24px;padding:16px 18px;border-left:3px solid var(--ciano);background:var(--papel);border-radius:0 12px 12px 0;font-size:14.5px;color:var(--tinta);max-width:60ch;}
.eb-autoridade a{color:var(--ciano-escuro);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.eb-empresas{padding:84px 0;background:var(--branco);border-top:1px solid var(--linha-leve);}
.eb-empresas-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.eb-empresas p{margin-top:12px;color:var(--tinta-2);max-width:54ch;}
.eb-empresas-acoes{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}

@media (max-width:920px){
  .eb-hero{padding:18px 0 52px;}
  .eb-hero-grid,.eb-autora-grid,.eb-empresas-grid{grid-template-columns:1fr;}
  .eb-hero-grid{gap:18px;}
  .eb-capa{padding:24px 0;order:0;}
  .eb-hero-grid--areas{grid-template-areas:"texto" "capa" "acoes";}
  .eb-sec{padding:64px 0;}
  .eb-grupos{grid-template-columns:1fr 1fr;gap:26px;}
  .eb-pratica{grid-template-columns:1fr;gap:20px;}
  .eb-autora-grid{gap:28px;}
  .eb-autora-foto img{width:min(260px,72%);}
  .form-grid{gap:36px;}
  .form-card{padding:28px 22px;}
  .eb-empresas{padding:60px 0;}
  .eb-empresas-grid{gap:22px;}
}

@media (max-width:560px){
  .eb-grupos{grid-template-columns:1fr;}
}