.elementor-20232 .elementor-element.elementor-element-1fc6a3df{--display:flex;}.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:#3366A3;--e-contact-buttons-button-icon-hover:#FFFFFF;--e-contact-buttons-button-bg-hover:#002E66;--e-contact-buttons-active-button-color:#FFFFFF;--e-contact-buttons-active-button-bg:#4572A9;--e-contact-buttons-top-bar-title:#4572A9;--e-contact-buttons-close-button-color:#4572A9;--e-contact-buttons-icon-link-gap:15px;--e-contact-buttons-icon-link-spacing:15px;--e-contact-buttons-icon-link-text-color:#383838;--e-contact-buttons-icon-link-text-color-hover:#0B7B69;--e-contact-buttons-send-button-text:#FFFFFF;--e-contact-buttons-send-button-bg:#4572A9;--e-contact-buttons-send-button-text-hover:#FFFFFF;--e-contact-buttons-send-button-bg-hover:#15B097;--e-contact-buttons-send-button-padding-block-end:8px;--e-contact-buttons-send-button-padding-block-start:8px;--e-contact-buttons-send-button-padding-inline-end:12px;--e-contact-buttons-send-button-padding-inline-start:12px;--e-contact-buttons-chat-box-bg:#FFFFFF;--e-contact-buttons-chat-box-padding-block-end:16px;--e-contact-buttons-chat-box-padding-block-start:16px;--e-contact-buttons-chat-box-padding-inline-end:16px;--e-contact-buttons-chat-box-padding-inline-start:16px;--e-contact-buttons-horizontal-offset:20px;--e-contact-buttons-vertical-offset:30px;}.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons__top-bar-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;}.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons__cta-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}@media(max-width:1115px){.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons{--e-contact-buttons-horizontal-offset:0px;}}@media(max-width:767px){.elementor-20232 .elementor-element.elementor-element-331d7230 .e-contact-buttons{--e-contact-buttons-horizontal-offset:-5px;--e-contact-buttons-vertical-offset:30px;}}/* Start custom CSS for contact-buttons-var-3, class: .elementor-element-331d7230 *//* Ajuste de estructura de iconos nativos */
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link {
    grid-template-rows: repeat(1, 20px); 
}

/* Globo de texto "¿Necesitas ayuda?" mejorado */
.contact::after {
    content: "¿Necesitas ayuda?";
    position: absolute;
    bottom: 50px;
    right: 70px;
    background-color: #25d366;
    color: white;
    padding: 8px 10px;
    border-radius: 15px 15px 0px 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    white-space: nowrap;
    font-size: 16px;
    z-index: 9999;
    
    /* OPTIMIZACIÓN DE RENDIMIENTO Y CLICS */
    opacity: 0;
    pointer-events: none; /* Evita que bloquee clics en el catálogo mientras es invisible o desaparece */
    
    /* Animación */
    animation: notiAnim 10s ease-out forwards;
    animation-delay: 3s;
}

/* Animación del Globo corregida para evitar saltos visuales */
@keyframes notiAnim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; /* Se puede interactuar si es necesario cuando es visible */
  }
  80% {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none; /* Vuelve a liberar el espacio al terminar */
  }
}

/* MEDIATYPE DE ACCESIBILIDAD: Solo ejecuta animaciones si el usuario no las tiene restringidas */
@media (prefers-reduced-motion: no-preference) {
    .e-contact-buttons__chat-button[type=button].has-size-medium { 
        animation: pulse 2s infinite; 
    }

    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7);  
      }
      50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
      }
    }
}/* End custom CSS */