.elementor-1537 .elementor-element.elementor-element-460515{--display:flex;}.elementor-1537 .elementor-element.elementor-element-7d2b9659 .e-contact-buttons{--e-contact-buttons-button-icon:var( --e-global-color-text );--e-contact-buttons-button-bg:var( --e-global-color-6728486 );}@media(max-width:767px){.elementor-1537 .elementor-element.elementor-element-7d2b9659 .e-contact-buttons{--e-contact-buttons-horizontal-offset:7px;--e-contact-buttons-vertical-offset:18px;}}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-7d2b9659 *//* 1. Liberar los contenedores para que la onda sea visible */
.e-contact-buttons-var-5,
.e-contact-buttons__chat-button-container {
    overflow: visible !important;
}

/* 2. Estilo base del botón circular */
.e-contact-buttons__chat-button {
    background: #FF6B00 !important;
    background: linear-gradient(135deg, #FF8800 0%, #FF6B00 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 10px 25px rgba(255, 107, 0, 0.5) !important;
    transition: transform 0.3s ease !important;
}

/* --- TAMAÑO PARA DESKTOP (PC) --- */
@media (min-width: 768px) {
    .e-contact-buttons__chat-button {
        width: 90px !important; 
        height: 90px !important;
    }
    .e-contact-buttons__chat-button svg {
        width: 40px !important;
        height: 40px !important;
    }
}

/* --- TAMAÑO PARA MOBILE --- */
@media (max-width: 767px) {
    .e-contact-buttons__chat-button {
        width: 65px !important; /* Un poco más grande que el original para que destaque */
        height: 65px !important;
    }
    .e-contact-buttons__chat-button svg {
        width: 28px !important;
        height: 28px !important;
    }
}

/* 3. EL ANILLO (Efecto de pulso constante) */
.e-contact-buttons__chat-button::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    height: 100%;
    border: 4px solid #FF6B00 !important;
    border-radius: 50% !important;
    z-index: -1 !important;
    animation: ring-circular-pulse 2s infinite !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

/* 4. BRILLO EN HOVER */
.e-contact-buttons__chat-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50% !important;
    box-shadow: 0 0 45px rgba(255, 107, 0, 0.8) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: -1 !important;
}

.e-contact-buttons__chat-button:hover::before {
    opacity: 1 !important;
}

.e-contact-buttons__chat-button:hover::after {
    animation-play-state: paused !important;
    opacity: 0 !important;
}

/* 5. Color del icono */
.e-contact-buttons__chat-button svg {
    fill: #FFFFFF !important;
}

/* 6. ANIMACIÓN CONCÉNTRICA */
@keyframes ring-circular-pulse {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 250%; 
        height: 250%;
        opacity: 0;
    }
}/* End custom CSS */