/* ==========================================================================
   PORTAL OFICIAL SEMINÁRIOS BETEL BRASILEIRO (seminariosbetelbrasileiro.com)
   MODERNIZAÇÃO COMPLETA DE FRONT-END: EFEITOS 3D, SELEÇÃO DE CARDS,
   BOTÕES ANIMADOS COM SHIMMER, BARRA DE LEITURA E DESIGN RESPONSIVO MOBILE
   REFINAMENTO DE ALINHAMENTOS, CORREÇÃO DE HERO SKEW, CARROSSEL E GALERIAS
   ========================================================================== */

/* Prevenção global de overflow horizontal */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

#wpadminbar {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

/* Ocultar botões/links de edição de posts injetados pelo tema no hover */
.jeg-edit-post,
.jeg_edit_post,
a[class*="jeg-edit-post"],
.jeg-edit-post.left,
.jeg-edit-post.right {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --- BARRA DE PROGRESSO DE LEITURA (POSTS E ARTIGOS) --- */
#betel-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3.5px;
  background: linear-gradient(90deg, #D4AA59 0%, #F5D77F 50%, #B8851B 100%);
  z-index: 9999999;
  box-shadow: 0 0 12px rgba(212, 170, 89, 0.8), 0 0 4px rgba(212, 170, 89, 0.4);
  transition: width 0.08s ease-out;
  pointer-events: none;
}

/* ==========================================================================
   1. EFEITOS AVANÇADOS EM TODOS OS BOTÕES DO SITE
   ========================================================================== */

/* Botões Elementor, Botões de Ação e Links Estilizados */
.elementor-button,
a.elementor-button,
button.elementor-button,
.elementor-button-link,
.btn,
.jeg_readmore,
a.wpr-button-effect,
button.wp-block-button__link,
#betel-alumni-widget-container .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.32s cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow 0.32s cubic-bezier(0.165, 0.84, 0.44, 1),
              background 0.32s ease,
              border-color 0.32s ease,
              color 0.25s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  will-change: transform, box-shadow !important;
}

/* Feixe de luz animado (Shimmer Wave) no Hover de Todos os Botões */
.elementor-button::before,
a.elementor-button::before,
button.elementor-button::before,
.elementor-button-link::before,
.btn::before,
.jeg_readmore::before,
a.wpr-button-effect::before,
button.wp-block-button__link::before,
#betel-alumni-widget-container .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -120% !important;
  width: 60% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent) !important;
  transform: skewX(-25deg) !important;
  pointer-events: none !important;
  transition: left 0.65s cubic-bezier(0.25, 1, 0.5, 1) !important;
  z-index: 2 !important;
}

.elementor-button:hover::before,
a.elementor-button:hover::before,
button.elementor-button:hover::before,
.elementor-button-link:hover::before,
.btn:hover::before,
.jeg_readmore:hover::before,
a.wpr-button-effect:hover::before,
button.wp-block-button__link:hover::before,
#betel-alumni-widget-container .elementor-button:hover::before {
  left: 140% !important;
}

/* Efeito Hover 3D em Todos os Botões */
.elementor-button:hover,
a.elementor-button:hover,
button.elementor-button:hover,
.elementor-button-link:hover,
.btn:hover,
.jeg_readmore:hover,
a.wpr-button-effect:hover,
button.wp-block-button__link:hover,
#betel-alumni-widget-container .elementor-button:hover,
.elementor.elementor-9983 #betel-alumni-widget-container .elementor-button:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(18, 52, 84, 0.3), 0 0 16px rgba(212, 170, 89, 0.5) !important;
}

/* Efeito Active (Pressão do Clique) */
.elementor-button:active,
a.elementor-button:active,
button.elementor-button:active,
.elementor-button-link:active,
.btn:active,
.jeg_readmore:active,
a.wpr-button-effect:active,
button.wp-block-button__link:active,
#betel-alumni-widget-container .elementor-button:active {
  transform: translateY(-1px) scale(0.97) !important;
  box-shadow: 0 2px 8px rgba(18, 52, 84, 0.2) !important;
}

