/* ==========================================================================
   Página: Dúvidas — perguntas frequentes
   Só o que é exclusivo desta página. Header, footer, nav, botões, largura de
   coluna, espaçamentos e o acordeão de FAQ vêm de assets/css/main.css.

   Nota: o CSS original desta página usava --azul para o tom médio e
   --azul-escuro para o navy — invertido em relação ao template. Aqui os
   valores já estão remapeados para os tokens do main.css.
   ========================================================================== */

/* espaço extra no rodapé do hero: os atalhos sobem sobre ele */
.hero-int{padding-bottom:88px;}

/* ===== Atalhos por tema ===== */
.grupos-nav{margin-top:-38px;position:relative;z-index:2;}
.grupos-nav-inner{background:#fff;border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--cinza-borda);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;}
.grupos-nav a{padding:1.1rem 1rem;text-align:center;font-size:.88rem;font-weight:600;color:var(--azul);border-right:1px solid var(--cinza-borda);transition:background .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem;}
.grupos-nav a:last-child{border-right:none;}
.grupos-nav a:hover{background:var(--blue-soft);}
.grupos-nav .num{width:28px;height:28px;border-radius:50%;background:var(--amarelo);color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;}

/* ===== Grupos de perguntas ===== */
.grupo{max-width:860px;margin:0 auto 3.25rem;scroll-margin-top:24px;}
.grupo:last-of-type{margin-bottom:0;}
.grupo-cabecalho{display:flex;align-items:center;gap:.9rem;margin-bottom:.4rem;}
.grupo-icone{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--azul-claro),var(--azul));display:flex;align-items:center;justify-content:center;}
.grupo-icone svg{width:24px;height:24px;stroke:#fff;fill:none;}
.grupo h2{color:var(--azul);font-size:1.55rem;letter-spacing:-.01em;font-weight:800;}
.grupo-sub{color:var(--cinza);font-size:.95rem;margin:0 0 1.4rem 3.55rem;}

/* ajustes do acordeão compartilhado dentro dos grupos */
.grupo .faq{max-width:none;}
.grupo .faq details:hover{border-color:#cfe0f2;}
.grupo .faq details > p strong{color:var(--azul);}
.grupo .faq details > p a{color:var(--azul-claro);font-weight:600;text-decoration:underline;text-underline-offset:2px;}

/* ===== Responsivo ===== */
@media (max-width:900px){
  .grupos-nav-inner{grid-template-columns:repeat(2,1fr);}
  .grupos-nav a:nth-child(2){border-right:none;}
  .grupos-nav a:nth-child(1),.grupos-nav a:nth-child(2){border-bottom:1px solid var(--cinza-borda);}
}
@media (max-width:680px){
  .grupo-sub{margin-left:0;}
  .grupo h2{font-size:1.25rem;}
}