/* Estilos para el botón de WhatsApp en el footer */

.cm-footer-ai-whatsapp-button {
  margin-top: 20px;
}

.cm-whatsapp-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 18px 35px !important;
  background: #25D366 !important;
  color: white !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
}

.cm-whatsapp-btn:hover {
  background: #1db954 !important;
  color: white !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4) !important;
  text-decoration: none !important;
}

.cm-whatsapp-btn:focus,
.cm-whatsapp-btn:active {
  color: white !important;
  text-decoration: none !important;
}

.cm-whatsapp-btn i {
  font-size: 20px !important;
  color: white !important;
}

/* Responsive para móviles */
@media (max-width: 767px) {
  .cm-whatsapp-btn {
    padding: 15px 25px !important;
    font-size: 14px !important;
    gap: 10px !important;
  }
  
  .cm-whatsapp-btn i {
    font-size: 18px !important;
  }
}

@media (max-width: 575px) {
  .cm-whatsapp-btn {
    padding: 12px 20px !important;
    font-size: 13px !important;
    gap: 8px !important;
    text-align: center !important;
    width: auto !important;
    max-width: 300px !important;
  }
  
  .cm-whatsapp-btn i {
    font-size: 16px !important;
  }
}

/* Animación adicional */
.cm-whatsapp-btn {
  animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
  0% {
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
  }
  50% {
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);
  }
  100% {
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
  }
}

.cm-whatsapp-btn:hover {
  animation: none;
}

/* Estilos para el logo en el footer */
.cm-footer-logo-widget {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-left: 40px;
  margin-left: 20px;
}

.cm-footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-logo-img {
  max-width: 180px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: brightness(0.9);
  transition: all 0.3s ease;
}

.footer-logo-img:hover {
  filter: brightness(1);
  transform: scale(1.05);
}

/* Responsive para el logo del footer */
@media (max-width: 991px) {
  .cm-footer-logo-widget {
    text-align: center;
    justify-content: center;
    margin-bottom: 30px;
    padding-left: 30px;
    margin-left: 15px;
  }
  
  .footer-logo-img {
    max-width: 150px !important;
  }
}

@media (max-width: 767px) {
  .cm-footer-logo-widget {
    margin-bottom: 40px;
    padding-left: 0;
    margin-left: 0;
    justify-content: center;
  }
  
  .footer-logo-img {
    max-width: 130px !important;
  }
  
  /* Reorganizar layout en móvil */
  .cm-footer-port-main .row {
    flex-direction: column;
    align-items: center;
  }
  
  .cm-footer-port-main .col-lg-4,
  .cm-footer-port-main .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .footer-logo-img {
    max-width: 120px !important;
  }
}