/* Micro-animação suave de setas e ícones dentro dos botões */
.elementor-button:hover .elementor-button-icon,
.elementor-button:hover .elementor-align-icon-right,
.elementor-button:hover i.fa-arrow-right,
.elementor-button:hover i.fa-chevron-right,
.elementor-button:hover svg {
  transform: translateX(4px) !important;
  transition: transform 0.3s ease !important;
}

.elementor-button:hover .elementor-align-icon-left,
.elementor-button:hover i.fa-arrow-left,
.elementor-button:hover i.fa-chevron-left {
  transform: translateX(-4px) !important;
  transition: transform 0.3s ease !important;
}

/* 1.1 BOTÃO NOBRE DE ENTRADA ("ENTRAR AGORA" DO CABEÇALHO) */
body #betel-alumni-widget-container .elementor-button,
.elementor.elementor-9983 #betel-alumni-widget-container .elementor-button,
.elementor-button[href*="ex-alunos"],
a.elementor-button.betel-login-btn {
  background: linear-gradient(135deg, #123454 0%, #1A4773 50%, #123454 100%) !important;
  color: #FFFFFF !important;
  border: 1.5px solid #D4AA59 !important;
  border-radius: 25px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 10px 24px !important;
  box-shadow: 0 4px 15px rgba(18, 52, 84, 0.25) !important;
}

body #betel-alumni-widget-container .elementor-button::after,
.elementor.elementor-9983 #betel-alumni-widget-container .elementor-button::after,
.elementor-button[href*="ex-alunos"]::after {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -120% !important;
  width: 50% !important;
  height: 200% !important;
  background: linear-gradient(90deg, transparent, rgba(212, 170, 89, 0.45), transparent) !important;
  transform: rotate(25deg) !important;
  pointer-events: none !important;
  animation: betelShimmerInfinite 4.5s infinite ease-in-out !important;
}

@keyframes betelShimmerInfinite {
  0% { left: -120%; }
  25% { left: 150%; }
  100% { left: 150%; }
}

body #betel-alumni-widget-container .elementor-button:hover,
.elementor.elementor-9983 #betel-alumni-widget-container .elementor-button:hover,
.elementor-button[href*="ex-alunos"]:hover {
  background: linear-gradient(135deg, #D4AA59 0%, #F5D77F 50%, #B8851B 100%) !important;
  color: #123454 !important;
  border-color: #FFFFFF !important;
  box-shadow: 0 10px 28px rgba(212, 170, 89, 0.55), 0 0 18px rgba(212, 170, 89, 0.6) !important;
}

/* 1.2 BOTÕES "LEIA MAIS" E "+ INFORMAÇÕES" (COM CONTRASTE GARANTIDO NO CLIQUE) */
.elementor-button-link.elementor-size-sm,
.elementor-button-link.elementor-size-md,
body .elementor-element.elementor-element-b1a91c7 .elementor-button,
body .elementor-element.elementor-element-4062870b .elementor-button,
body .elementor-element.elementor-element-260b7f12 .elementor-button,
body .elementor-element.elementor-element-506e2d73 .elementor-button,
body .elementor-element.elementor-element-e75b91f .elementor-widget-button .elementor-button {
  background: linear-gradient(135deg, #123454 0%, #1A4773 100%) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(212, 170, 89, 0.35) !important;
  box-shadow: 0 4px 12px rgba(18, 52, 84, 0.18) !important;
}

body .elementor-element-506e2d73 .elementor-button .elementor-button-text,
body .elementor-element-e75b91f .elementor-widget-button .elementor-button .elementor-button-text {
  color: inherit !important;
}

/* Hover nos botões de informações */
.elementor-button-link.elementor-size-sm:hover,
.elementor-button-link.elementor-size-md:hover,
body .elementor-element.elementor-element-b1a91c7 .elementor-button:hover,
body .elementor-element.elementor-element-4062870b .elementor-button:hover,
body .elementor-element.elementor-element-260b7f12 .elementor-button:hover,
body .elementor-element.elementor-element-506e2d73 .elementor-button:hover,
body .elementor-element.elementor-element-e75b91f .elementor-widget-button .elementor-button:hover {
  background: linear-gradient(135deg, #D4AA59 0%, #B8851B 100%) !important;
  color: #123454 !important;
  border-color: #D4AA59 !important;
  box-shadow: 0 8px 22px rgba(18, 52, 84, 0.3), 0 0 14px rgba(212, 170, 89, 0.5) !important;
}

/* Clique / Active / Focus / Visited - NUNCA FICA APAGADO, ESCURO OU SEM CONTRASTE */
body .elementor-element.elementor-element-b1a91c7 .elementor-button:active,
body .elementor-element.elementor-element-b1a91c7 .elementor-button:focus,
body .elementor-element.elementor-element-4062870b .elementor-button:active,
body .elementor-element.elementor-element-4062870b .elementor-button:focus,
body .elementor-element.elementor-element-260b7f12 .elementor-button:active,
body .elementor-element.elementor-element-260b7f12 .elementor-button:focus,
body .elementor-element.elementor-element-506e2d73 .elementor-button:active,
body .elementor-element.elementor-element-506e2d73 .elementor-button:focus,
body .elementor-element.elementor-element-e75b91f .elementor-widget-button .elementor-button:active,
body .elementor-element.elementor-element-e75b91f .elementor-widget-button .elementor-button:focus,
body .elementor-button.elementor-size-sm:active,
body .elementor-button.elementor-size-sm:focus {
  background: linear-gradient(135deg, #123454 0%, #1A4773 100%) !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 2px 8px rgba(18, 52, 84, 0.25) !important;
}

body .elementor-button:focus:not(:focus-visible) {
  outline: none !important;
}

body .elementor-button:active .elementor-button-text,
body .elementor-button:focus .elementor-button-text,
body .elementor-button:active span,
body .elementor-button:focus span,
body .elementor-button .elementor-button-text {
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ==========================================================================
   2. EFEITO 3D AVANÇADO E ANEL PERIMETRAL DE SELEÇÃO NOS CARDS DE ARTIGOS
   ========================================================================== */

/* Cards regulares de posts (NUNCA afetar o elemento raiz da página de post single) */
.jeg_post:not(.single-post-wrapper),
.jeg_pl_sm,
.jeg_pl_md_1,
.jeg_pl_lg_2,
.elementor-posts-container .elementor-post,
.jeg_related_post .jeg_post {
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
              border-color 0.35s ease,
              background 0.35s ease !important;
  will-change: transform, box-shadow !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

/* PRESERVAÇÃO RIGOROSA DO HERO SKEW (NUNCA COLAPSAR A ALTURA) */
.jeg_heroblock .jeg_post,
.jeg_heroblock_skew .jeg_post,
.jeg_heroblock_skew .jeg_hero_item_1,
.jeg_heroblock_skew .jeg_hero_item_2 {
  position: absolute !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.jeg_heroblock_skew .jeg_hero_item_1 {
  width: 50% !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 1px !important;
}

.jeg_heroblock_skew .jeg_hero_item_2 {
  width: 50% !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 1px !important;
}

.jeg_heroblock .jeg_post:hover,
.jeg_heroblock_skew .jeg_post:hover {
  box-shadow: 0 16px 36px -8px rgba(18, 52, 84, 0.28) !important;
  z-index: 10 !important;
}

/* ==========================================================================
   3. GRID PERFEITO COM GAP NO BLOCO DE NOTÍCIAS (.jeg_postblock_2)
   ========================================================================== */
.jeg_postblock_2 .jeg_posts {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* Card Grande (.jeg_pl_lg_2) ocupa a largura total no topo */
.jeg_postblock_2 .jeg_pl_lg_2 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 52, 84, 0.08) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(18, 52, 84, 0.05) !important;
  margin: 0 0 6px 0 !important;
}

.jeg_pl_lg_2 .jeg_thumb {
  border-radius: 13px 13px 0 0 !important;
  overflow: hidden !important;
}

.jeg_pl_lg_2 .jeg_postblock_content {
  padding: 18px 20px 22px 20px !important;
  background: #FFFFFF !important;
}

.jeg_pl_lg_2 .jeg_post_title a {
  color: #123454 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Cards Pequenos da Lista (.jeg_pl_sm) - Imagem SEMPRE à esquerda do texto em todo o site */
.jeg_pl_sm {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.jeg_pl_sm .jeg_thumb {
  float: none !important;
  margin: 0 !important;
  flex: 0 0 90px !important;
  width: 90px !important;
  min-width: 90px !important;
  height: 90px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.jeg_pl_sm .jeg_thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.jeg_pl_sm .jeg_postblock_content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
}

.jeg_pl_sm .jeg_post_title {
  margin: 0 0 6px 0 !important;
  padding: 2px 0 4px 0 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  overflow: visible !important;
}

.jeg_pl_sm .jeg_post_title a {
  color: #123454 !important;
  display: inline-block !important;
  padding-top: 2px !important;
  line-height: 1.4 !important;
}

/* Customização de cartão para .jeg_pl_sm dentro do Bloco 2 de Notícias */
.jeg_postblock_2 .jeg_pl_sm {
  width: 100% !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 52, 84, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  min-height: 116px !important;
  box-shadow: 0 4px 14px rgba(18, 52, 84, 0.04) !important;
  height: 100% !important;
}

/* Hover e Estado Selecionado (Destaque Suave e Moderno - SEM contornos amarelos artificiais) */
.jeg_pl_sm:hover,
.jeg_pl_md_1:hover,
.jeg_pl_lg_2:hover,
.elementor-posts-container .elementor-post:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(18, 52, 84, 0.2) !important;
  box-shadow: 0 14px 30px -6px rgba(18, 52, 84, 0.16),
              0 4px 12px rgba(18, 52, 84, 0.06) !important;
  z-index: 15 !important;
}

.jeg_pl_sm.betel-card-selected,
.jeg_pl_lg_2.betel-card-selected,
.elementor-posts-container .elementor-post.betel-card-selected {
  transform: translateY(-3px) scale(0.995) !important;
  border-color: #123454 !important;
  box-shadow: 0 8px 22px rgba(18, 52, 84, 0.18) !important;
}

.jeg_pl_sm:active,
.jeg_pl_lg_2:active {
  transform: translateY(-2px) scale(0.995) !important;
  box-shadow: 0 6px 16px rgba(18, 52, 84, 0.15) !important;
}

/* Micro-zoom elegante na imagem de capa */
.jeg_pl_sm .jeg_thumb,
.jeg_pl_lg_2 .jeg_thumb,
.jeg_pl_md_1 .jeg_thumb {
  overflow: hidden !important;
}

.jeg_pl_sm .jeg_thumb img,
.jeg_pl_lg_2 .jeg_thumb img,
.jeg_pl_md_1 .jeg_thumb img {
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform !important;
}

.jeg_pl_sm:hover .jeg_thumb img,
.jeg_pl_lg_2:hover .jeg_thumb img,
.jeg_pl_md_1:hover .jeg_thumb img {
  transform: scale(1.05) !important;
}

.jeg_pl_sm:hover .jeg_post_title a,
.jeg_pl_lg_2:hover .jeg_post_title a,
.jeg_pl_md_1:hover .jeg_post_title a {
  color: #B8851B !important;
}

/* Imagens dos Livros/Revistas na Sidebar */
.elementor-element-724398e7 img,
.elementor-element-faf0a2e img,
.elementor-element-17568ed img {
  border-radius: 10px !important;
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  box-shadow: 0 6px 18px rgba(18, 52, 84, 0.12) !important;
}

.elementor-element-724398e7:hover img,
.elementor-element-faf0a2e:hover img,
.elementor-element-17568ed:hover img {
  transform: translateY(-4px) scale(1.015) !important;
  box-shadow: 0 14px 28px rgba(18, 52, 84, 0.22) !important;
}

/* ==========================================================================
   4. CARROSSEL DE DEPOIMENTOS DOS ALUNOS ("BETELINOS EM AÇÃO")
   - Design moderno em formato card com fundo branco e cantos arredondados
   - Zero corte de letras no topo durante o hover
   - Informações completas (imagem, título e data) 100% visíveis
   - Botões de navegação circulares elegantes (elimina os blocos brancos verticais)
   ========================================================================== */
.elementor-widget-epic_carousel_3_elementor,
.jeg_postblock_carousel_3,
.elementor-element-21327dba {
  overflow: visible !important;
  padding: 6px 0 !important;
  margin-bottom: 24px !important;
}

.jeg_postblock_carousel_3 .jeg_carousel_post {
  padding: 0 44px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.jeg_postblock_carousel_3 .epic-owl-stage-outer,
.jeg_postblock_carousel_3 .owl-stage-outer {
  padding: 8px 0 16px 0 !important;
  margin: -8px 0 -16px 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.jeg_postblock_carousel_3 .jeg_post {
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 52, 84, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(18, 52, 84, 0.05) !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 105px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  width: 100% !important;
  transform: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.jeg_postblock_carousel_3 .jeg_post:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(18, 52, 84, 0.12) !important;
}

.jeg_postblock_carousel_3 .jeg_thumb {
  flex: 0 0 70px !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 !important;
  float: none !important;
}

.jeg_postblock_carousel_3 .jeg_thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.jeg_postblock_carousel_3 .jeg_postblock_content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
}

.jeg_postblock_carousel_3 .jeg_post_title {
  overflow: visible !important;
  line-height: 1.35 !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.jeg_postblock_carousel_3 .jeg_post_title a {
  color: #123454 !important;
  display: inline !important;
  line-height: 1.35 !important;
}

.jeg_postblock_carousel_3 .jeg_post_meta {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 11.5px !important;
  color: #697C8E !important;
  margin: 0 !important;
  padding: 0 !important;
}

.jeg_postblock_carousel_3 .jeg_post_meta a,
.jeg_postblock_carousel_3 .jeg_post_meta i {
  color: #697C8E !important;
  font-size: 11.5px !important;
}

/* OVERRIDE ESTRUTURAL COMPLETO DOS BOTÕES JNEWS (ELIMINAÇÃO TOTAL DO FORMATO OVAL/CÁPSULA) */
.jeg_postblock_carousel_3 .epic-owl-nav,
.jeg_postblock_carousel_3 .owl-nav {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  pointer-events: none !important;
  display: block !important;
}

.jeg_postblock_carousel_3 .epic-owl-nav > div,
.jeg_postblock_carousel_3 .owl-nav > div,
.jeg_postblock_carousel_3 .epic-owl-prev,
.jeg_postblock_carousel_3 .epic-owl-next,
.jeg_postblock_carousel_3 .owl-prev,
.jeg_postblock_carousel_3 .owl-next,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-prev,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-next,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-prev,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-next,
html body .elementor .jeg_postblock_carousel_3 .epic-owl-prev,
html body .elementor .jeg_postblock_carousel_3 .epic-owl-next {
  position: absolute !important;
  pointer-events: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(18, 52, 84, 0.15) !important;
  box-shadow: 0 4px 12px rgba(18, 52, 84, 0.14) !important;
  color: #123454 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  z-index: 25 !important;
  transition: all 0.2s ease !important;
}

.jeg_postblock_carousel_3 .epic-owl-prev:hover,
.jeg_postblock_carousel_3 .epic-owl-next:hover,
.jeg_postblock_carousel_3 .owl-prev:hover,
.jeg_postblock_carousel_3 .owl-next:hover,
html body .elementor.elementor-9983 .epic-owl-prev:hover,
html body .elementor.elementor-9983 .epic-owl-next:hover {
  background: #123454 !important;
  color: #FFFFFF !important;
  border-color: #123454 !important;
  box-shadow: 0 6px 16px rgba(18, 52, 84, 0.25) !important;
}

html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-prev,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-prev,
html body .elementor .jeg_postblock_carousel_3 .epic-owl-prev,
.jeg_postblock_carousel_3 .epic-owl-prev,
.jeg_postblock_carousel_3 .owl-prev {
  left: 4px !important;
  right: auto !important;
}

html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-next,
html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-next,
html body .elementor .jeg_postblock_carousel_3 .epic-owl-next,
.jeg_postblock_carousel_3 .epic-owl-next,
.jeg_postblock_carousel_3 .owl-next {
  right: 4px !important;
  left: auto !important;
}

/* ==========================================================================
   5. SEÇÃO DE POSTS RELACIONADOS (PÁGINAS DE POSTS)
   ========================================================================== */
.elementor-widget-epic_post_related_elementor .jeg_block_title,
.epic_related_post_container .jeg_block_title,
.jeg_related_post .jeg_block_heading {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 12px !important;
  color: #123454 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 24px !important;
}

.elementor-widget-epic_post_related_elementor .jeg_block_title::after,
.epic_related_post_container .jeg_block_title::after,
.jeg_related_post .jeg_block_heading::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 55px !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #D4AA59 0%, #B8851B 100%) !important;
  border-radius: 3px !important;
}

.elementor-widget-epic_post_related_elementor .jeg_posts,
.epic_related_post_container .jeg_posts {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.elementor-widget-epic_post_related_elementor .jeg_post,
.epic_related_post_container .jeg_post,
.jeg_related_post .jeg_post {
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 52, 84, 0.08) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(18, 52, 84, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.elementor-widget-epic_post_related_elementor .jeg_thumb,
.epic_related_post_container .jeg_thumb,
.jeg_related_post .jeg_thumb {
  border-radius: 13px 13px 0 0 !important;
}

.elementor-widget-epic_post_related_elementor .jeg_postblock_content,
.epic_related_post_container .jeg_postblock_content {
  padding: 16px 18px 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  background: #FFFFFF !important;
}

.elementor-widget-epic_post_related_elementor .jeg_post_title,
.epic_related_post_container .jeg_post_title {
  margin: 8px 0 12px 0 !important;
  line-height: 1.4 !important;
}

.elementor-widget-epic_post_related_elementor .jeg_post_title a,
.epic_related_post_container .jeg_post_title a {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #123454 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.elementor-widget-epic_post_related_elementor .jeg_post_meta,
.epic_related_post_container .jeg_post_meta {
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(18, 52, 84, 0.06) !important;
  font-size: 12px !important;
  color: #64748B !important;
}

/* ==========================================================================
   6. FIXAÇÃO E ALINHAMENTO DA SEÇÃO "NOSSOS SEMINÁRIOS" & IMAGEM "ONDE ESTAMOS"
   - A imagem "Onde estamos" fica PERMANENTEMENTE alinhada ao topo da coluna,
     sem descer quando os acordions são abertos
   ========================================================================== */
.elementor-element-2963fd8f .elementor-container,
.elementor-element-2963fd8f .elementor-row,
.elementor-section .elementor-element-59cb1467,
.elementor-element-59cb1467 > .elementor-widget-wrap {
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
}

.elementor-element-59cb1467 .elementor-widget-image,
.elementor-element-7ffc1550 {
  margin-top: 0 !important;
  align-self: flex-start !important;
}

/* Estilo harmonioso das abas / acordions dos seminários */
.elementor-tab-title {
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
}

.elementor-tab-title:hover {
  background: rgba(212, 170, 89, 0.12) !important;
  color: #123454 !important;
  transform: translateX(3px) !important;
}

.elementor-tab-title.elementor-active {
  background: linear-gradient(135deg, #123454 0%, #1A4773 100%) !important;
  color: #FFFFFF !important;
  border-left: 4px solid #D4AA59 !important;
}

/* ==========================================================================
   7. ISOLAMENTO DAS GALERIAS DE FOTOS (SPECTRA MASONRY GALLERY)
   - Não interferir em posicionamento, flex ou grid do plugin de galeria
   ========================================================================== */
.spectra-image-gallery,
.spectra-image-gallery * {
  border-radius: 8px;
}

/* ==========================================================================
   8. OTIMIZAÇÕES RESPONSIVAS MOBILE (@media max-width: 767px)
   ========================================================================== */
@media (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
  }

  .elementor-section {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  .jeg_posts {
    padding: 0 !important;
  }

  /* Hero Skew no Mobile: Nenhuma informação ou selo cortado */
  .jeg_heroblock_skew,
  .jeg_heroblock {
    height: 320px !important;
    position: relative !important;
    margin-bottom: 20px !important;
  }

  .jeg_heroblock_skew .jeg_post,
  .jeg_heroblock .jeg_post {
    height: 320px !important;
    position: absolute !important;
  }

  .jeg_heroblock_skew .jeg_postblock_content,
  .jeg_heroblock .jeg_postblock_content {
    top: auto !important;
    bottom: 0px !important;
    padding: 10px 10px 14px 10px !important;
  }

  .jeg_heroblock_skew .jeg_post_category,
  .jeg_heroblock .jeg_post_category {
    display: inline-block !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
  }

  .jeg_heroblock_skew .jeg_post_title,
  .jeg_heroblock .jeg_post_title {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  .jeg_heroblock_skew .jeg_post_title a,
  .jeg_heroblock .jeg_post_title a {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    color: #FFFFFF !important;
  }

  .jeg_heroblock_skew .jeg_post_meta,
  .jeg_heroblock .jeg_post_meta {
    font-size: 10px !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* Bloco de notícias em 1 coluna fluida no celular */
  .jeg_postblock_2 .jeg_posts {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .jeg_post,
  .jeg_pl_md_1,
  .elementor-post {
    margin-bottom: 14px !important;
    width: 100% !important;
  }

  /* Card Grande Principal no Mobile: Imagem no topo em 100%, texto com resumo e botão completo */
  .jeg_postblock_2 .jeg_pl_lg_2 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
  }

  .jeg_pl_lg_2 .jeg_thumb {
    width: 100% !important;
    height: 190px !important;
    float: none !important;
    flex: 0 0 auto !important;
    border-radius: 13px 13px 0 0 !important;
  }

  .jeg_pl_lg_2 .jeg_thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .jeg_pl_lg_2 .jeg_postblock_content {
    width: 100% !important;
    padding: 16px 18px 18px 18px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .jeg_pl_lg_2 .jeg_post_category {
    margin-bottom: 8px !important;
  }

  .jeg_pl_lg_2 .jeg_post_title {
    margin-bottom: 8px !important;
  }

  .jeg_pl_lg_2 .jeg_post_title a {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .jeg_pl_lg_2 .jeg_post_excerpt {
    display: block !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #555555 !important;
    margin: 8px 0 14px 0 !important;
  }

  .jeg_pl_lg_2 .jeg_readmore {
    display: inline-flex !important;
    align-self: flex-start !important;
  }

  /* Card pequeno no celular: alinhamento limpo, fluído e altura proporcional */
  .jeg_pl_sm {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .jeg_pl_sm .jeg_thumb {
    flex: 0 0 75px !important;
    width: 75px !important;
    height: 75px !important;
    min-width: 75px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .jeg_pl_sm .jeg_postblock_content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .jeg_pl_sm .jeg_post_title {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 0 0 4px 0 !important;
  }

  /* Carrossel de Depoimentos no Mobile: EXATAMENTE PADRONIZADO COM A SEGUNDA IMAGEM */
  .jeg_postblock_carousel_3 .jeg_carousel_post {
    padding: 0 44px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .jeg_postblock_carousel_3 .epic-owl-stage-outer,
  .jeg_postblock_carousel_3 .owl-stage-outer {
    padding: 6px 0 16px 0 !important;
    margin: -6px 0 -16px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .jeg_postblock_carousel_3 .jeg_post {
    padding: 12px 14px !important;
    min-height: 105px !important;
    gap: 12px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(18, 52, 84, 0.08) !important;
    box-shadow: 0 4px 16px rgba(18, 52, 84, 0.05) !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .jeg_postblock_carousel_3 .jeg_thumb {
    flex: 0 0 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    border-radius: 10px !important;
  }

  .jeg_postblock_carousel_3 .jeg_post_title {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }

  /* Setas circulares perfeitas de 36px, posicionadas fora do card */
  .jeg_postblock_carousel_3 .epic-owl-nav > div,
  .jeg_postblock_carousel_3 .owl-nav > div,
  .jeg_postblock_carousel_3 .epic-owl-prev,
  .jeg_postblock_carousel_3 .epic-owl-next,
  .jeg_postblock_carousel_3 .owl-prev,
  .jeg_postblock_carousel_3 .owl-next,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-prev,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-next,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-prev,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-next,
  html body .elementor .jeg_postblock_carousel_3 .epic-owl-prev,
  html body .elementor .jeg_postblock_carousel_3 .epic-owl-next {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    background: #FFFFFF !important;
    border: 1.5px solid rgba(18, 52, 84, 0.15) !important;
    box-shadow: 0 4px 12px rgba(18, 52, 84, 0.14) !important;
    color: #123454 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    z-index: 25 !important;
  }

  html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-prev,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-prev,
  html body .elementor .jeg_postblock_carousel_3 .epic-owl-prev,
  .jeg_postblock_carousel_3 .epic-owl-prev,
  .jeg_postblock_carousel_3 .owl-prev {
    left: 4px !important;
    right: auto !important;
  }

  html body .elementor.elementor-9983 > .elementor-element.elementor-element-225c80e .epic-owl-next,
  html body .elementor.elementor-9983 > .elementor-element.elementor-element-44f792dc .epic-owl-next,
  html body .elementor .jeg_postblock_carousel_3 .epic-owl-next,
  .jeg_postblock_carousel_3 .epic-owl-next,
  .jeg_postblock_carousel_3 .owl-next {
    right: 4px !important;
    left: auto !important;
  }

  /* HARMONIZAÇÃO DE ESPAÇAMENTOS VERTICAIS NO MOBILE */
  /* 1. Redução do espaçamento entre o título "Notícias - Divulgações" e o campo de pesquisa */
  .elementor-element.elementor-element-105e8390 {
    margin-bottom: 8px !important;
  }
  .elementor-element.elementor-element-0e532fb {
    margin-top: 6px !important;
    margin-bottom: 16px !important;
  }

  /* 2. Redução do vão vazio abaixo do carrossel de pôsteres promocionais */
  .elementor-element.elementor-element-62b70b67 {
    margin-bottom: 8px !important;
  }
  .elementor-element.elementor-element-2c88802c {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }

  /* 3. Redução do vão vazio abaixo do botão "Leia Mais" de CETEMIBB antes de "Liderança do CETEMIBB" */
  .elementor-element.elementor-element-1b0fb817 {
    padding-bottom: 8px !important;
  }
  .elementor-element.elementor-element-1b0fb817 .elementor-element-a3b1788 {
    margin-bottom: 0px !important;
  }
  .elementor.elementor-9983 > .elementor-element.elementor-element-5e4de67c {
    padding-top: 8px !important;
  }

  /* Livros e imagens da lateral: um livro por vez no celular */
  .elementor-element-724398e7,
  .elementor-element-faf0a2e,
  .elementor-element-17568ed {
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto 16px auto !important;
  }

  /* Botões no mobile: tamanho de toque ergonômico (mínimo 44px) */
  .elementor-button,
  a.elementor-button,
  .btn,
  .jeg_readmore {
    min-height: 44px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
  }

  .jeg_post:active,
  .jeg_post.betel-card-touch {
    transform: translateY(-2px) scale(0.99) !important;
    box-shadow: 0 8px 20px rgba(18, 52, 84, 0.15) !important;
  }

  /* Posts Relacionados em coluna única fluida no celular */
  .elementor-widget-epic_post_related_elementor .jeg_posts,
  .epic_related_post_container .jeg_posts {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .elementor-widget-epic_post_related_elementor .jeg_post,
  .epic_related_post_container .jeg_post {
    width: 100% !important;
  }

  /* Espaçamentos confortáveis para leitura de posts */
  .elementor-widget-theme-post-content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Ajuste no botão de cabeçalho "ENTRAR AGORA" no mobile */
  #betel-alumni-widget-container .elementor-button,
  .elementor-button[href*="ex-alunos"] {
    padding: 8px 18px !important;
    font-size: 13px !important;
    width: auto !important;
    min-height: 38px !important;
  }
}

/* ==========================================================================
   HARMONIZAÇÃO GLOBAL DE ESPAÇAMENTOS VERTICAIS
   ========================================================================== */
.elementor-element.elementor-element-105e8390 {
  margin-bottom: 8px !important;
}
.elementor-element.elementor-element-0e532fb {
  margin-top: 6px !important;
  margin-bottom: 16px !important;
}

.elementor-element.elementor-element-62b70b67 {
  margin-bottom: 8px !important;
}
.elementor-element.elementor-element-2c88802c {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}

.elementor-element.elementor-element-1b0fb817 {
  padding-bottom: 8px !important;
}
.elementor-element.elementor-element-1b0fb817 .elementor-element-a3b1788 {
  margin-bottom: 0px !important;
}
.elementor.elementor-9983 > .elementor-element.elementor-element-5e4de67c {
  padding-top: 8px !important;
}