/* ============================================
   ESTILOS CUSTOMIZADOS - METODOLOGIA
   ============================================ */

/* ============================================
   REGRAS PARA TELAS MENORES (até 768px)
   Esconder backgrounds laterais e WhatsApp
   ============================================ */

@media (max-width: 768px) {

  /* Remove botão WhatsApp em telas menores */
  #btwhats,
  a[href*="wa.me"] {
    display: none !important;
  }

  /* Esconder backgrounds laterais em telas menores */
  .elementor-3067 .elementor-element.elementor-element-339c8e7,
  .elementor-3067 .elementor-element.elementor-element-image_direito_1,
  .elementor-3067 .elementor-element.elementor-element-image_esquerdo_2 {
    display: none !important;
  }
}

/* ============================================
   TODAS AS REGRAS ABAIXO SÓ APLICAM A PARTIR DE 769px
   Mobile e Tablet (até 768px) usam apenas post-3067.css
   ============================================ */

@media (min-width: 769px) {

  /* ============================================
     GLOBAL
     ============================================ */

  /* Remove botão WhatsApp da página de metodologia */
  #btwhats,
  a[href*="wa.me"] {
    display: none !important;
  }

  /* Reset básico para garantir consistência */
  .elementor-3067 {
    box-sizing: border-box !important;
  }

  .elementor-3067 *,
  .elementor-3067 *::before,
  .elementor-3067 *::after {
    box-sizing: border-box !important;
  }

  /* Zerar padding lateral de todas as colunas - global */
  .elementor-3067 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ============================================
     HEADER
     ============================================ */

  /* Header fixo - section principal (c391105) */
  .elementor-3067 .elementor-element.elementor-element-c391105 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: #070C10 !important;
    /* Cor cinza escuro/preto cinzento especificada */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    /* Sombra sutil para destacar o header */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    /* Aumenta a altura do header - ajuste conforme necessário */
  }

  /* Ajustar o padding-top do container principal para compensar o header fixo */
  /* Isso evita que o conteúdo fique escondido atrás do header */
  .elementor-3067 {
    padding-top: 120px !important;
    /* Ajuste este valor se necessário, mas geralmente funciona bem */
  }

  /* Container do header - manter padding lateral padrão do Elementor */
  /* Não forçar width 100% para manter o alinhamento centralizado */
  .elementor-3067 .elementor-element.elementor-element-c391105 .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /* Padding lateral para manter conteúdo centralizado */
  }

  /* Ajustar a section interna do header (logo + menu) */
  .elementor-3067 .elementor-element.elementor-element-92fbd1d {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ============================================
     CONTEÚDO - SECTION 1
     ============================================ */

  /* Título "Como fazemos?" - centralizado, 50px abaixo do header */
  .elementor-3067 .elementor-element.elementor-element-067ca2d {
    text-align: center !important;
    margin-top: 10px !important;
    padding-top: 0 !important;
    /* Remove padding-top do post-3067.css para usar margin-top */
    transform: translate(-60px, 10px) !important;
  }

  /* Alterar font-weight do título de 700 para 600 */
  .elementor-3067 .elementor-element.elementor-element-067ca2d .elementor-heading-title {
    font-weight: 600 !important;
  }

  /* Remove padding de 40px do widget-container do título */
  .elementor-3067 .elementor-element.elementor-element-067ca2d>.elementor-widget-container {
    padding: 0 !important;
    /* Remove padding:40px 0px 0px 0px do post-3067.css */
  }

  /* Texto "Desenvolvemos um plano..." - centralizado, 25px abaixo do título */
  .elementor-3067 .elementor-element.elementor-element-9775e4b {
    text-align: center !important;
    margin-top: 0px !important;
  }

  .elementor-3067 .elementor-element.elementor-element-9775e4b .elementor-text-editor {
    text-align: center !important;
    transform: translate(-60px, 10px)
  }

  /* Section dos 3 pilares - 35px abaixo do texto anterior */
  .elementor-3067 .elementor-element.elementor-element-3a5ea02 {
    margin-top: 20px !important;
  }

  /* Garantir que os 3 pilares estejam centralizados horizontalmente */
  .elementor-3067 .elementor-element.elementor-element-3a5ea02 .elementor-container {
    display: flex !important;
    justify-content: flex-end !important;
    max-width: 50%;
  }

  /* Os textos dos 3 pilares já têm font-size: 24px e font-weight: 900 no post-3067.css */
  /* Ajustar espaçamento entre números e textos - padronizar para que todos fiquem iguais */

  /* Números (1., 2., 3.) - reduzir espaço abaixo para que texto fique bem abaixo */
  .elementor-3067 .elementor-element.elementor-element-b9e8946,
  .elementor-3067 .elementor-element.elementor-element-6e7fe1d,
  .elementor-3067 .elementor-element.elementor-element-8ce5e0f {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-b9e8946>.elementor-widget-container,
  .elementor-3067 .elementor-element.elementor-element-6e7fe1d>.elementor-widget-container,
  .elementor-3067 .elementor-element.elementor-element-8ce5e0f>.elementor-widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Textos (OBJETIVOS, INTELIGÊNCIA, PERFORMANCE) - centralizar e ajustar espaçamento */
  .elementor-3067 .elementor-element.elementor-element-3db4cfb,
  .elementor-3067 .elementor-element.elementor-element-e70ee27,
  .elementor-3067 .elementor-element.elementor-element-e0e8303 {
    /* text-align: center !important; */
    margin-top: 5px !important;
    /* Espaço mínimo entre número e texto - bem abaixo do número */
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-3db4cfb>.elementor-widget-container,
  .elementor-3067 .elementor-element.elementor-element-e70ee27>.elementor-widget-container,
  .elementor-3067 .elementor-element.elementor-element-e0e8303>.elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Linha separadora - mais larga, passar um pouco o conteúdo dos 2 lados */
  /* Usa viewport width (vw) para ser responsivo em diferentes tamanhos de tela */
  .elementor-3067 .elementor-element.elementor-element-40d931d {
    width: calc(100% + 8vw) !important;
    /* Usa viewport width para ser responsivo */
    max-width: calc(100% + 8vw) !important;
    margin-left: 18vw !important;
    /* Margin negativo responsivo baseado em vw para centralizar */
    margin-right: 20vw !important;
    /* Margin direito negativo para compensar e centralizar */
    overflow: visible !important;
  }

  .elementor-3067 .elementor-element.elementor-element-40d931d .elementor-divider-separator {
    width: 100% !important;
  }

  /* Dividers das sections - estilos comuns */
  .elementor-3067 .elementor-element.elementor-element-divider_section2,
  .elementor-3067 .elementor-element.elementor-element-divider_section3 {
    --divider-border-style: solid !important;
    --divider-border-color: #5F6368 !important;
    --divider-border-width: 1.1px !important;
    width: calc(100% + 8vw) !important;
    max-width: calc(100% + 8vw) !important;
    margin-left: 18vw !important;
    margin-right: 20vw !important;
    overflow: visible !important;
  }

  /* Divider da section 2 - ajuste individual */
  .elementor-3067 .elementor-element.elementor-element-divider_section2 {
    transform: translateY(-180px) !important;
    /* Ajuste individual para este divider */
  }

  /* Divider da section 3 - ajuste individual */
  .elementor-3067 .elementor-element.elementor-element-divider_section3 {
    transform: translateY(-280px) !important;
    /* Ajuste individual para este divider */
  }

  .elementor-3067 .elementor-element.elementor-element-divider_section2 .elementor-divider-separator,
  .elementor-3067 .elementor-element.elementor-element-divider_section3 .elementor-divider-separator {
    width: 100% !important;
  }

  .elementor-3067 .elementor-element.elementor-element-divider_section2 .elementor-divider,
  .elementor-3067 .elementor-element.elementor-element-divider_section3 .elementor-divider {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  /* Backgrounds Laterais */
  /* Imagem lateral esquerda superior (image_esquerdo_1) - controlar posição vertical */
  .elementor-3067 .elementor-element.elementor-element-339c8e7 {
    transform: translateY(360px) !important;
    /* Remove position: absolute e left: 0 - não são necessários pois já está na coluna com position: relative */
  }

  /* Ajustar largura da imagem lateral esquerda superior */
  .elementor-3067 .elementor-element.elementor-element-339c8e7 .elementor-image img {
    width: 200px !important;
    height: 100px !important;
    /* Altura reduzida para testar */
    /* Mantém proporção e corta se necessário */
    margin: 0 !important;
  }

  /* Imagem lateral direita - na altura do 3. PERFORMANCE (grudada na borda) */
  .elementor-3067 .elementor-element.elementor-element-image_direito_1 {
    position: absolute !important;
    right: 0 !important;
    /* Gruda na borda direita */
    top: 600px !important;
    /* Ajuste este valor conforme a altura do 3. PERFORMANCE */
    width: 200px !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(1136px) !important;
    /* Mesmo ajuste aplicado na imagem esquerda para descer */
  }

  .elementor-3067 .elementor-element.elementor-element-image_direito_1 .elementor-image img {
    width: 200px !important;
    height: 100px !important;
    /* Altura reduzida para testar */
    object-fit: cover !important;
    /* Mantém proporção e corta se necessário */
    margin: 0 !important;
  }

  /* Garantir que a coluna direita tenha position relative para o absolute funcionar */
  /* Reduzir largura da coluna direita para apenas o necessário para a imagem lateral */
  .elementor-3067 .elementor-element.elementor-element-cb67cdd {
    position: relative !important;
    width: auto !important;
    /* Remove a largura fixa de 33% ou 27.456% */
    max-width: 200px !important;
    /* Limita a largura máxima para apenas o espaço da imagem lateral */
    flex: 0 0 auto !important;
    /* Permite que a coluna tenha apenas o tamanho necessário */
  }

  /* Coluna central - ocupar o espaço restante */
  .elementor-3067 .elementor-element.elementor-element-5dfe2da {
    flex: 1 1 auto !important;
    /* Ocupa todo o espaço disponível entre as duas colunas laterais */
    min-width: 0 !important;
    /* Permite que a coluna encolha se necessário */
  }

  /* Imagem lateral esquerda 2 - versão simplificada */
  .elementor-3067 .elementor-element.elementor-element-image_esquerdo_2 {
    position: absolute !important;
    left: 0 !important;
    bottom: 535px !important;
    /* Posiciona a partir de baixo do elemento pai */
    /* Ajuste este valor para mover para cima/baixo */
    width: 200px !important;
    z-index: 100 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-image_esquerdo_2 .elementor-image img {
    width: 200px !important;
    height: 100px !important;
    object-fit: cover !important;
    /* Mantém proporção e corta se necessário */
    margin: 0 !important;
  }

  /* Garantir que a coluna esquerda tenha position relative para o absolute funcionar */
  /* Reduzir largura da coluna esquerda para apenas o necessário para imagens laterais */
  .elementor-3067 .elementor-element.elementor-element-b1b6637 {
    position: relative !important;
    width: auto !important;
    /* Remove a largura fixa de 33% */
    max-width: 200px !important;
    /* Limita a largura máxima para apenas o espaço das imagens laterais */
    flex: 0 0 auto !important;
    /* Permite que a coluna tenha apenas o tamanho necessário */
  }


  /* ============================================
     CONTEÚDO - SECTION 2 (1. OBJETIVOS)
     ============================================ */

  /* Section 2 - container principal */
  /* Ajustes gerais da section se necessário */

  /* Section 2 - zerar padding e margin */
  .elementor-3067 .elementor-element.elementor-element-08ba910 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 75px !important;
    margin-right: 0 !important;
  }

  /* Container da section 2 - ocupar mais espaço e zerar padding */
  .elementor-3067 .elementor-element.elementor-element-08ba910 .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Row da section 2 - ocupar mais espaço e zerar padding */
  .elementor-3067 .elementor-element.elementor-element-08ba910 .elementor-row {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Container da coluna - ajustar layout e ocupar mais espaço */
  .elementor-3067 .elementor-element.elementor-element-cee14be {
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Column-wrap da section 2 - zerar padding */
  .elementor-3067 .elementor-element.elementor-element-cee14be .elementor-column-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* Remove padding direito que pode estar limitando a imagem */
  }

  /* Número "1." e "OBJETIVOS" - ocupar linha inteira */
  .elementor-3067 .elementor-element.elementor-element-6849da0,
  .elementor-3067 .elementor-element.elementor-element-093e32d {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  .elementor-3067 .elementor-element.elementor-element-6849da0 {
    margin-bottom: 6px !important;
  }

  /* Container do texto descritivo e primeira imagem - lado a lado */
  /* Usar inline-block ao invés de flex para não afetar outros elementos */
  /* O widget-wrap não precisa de display: flex - vamos usar inline-block apenas para texto e imagem */

  /* Texto descritivo - inline-block para ficar ao lado da imagem */
  .elementor-3067 .elementor-element.elementor-element-c214683 {
    text-align: left !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 35% !important;
    max-width: 500px !important;
    margin-right: 30px !important;
    /* Espaço entre texto e imagem */
  }

  /* Widget-container do texto - garantir que ocupe espaço */
  .elementor-3067 .elementor-element.elementor-element-c214683 .elementor-widget-container {
    width: 100% !important;
    display: block !important;
  }

  /* Primeira imagem (image_1_objetivos) - inline-block ao lado do texto */
  .elementor-3067 .elementor-element.elementor-element-image_1_objetivos {
    display: inline-block !important;
    vertical-align: top !important;
    width: 60% !important;
    /* Usa porcentagem simples ao invés de calc */
    max-width: 800px !important;
    /* Limita largura máxima */
    margin-right: 0 !important;
    /* Remove margin direito para não grudar */
    padding-right: 50px !important;
    /* Adiciona padding interno para criar espaço da borda */
    text-align: right !important;
    box-sizing: border-box !important;
    /* Inclui padding no cálculo da largura */
    top: -145px !important;
  }

  /* Widget-container da imagem - ajustar largura e remover padding */
  .elementor-3067 .elementor-element.elementor-element-image_1_objetivos .elementor-widget-container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-image_1_objetivos .elementor-image {
    display: inline-block !important;
    max-width: 100% !important;
    width: auto !important;
  }

  .elementor-3067 .elementor-element.elementor-element-image_1_objetivos .elementor-image img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    /* Permite que a imagem tenha altura maior que o texto */
  }

  /* Segunda imagem (image_4_como_posicionar) - centralizada abaixo */
  .elementor-3067 .elementor-element.elementor-element-9fccfed {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 30px !important;
    /* Mantém margin-top original */
    transform: translateY(-150px) !important;
    /* Usa transform negativo para subir sem afetar layout */
    clear: both !important;
    /* Garante que fica abaixo dos elementos inline-block acima */
    margin-left: -90px;
  }

  .elementor-3067 .elementor-element.elementor-element-9fccfed .elementor-image {
    display: inline-block !important;
    max-width: 100% !important;
  }

  /* ============================================
     CONTEÚDO - SECTION 3 (INTELIGÊNCIA)
     ============================================ */

  /* Section 3 - container principal */
  .elementor-3067 .elementor-element.elementor-element-edd61c7 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateY(-160px) !important;
    /* Usa transform negativo para subir sem afetar layout */
  }

  /* Row da section 3 - ocupar mais espaço e zerar padding */
  .elementor-3067 .elementor-element.elementor-element-edd61c7 .elementor-row {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Container da coluna - ajustar layout e ocupar mais espaço */
  .elementor-3067 .elementor-element.elementor-element-560468c {
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Column-wrap da section 3 - zerar padding */
  .elementor-3067 .elementor-element.elementor-element-560468c .elementor-column-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Número "2." e "INTELIGÊNCIA" - ocupar linha inteira */
  .elementor-3067 .elementor-element.elementor-element-de8206c,
  .elementor-3067 .elementor-element.elementor-element-21aae55 {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  .elementor-3067 .elementor-element.elementor-element-de8206c {
    margin-bottom: 6px !important;
  }

  /* Texto descritivo - inline-block para ficar ao lado da imagem */
  .elementor-3067 .elementor-element.elementor-element-6469613 {
    text-align: left !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 45% !important;
    max-width: 600px !important;
    margin-right: 30px !important;
  }

  /* Widget-container do texto - garantir que ocupe espaço */
  .elementor-3067 .elementor-element.elementor-element-6469613 .elementor-widget-container {
    width: 100% !important;
    display: block !important;
  }

  /* Imagem (image_2_inteligencia) - inline-block ao lado do texto */
  .elementor-3067 .elementor-element.elementor-element-96439fa {
    display: inline-block !important;
    vertical-align: top !important;
    width: 50% !important;
    max-width: 700px !important;
    margin-right: 0 !important;
    padding-right: 1px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    transform: translateY(-118px);
  }

  /* Widget-container da imagem - ajustar largura e remover padding */
  .elementor-3067 .elementor-element.elementor-element-96439fa .elementor-widget-container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-96439fa .elementor-image {
    display: inline-block !important;
    max-width: 100% !important;
    width: auto !important;
  }

  .elementor-3067 .elementor-element.elementor-element-96439fa .elementor-image img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  /* ============================================
     CONTEÚDO - SECTION 4 (PERFORMANCE)
     ============================================ */

  /* Section 4 - subir para aproximar da section 3 */
  .elementor-3067 .elementor-element.elementor-element-0230605 {
    transform: translateY(-260px) !important;
    /* Usa transform negativo para subir sem afetar layout */
  }

  /* ============================================
     CONTEÚDO - CARDS (SETUP, CREATIVE, MEDIA PLANNING, OPTIMIZATION)
     ============================================ */



  /* Cards superiores - mesmo tamanho */
  .elementor-3067 .elementor-element.elementor-element-85d5308,
  .elementor-3067 .elementor-element.elementor-element-5f10951,
  .elementor-3067 .elementor-element.elementor-element-b0ab99e,
  .elementor-3067 .elementor-element.elementor-element-0236fbb {
    width: 305px !important;
    height: 414px !important;
    border-width: 4px !important;
    border-radius: 25px !important;
    border-style: solid !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: 15px !important;
    /* Reduzido de 20px para 15px */
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    transform: translateY(-250px) !important;
    /* Adiciona transform para subir todos os cards juntos */
  }

  /* SETUP - borda azul */
  .elementor-3067 .elementor-element.elementor-element-85d5308 {
    border-color: #2F3C8F !important;
  }

  /* CREATIVE - borda vermelha */
  .elementor-3067 .elementor-element.elementor-element-5f10951 {
    border-color: #C81442 !important;
  }

  /* MEDIA PLANNING - borda rosa */
  .elementor-3067 .elementor-element.elementor-element-b0ab99e {
    border-color: #C51263 !important;
  }

  /* OPTIMIZATION - borda roxa escura */
  .elementor-3067 .elementor-element.elementor-element-0236fbb {
    border-color: #984258 !important;
  }

  /* ============================================
CONTEÚDO - CARD MANAGEMENT (maior)
     ============================================ */

  /* MANAGEMENT - card maior */
  .elementor-3067 .elementor-element.elementor-element-45aa422 {
    width: 810px !important;
    height: 516px !important;
    border-width: 4px !important;
    border-radius: 25px !important;
    border-style: solid !important;
    border-color: #6B267C !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: -186px;
    margin-left: 215px;
    transform: translateY(-246px) !important;
  }

  /* ============================================
     FOOTER
     ============================================ */

  /* Unificar as duas sections do footer visualmente */
  .elementor-3067 .elementor-element.elementor-element-c9aef1d,
  .elementor-3067 .elementor-element.elementor-element-5d611da {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #0F0F0F !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Container principal do footer - flexbox vertical */
  .elementor-3067 .elementor-element.elementor-element-c9aef1d .elementor-container,
  .elementor-3067 .elementor-element.elementor-element-5d611da .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  /* Primeira section - logos com flexbox horizontal */
  .elementor-3067 .elementor-element.elementor-element-c9aef1d .elementor-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 850px !important;
    padding: 0px 0px !important;
    margin: 0 !important;
  }

  /* Logo Google - tamanho específico */
  .elementor-3067 .elementor-element.elementor-element-2010eca .elementor-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
  }

  /* Logo Mingle - tamanho específico */
  .elementor-3067 .elementor-element.elementor-element-59d05ba .elementor-image img {
    width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
  }

  /* Segunda section - linha e texto com flexbox vertical */
  .elementor-3067 .elementor-element.elementor-element-5d611da .elementor-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 20px 20px 20px !important;
    margin: 0 !important;
  }

  /* Linha divisória - largura 1064px centralizada */
  .elementor-3067 .elementor-element.elementor-element-a51f9cc {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-a51f9cc .elementor-divider-separator {
    width: 1064px !important;
    max-width: 1064px !important;
    border-top: 1px solid #FFFFFF !important;
  }

  .elementor-3067 .elementor-element.elementor-element-a51f9cc .elementor-divider {
    padding: 0 !important;
  }

  /* Texto do footer - centralizado */
  .elementor-3067 .elementor-element.elementor-element-c1ce3fd {
    width: 100% !important;
    text-align: center !important;
    padding: 0 0 0 0 !important;
    border: none !important;
  }

  .elementor-3067 .elementor-element.elementor-element-c1ce3fd>.elementor-widget-container {
    padding: 0 !important;
  }

  /* Altura total do footer combinado - 350px */
  .elementor-3067 .elementor-element.elementor-element-c9aef1d {
    min-height: auto !important;
    height: auto !important;
  }

  .elementor-3067 .elementor-element.elementor-element-5d611da {
    min-height: auto !important;
    height: auto !important;
  }

  /* Remover padding das colunas */
  .elementor-3067 .elementor-element.elementor-element-c9aef1d .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
  .elementor-3067 .elementor-element.elementor-element-5d611da .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
  }

  /* Garantir que as colunas não quebrem o layout */
  .elementor-3067 .elementor-element.elementor-element-c565f20,
  .elementor-3067 .elementor-element.elementor-element-daa909a,
  .elementor-3067 .elementor-element.elementor-element-b9bae48 {
    width: auto !important;
    flex: 0 0 auto !important;
  }

}

/* ============================================
   REGRAS ESPECÍFICAS PARA TELAS GRANDES (27" - 1920px+)
   Centralizar apenas os 5 cards da Section 4
   ============================================ */

@media (min-width: 1920px) {

  /* Centralizar apenas a coluna central onde estão os cards usando text-align */
  .elementor-3067 .elementor-element.elementor-element-5dfe2da {
    text-align: center !important;
  }

  .elementor-3067 .elementor-element.elementor-element-5dfe2da .elementor-column-wrap {
    text-align: center !important;
  }

  /* Manter texto "3. Performance" alinhado à esquerda */
  .elementor-3067 .elementor-element.elementor-element-0230605 {
    text-align: left !important;
  }

  .elementor-3067 .elementor-element.elementor-element-0230605 .elementor-column-wrap {
    text-align: left !important;
  }

  /* Cards superiores (4 cards menores) - já são inline-block, serão centralizados pelo text-align */
  .elementor-3067 .elementor-element.elementor-element-85d5308,
  .elementor-3067 .elementor-element.elementor-element-5f10951,
  .elementor-3067 .elementor-element.elementor-element-b0ab99e,
  .elementor-3067 .elementor-element.elementor-element-0236fbb {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
  }

  /* MANAGEMENT - card maior centralizado */
  .elementor-3067 .elementor-element.elementor-element-45aa422 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Garantir que a coluna esquerda mantenha position relative em telas grandes */
  .elementor-3067 .elementor-element.elementor-element-b1b6637 {
    position: relative !important;
    width: auto !important;
    max-width: 200px !important;
    flex: 0 0 auto !important;
  }

  /* Garantir que a imagem lateral esquerda 2 continue visível em telas grandes */
  .elementor-3067 .elementor-element.elementor-element-image_esquerdo_2 {
    position: absolute !important;
    left: 0 !important;
    bottom: 535px !important;
    width: 200px !important;
    z-index: 100 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .elementor-3067 .elementor-element.elementor-element-image_esquerdo_2 .elementor-image img {
    width: 200px !important;
    height: 100px !important;
    object-fit: cover !important;
    margin: 0 !important;
    display: block !important;
  }
}

/* ============================================
   FIM - ESTILOS CUSTOMIZADOS
   ============================================ */