/* ------------------------------------------------------------------
   TexRH: landing pages de busca (01/10/2026).

   Este arquivo NAO inventa cor nem fonte: toda regra aqui usa as variaveis
   que o site-encaixe-20260930.css ja define (--rh-*, --raio, --sombra). Ele
   existe porque a biblioteca compartilhada de landing emite classes proprias
   (landing-trilha, landing-resumo, landing-secao, landing-faq,
   landing-relacionados, landing-data) e sem elas o FAQ fica colado na borda
   e a trilha perde o alvo de toque de 44 px. O bloco .guias e a lista de
   guias, usada na home e no pe de cada landing.

   Carregue sempre DEPOIS do site-encaixe.
   ------------------------------------------------------------------ */

/* ---------- trilha ---------- */
.landing-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:14px;color:var(--rh-tinta-suave)}
.landing-trilha a{display:inline-flex;align-items:center;min-height:44px;color:var(--rh-tinta-suave);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.landing-trilha a:hover{color:var(--rh-primaria-tinta)}
.landing-trilha span{display:inline-flex;align-items:center;min-height:44px}

/* ---------- corpo do artigo ---------- */
.landing-pagina{max-width:840px;padding:8px 0 72px}
.landing-pagina h1{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.16;letter-spacing:-.02em;margin-top:6px}
.landing-resumo{margin-top:18px;font-size:18px;line-height:1.65;color:var(--rh-tinta-suave)}
.landing-secao{margin-top:40px}
.landing-secao h2{font-size:clamp(21px,2.6vw,27px);font-weight:800;line-height:1.25}
.landing-secao h3{font-size:18px;font-weight:700;line-height:1.35;margin-top:24px}
.landing-secao p,.landing-secao li{margin-top:12px;font-size:16.5px;line-height:1.7;color:var(--rh-tinta-suave)}
.landing-secao ul,.landing-secao ol{margin-top:12px;padding-left:22px}
.landing-secao li+li{margin-top:8px}
.landing-secao strong{color:var(--rh-tinta);font-weight:700}
.landing-secao a{display:inline-block;padding:11.5px 0;margin:-11.5px 0;line-height:1.5;color:var(--rh-primaria-tinta);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.landing-secao a:hover{color:var(--rh-botao-hover)}
.landing-nota{margin-top:20px;padding:18px 22px;border:1px dashed var(--rh-linha-campo);border-radius:var(--raio);background:var(--rh-fundo-2)}
.landing-nota p:first-child{margin-top:0}

/* ---------- perguntas frequentes ---------- */
.landing-faq{margin-top:48px}
.landing-faq>h2{font-size:clamp(21px,2.6vw,27px);font-weight:800;margin-bottom:14px}
.landing-faq details{border:1px solid var(--rh-linha);border-radius:var(--raio);background:var(--rh-cartao);margin-bottom:10px}
.landing-faq details[open]{border-color:var(--rh-primaria-hover)}
.landing-faq summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;font-family:var(--fonte-titulo);font-weight:700;font-size:17px;line-height:1.35;cursor:pointer;list-style:none;border-radius:var(--raio)}
.landing-faq summary::-webkit-details-marker{display:none}
.landing-faq summary::after{content:"+";margin-left:auto;color:var(--rh-primaria-tinta);font-size:24px;line-height:1;flex:none}
.landing-faq details[open] summary::after{content:"\2212"}
.landing-faq summary:hover{background:var(--rh-primaria-veu)}
.landing-faq details>div{padding:0 18px 18px;color:var(--rh-tinta-suave);font-size:15.5px;line-height:1.65}
.landing-faq details>div p{margin-top:0}
.landing-faq details>div p+p{margin-top:10px}
.landing-faq details>div a{color:var(--rh-primaria-tinta);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ---------- leia tambem ---------- */
.landing-relacionados{margin-top:44px;padding:20px 24px;border:1px solid var(--rh-linha);border-radius:var(--raio);background:var(--rh-fundo-2)}
.landing-relacionados h2{font-size:17px;font-weight:800}
.landing-relacionados ul{list-style:none;margin:4px 0 0;padding:0}
.landing-relacionados li+li{border-top:1px solid var(--rh-linha)}
.landing-relacionados a{display:inline-flex;align-items:center;min-height:44px;color:var(--rh-primaria-tinta);font-weight:700;text-decoration:underline;text-underline-offset:3px;line-height:1.4}
.landing-relacionados a:hover{color:var(--rh-botao-hover)}
.landing-data{margin-top:26px;font-size:13.5px;color:var(--rh-tinta-suave)}

/* ---------- bloco de guias (home e pe das landings) ---------- */
.guias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guias li{border:1px solid var(--rh-linha);border-radius:var(--raio);background:var(--rh-cartao);box-shadow:var(--sombra)}
.secao.papel .guias li{background:var(--rh-fundo)}
.guias a{display:block;min-height:44px;padding:22px 24px;border-radius:var(--raio);color:var(--rh-tinta);text-decoration:none}
.guias a:hover{background:var(--rh-primaria-veu)}
.guias a:focus-visible{outline:3px solid var(--rh-primaria-hover);outline-offset:2px}
.guias strong{display:block;font-size:18px;font-weight:800;line-height:1.3}
.guias span{display:block;margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--rh-tinta-suave)}

@media (max-width:920px){
  .guias{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-pagina{padding-bottom:56px}
}
@media (max-width:640px){
  .guias{grid-template-columns:1fr}
  .landing-resumo{font-size:17px}
  .landing-secao p,.landing-secao li{font-size:16px}
}

/* 08/10/2026: H1 descritivo (o que e, para quem) e o slogan antigo como subtitulo. */
#titulo-heroi{font-size:clamp(30px,3.3vw,46px);max-width:17ch;letter-spacing:-.035em}
.slogan-heroi{margin:18px 0 0;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.2;letter-spacing:-.02em}
.slogan-heroi em{font-style:normal;color:var(--rh-primaria)}
@media (max-width:760px){#titulo-heroi{font-size:clamp(26px,6.6vw,32px);max-width:none}.slogan-heroi{font-size:19px}}