.elementor-4424 .elementor-element.elementor-element-679462a6{--display:flex;}.elementor-4424 .elementor-element.elementor-element-79345702 .e-contact-buttons{--e-contact-buttons-button-icon:var( --e-global-color-36d57b9 );--e-contact-buttons-button-bg:#C51C1C;--e-contact-buttons-button-bg-hover:var( --e-global-color-primary );}@media(max-width:767px){.elementor-4424 .elementor-element.elementor-element-79345702 .e-contact-buttons{--e-contact-buttons-horizontal-offset:-10px;}}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-79345702 *//* Botón base */
.e-contact-buttons__chat-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 70px;
  height: 70px;
  border-radius: 50%;

  background: linear-gradient(90deg, #ff6b6b 0%, #e63946 100%);
  box-shadow: 0 8px 20px rgba(230,57,70,.5);

  transition: all 0.3s ease-in-out;

  /* FIX iPhone */
  transform: translateZ(0);
  will-change: transform;
  overflow: visible !important;
}

/* Hover elevación */
.e-contact-buttons__chat-button:hover {
  transform: translateY(-6px) translateZ(0);
}

/* Glow exterior */
.e-contact-buttons__chat-button::before {
  content: '';
  position: absolute;

  width: 85px;
  height: 85px;
  border-radius: 50%;

  border: 4px solid #ff4d4d;
  box-shadow: 0 0 40px rgba(255,77,77,.7);

  top: 50%;
  left: 50%;

  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: 0.3s ease-in-out;

  /* FIX iPhone */
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Activar glow */
.e-contact-buttons__chat-button:hover::before {
  opacity: 1;
}

/* Pulso animado */
.e-contact-buttons__chat-button::after {
  content: '';
  position: absolute;

  width: 40px;
  height: 40px;
  border-radius: 50%;

  border: 4px solid #ff4d4d;

  top: 50%;
  left: 50%;

  transform: translate3d(-50%, -50%, 0) scale(0.3);
  z-index: -1;

  animation: pulse-ring 1.5s infinite;

  /* FIX iPhone */
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Detener animación al hover */
.e-contact-buttons__chat-button:hover::after {
  animation: none;
  display: none;
}

/* Animación optimizada */
@keyframes pulse-ring {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(0.3);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(2.5);
    opacity: 0;
  }
}/* End custom CSS */