/* Ajustes sobre o CSS do Elementor e do tema. O resto do visual vem dos arquivos originais. */

/* O Elementor mostrava a aba ativa via JavaScript; aqui a classe basta. */
.elementor-widget-tabs .elementor-tab-content.elementor-active { display: block; }
.elementor-widget-tabs .elementor-tab-content[hidden] { display: none; }

.previa { background: #fff4d6; border-bottom: 2px solid #b7791f; color: #5c3d07; padding: 0.75rem 1rem; font: 14px/1.5 Roboto, sans-serif; }
.previa ul { margin: 0.35rem 0 0; padding-left: 1.2rem; }

/* No Elementor, a foto do Hiran na home tinha 330px fixos e passava da coluna no tablet. */
.elementor-7 .elementor-element.elementor-element-f7c11ae img { max-width: min(330px, 100%); }

/* Páginas fora do Elementor (em breve, 404, revisão) usam a tipografia do kit, não a do tema. */
.em-breve, .painel { padding-block: 60px 80px; font-family: var(--e-global-typography-text-font-family), sans-serif; }
.em-breve .entry-title, .painel .entry-title { font-family: var(--e-global-typography-primary-font-family), sans-serif; }
.painel h2 { font-size: 20px; margin-top: 2em; }

/* O Header Footer Elementor posicionava e pintava o menu móvel via JavaScript. */
@media (max-width: 1024px) {
  .hfe-nav-menu__toggle + nav.menu-is-active { background: #fff; z-index: 9999; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12); }
  /* !important faz o papel do style inline que o plugin aplicava. */
  .hfe-nav-menu li.menu-active > .sub-menu { visibility: visible !important; opacity: 1 !important; height: auto !important; position: relative !important; }
}