.elementor-939 .elementor-element.elementor-element-61954d79{--display:flex;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons{--e-contact-buttons-button-icon:#FFF9F6;--e-contact-buttons-button-bg:var( --e-global-color-81c2107 );--e-contact-buttons-button-icon-hover:#FFF9F6;--e-contact-buttons-button-bg-hover:var( --e-global-color-81c2107 );--e-contact-buttons-active-button-color:#003366;--e-contact-buttons-active-button-bg:#FFF9F6;--e-contact-buttons-top-bar-title:#FFF9F6;--e-contact-buttons-top-bar-subtitle:#FFF9F6;--e-contact-buttons-top-bar-bg:var( --e-global-color-accent );--e-contact-buttons-contact-button-icon:var( --e-global-color-81c2107 );--e-contact-buttons-contact-title-text-color:var( --e-global-color-secondary );--e-contact-buttons-contact-description-text-color:#000000;--e-contact-buttons-contact-button-bg:#DCDBD354;--e-contact-buttons-chat-box-bg:#FFF9F6;--e-contact-buttons-horizontal-offset:10px;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__chat-button-shadow{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.76);}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__top-bar-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__top-bar-subtitle{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__contact-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__contact-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;}.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons__content{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:767px){.elementor-939 .elementor-element.elementor-element-1afc5f38 .e-contact-buttons{--e-contact-buttons-horizontal-offset:5px;}}/* Start custom CSS for contact-buttons-var-8, class: .elementor-element-1afc5f38 *//* ================================ BOTÓN AGENDAR CITA ================================ */ /* Botón principal */ button.e-contact-buttons__chat-button { width: auto !important; min-width: unset !important; height: auto !important; min-height: unset !important; padding: 13px 22px !important; border-radius: 999px !important; background: #b9898d !important; border: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18), 0 px 8px rgba(185, 137, 141, 0.20) !important; outline: none !important; z-index: 99999 !important; } /* Oculta el ícono original */ button.e-contact-buttons__chat-button svg, button.e-contact-buttons__chat-button i { display: none !important; } /* Texto del botón */ button.e-contact-buttons__chat-button::before { content: "Agendar cita" !important; color: #ffffff !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; } /* Sin borde azul */ button.e-contact-buttons__chat-button:focus, button.e-contact-buttons__chat-button:focus-visible, button.e-contact-buttons__chat-button:active { outline: none !important; border: none !important; } /* Oculta botón extra de X si Elementor lo genera */ .e-contact-buttons button:not(.e-contact-buttons__chat-button) svg path[d*="M42"], .e-contact-buttons button:not(.e-contact-buttons__chat-button)[aria-label*="close"], .e-contact-buttons button:not(.e-contact-buttons__chat-button)[aria-label*="Close"], .e-contact-buttons button:not(.e-contact-buttons__chat-button)[aria-label*="cerrar"], .e-contact-buttons button:not(.e-contact-buttons__chat-button)[aria-label*="Cerrar"], .e-contact-buttons [class*="close"] { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* ================================ MÓVIL ================================ */ @media (max-width: 767px) { /* Botón centrado abajo */ button.e-contact-buttons__chat-button { position: fixed !important; left: 50vw !important; right: auto !important; bottom: 24px !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 16px 25px !important; } button.e-contact-buttons__chat-button::before { font-size: 13px !important; } /* Panel desplegable arriba del botón */ #e-contact-buttons__content-wrapper { position: fixed !important; left: 12px !important; right: 12px !important; bottom: 75px !important; width: auto !important; max-width: none !important; transform: none !important; margin: 0 !important; } } /* ================================ ESCRITORIO ================================ */ @media (min-width: 768px) { button.e-contact-buttons__chat-button { left: auto !important; right: 24px !important; bottom: 8px !important; transform: none !important; } } /* Quitar margen/borde azul del desplegable */ #e-contact-buttons__content-wrapper, #e-contact-buttons__content-wrapper:focus, #e-contact-buttons__content-wrapper:focus-visible, #e-contact-buttons__content-wrapper:active, .e-contact-buttons__content-wrapper, .e-contact-buttons__content-wrapper:focus, .e-contact-buttons__content-wrapper:focus-visible, .e-contact-buttons__content-wrapper:active { outline: none !important; border: none !important; } /* Quitar focus azul de cualquier elemento interno del desplegable */ #e-contact-buttons__content-wrapper *, #e-contact-buttons__content-wrapper *:focus, #e-contact-buttons__content-wrapper *:focus-visible, #e-contact-buttons__content-wrapper *:active { outline: none !important; } /* Por si el navegador lo está marcando con box-shadow */ #e-contact-buttons__content-wrapper { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important; } /* Eliminar highlight azul en móvil */ .e-contact-buttons, .e-contact-buttons *, #e-contact-buttons__content-wrapper, #e-contact-buttons__content-wrapper * { -webkit-tap-highlight-color: transparent !important; } /* Evitar zoom por doble toque en el botón Agendar cita */ button.e-contact-buttons__chat-button { touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; user-select: none !important; -webkit-user-select: none !important; } /* Evitar zoom/tap raro en todo el widget flotante */ .e-contact-buttons, .e-contact-buttons * { touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; }/* End custom CSS */