/* Configurações Responsivas Específicas */
@media screen and (max-width: 1200px) {
    .container {
        width: 95%;
    }
}

@media screen and (max-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    .hero-section .container {
        flex-direction: column;
        text-align: center;
    }

    .hero-content,
    .hero-image {
        width: 100%;
    }

    .hero-image {
        margin-top: 30px;
    }

    .sobre-section .container {
        flex-direction: column;
        text-align: center;
    }

    .sobre-content,
    .sobre-imagem {
        width: 100%;
    }

    .credenciais {
        flex-direction: column;
        gap: 20px;
    }

    .servicos-grid {
        grid-template-columns: 1fr;
    }

    .resultados-grid {
        grid-template-columns: 1fr 1fr;
    }

    .depoimentos-carousel {
        flex-direction: column;
    }

    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.7rem;
    }

    .resultados-grid {
        grid-template-columns: 1fr;
    }

    .btn-hero,
    .btn-whatsapp,
    .btn-whatsapp-grande {
        width: 100%;
        text-align: center;
    }

    .header .container {
        flex-direction: column;
        gap: 15px;
    }

    .logo img {
        max-height: 40px;
    }

    .cta-final h2 {
        font-size: 1.5rem;
    }

    .cta-final p {
        font-size: 1rem;
    }
}

/* Estilo base para todos os tamanhos de tela */
.sobre-section .container {
  display: flex;
  flex-wrap: wrap;
}

.sobre-header {
  width: 100%; 
  margin-bottom: 0px;

}

.sobre-content {
  flex: 1;
  min-width: 55%;
}

.sobre-imagem {
  flex: 0 0 35%;
}

/* Para desktop */
@media (min-width: 769px) {
  .sobre-section .container {
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
  }
  
  .sobre-header {
    order: 1; /* Cabeçalho primeiro */
  }
  
  .sobre-content {
    order: 2; /* Conteúdo em segundo */
  }
  
  .sobre-imagem {
    order: 3; /* Imagem por último */
  }
}

/* Para mobile */
@media (max-width: 768px) {
  .sobre-section .container {
    flex-direction: column;
  }
  
  /* Ordem dos elementos no mobile */
  .sobre-header {
    order: 1; /* Cabeçalho primeiro */
  }
  
  .sobre-imagem {
    order: 2; /* Imagem em segundo */
    width: 100%;
    margin: 20px 0;
  }
  
  .sobre-content {
    order: 3; /* Conteúdo por último */
    width: 100%;
  }
  
  /* Centralizar os títulos dos diferenciais */
  .sobre-lista li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 25px;
  }
  
  .sobre-lista li i {
    margin-bottom: 10px;
  }
  
  .sobre-lista li strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1.1em;
    text-align: center;
  }
}

/* Efeitos de Transição para Elementos Animados */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.servico-item,
.resultado-item,
.depoimento-item {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.servico-item.animate,
.resultado-item.animate,
.depoimento-item.animate {
    opacity: 1;
    transform: translateY(0);
    animation: fadeIn 0.6s forwards;
}