.elementor-312 .elementor-element.elementor-element-15eab67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-def74fd *//* Footer Section - Base */
#footer.footer-section {
    background: #0e212a;
    color: #cbd5e1; /* Cor do texto claro */
    padding: 40px 20px;
    font-family: Inter, system-ui, Arial;
}

/* Container Interno */
#footer .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    /* Grid responsivo de colunas */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

/* Bloco Branding */
#footer .branding {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 15px;
}

/* 🚀 NOVO ESTILO: Imagem do Logo */
#footer .logo-img {
    width: 110px; 
    height: 110px; 
    object-fit: cover;
    border-radius: 10px; 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    padding: 2px;
}

/* Descrição */
#footer .desc {
    font-size: 14px;
    line-height: 1.5;
    color: #94a3b8;
}

/* Títulos (Menu, Legal, Contato) */
#footer h5 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}

/* Lista de Links */
#footer .links {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .links li {
    margin-bottom: 8px;
    font-size: 14px;
}

/* Estilo dos Links e Botões */
#footer .links a,
#footer .link {
    color: #cbd5e1;
    text-decoration: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
}

#footer .links a:hover,
#footer .link:hover {
    color: #f59e0b; /* Laranja primário */
}

/* Contato */
#footer .contact {
    line-height: 1.5;
    color: #cbd5e1;
    font-size: 14px;
}

/* Links Sociais */
#footer .socials {
    margin-top: 15px;
    display: flex;
    gap: 8px;
}

#footer .social {
    background: rgba(255, 255, 255, .04);
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: background 0.2s;
}

#footer .social:hover {
    background: rgba(255, 255, 255, .1);
}

/* Rodapé Inferior */
#footer .footer-bottom {
    text-align: center;
    margin-top: 30px; 
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08); /* Linha divisória */
    color: #94a3b8;
    font-size: 13px;
}

/* Estilo principal do botão flutuante WhatsApp */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #25D366; /* Cor verde oficial WhatsApp */
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-decoration: none;

  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 
}

.whatsapp-float:hover {
  transform: scale(1.1); 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Ícone do WhatsApp como imagem */
.whatsapp-icon {
  width: 30px;
  height: 30px;
  object-fit: contain; /* garante que a imagem não distorça */
}


/* Responsividade */
@media (max-width: 768px) {
  .whatsapp-float {
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
  }

  .whatsapp-icon {
    width: 25px;
    height: 25px;
  }
}/* End custom CSS */