/* ===========================
   RESPONSIVO - CELULARES
   =========================== */
@media (max-width: 768px) {

  header {
    height: auto;
    padding: 10px;
  }

  .topo-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .contatos {
    font-size: 14px;
    padding-top: 10px;
  }

  .redes {
    margin-top: 10px;
  }

  .redes a img {
    width: 30px;
  }

  .logo {
    width: 150px;
    height: auto;
    margin: 10px;
  }

  .menu-secundario {
    padding: 10px 0;
    height: auto;
  }

  .menu-secundario ul {
    flex-direction: column;
    gap: 10px;
  }

  .menu-secundario ul li a {
    font-size: 18px;
    padding: 10px;
  }

  .carrossel-container {
    height: 250px;
  }

  .carrossel-slide img {
    width: 100vw;
    height: 250px;
  } 

  .rodape {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
    text-align: center;
  }

  .logo-endereco {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .endereco-rodape {
    font-size: 1rem;
  }

  .footer-links {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .footer-links a {
    font-size: 1.2rem;
  }

  .whatsapp-float {
    bottom: 15px;
    right: 15px;
    padding: 8px 12px;
  }

  .whatsapp-text {
    font-size: 14px;
  }

  .whatsapp-icon {
    width: 20px;
    height: 20px;
  }
}