/* ==========================================================================
   AJUSTES DO TEMA WORDPRESS (por cima da casca) — conteúdo vindo do editor, celular
   ========================================================================== */

/* Imagens/figuras do editor nunca passam da largura da tela */
.hub-article-body img,
.hub-article-body figure,
.hub-article-body video,
.hub-article-body iframe,
.hub-article-body table { max-width: 100% !important; }
.hub-article-body img { height: auto !important; }
.hub-article-body figure { margin-left: 0; margin-right: 0; }
.hub-article-body .is-resized,
.hub-article-body .wp-block-image { max-width: 100% !important; }
.hub-article-body table { display: block; overflow-x: auto; }
.hub-article-body iframe { aspect-ratio: 16 / 9; height: auto; width: 100%; }

/* Nenhuma página rola para o lado no celular.
   "clip" (e não "hidden") para NÃO quebrar o position: sticky das barras laterais. */
html, body { overflow-x: clip; }

/* Seletor de idioma flutuante (GTranslate) não pode cobrir o menu lateral aberto */
.gt_float_switcher { z-index: 1030 !important; }

/* Botão "próximo" do carrossel de materiais não estoura a tela no celular */
@media (max-width: 575.98px) {
  .hub-materiais-carousel-wrap { padding-left: 0; padding-right: 0; }
  .btn-carousel-nav-round.hub-materiais-next { right: 4px; }
  .btn-carousel-nav-round.hub-materiais-prev { left: 4px; }
}

/* Faixa de banner do meio da home */
.hub-banner-meio__link { display: block; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease; }
a.hub-banner-meio__link:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.hub-banner-meio__img { display: block; width: 100%; height: auto; }

/* Resumo (TL;DR) e perguntas frequentes dos posts */
.hub-key-takeaways p { color: #ffffff; font-size: 1rem; line-height: 1.6; }
.hub-faq { border: 1px solid var(--border-color); border-radius: 16px; padding: 1.25rem 1.5rem; background: #fff; }
.hub-faq__title { font-size: 1.3rem; font-weight: 800; color: var(--text-dark); margin-bottom: .75rem; }
.hub-faq__item { border-top: 1px solid var(--border-color); padding: .85rem 0; }
.hub-faq__item:first-of-type { border-top: 0; }
.hub-faq__item summary { cursor: pointer; font-weight: 700; color: var(--text-dark); list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.hub-faq__item summary::after { content: "+"; color: var(--primary); font-weight: 800; }
.hub-faq__item[open] summary::after { content: "–"; }
.hub-faq__item p { margin: .6rem 0 0; color: var(--text-body); line-height: 1.6; }