.elementor-3405 .elementor-element.elementor-element-68a77069{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3405 .elementor-element.elementor-element-3b2976eb .e-contact-buttons__chat-button{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:500;}.elementor-3405 .elementor-element.elementor-element-3b2976eb .e-contact-buttons{--e-contact-buttons-button-icon:var( --e-global-color-primary );--e-contact-buttons-button-bg:var( --e-global-color-accent );--e-contact-buttons-transition-duration:0.5s;--e-contact-buttons-vertical-offset:30px;}@media(max-width:1024px){.elementor-3405 .elementor-element.elementor-element-3b2976eb .e-contact-buttons{--e-contact-buttons-vertical-offset:15px;}}@media(max-width:767px){.elementor-3405 .elementor-element.elementor-element-3b2976eb .e-contact-buttons{--e-contact-buttons-horizontal-offset:5px;--e-contact-buttons-vertical-offset:5px;}}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-3b2976eb */#btn_flotante_reserva .e-contact-buttons__chat-button-icon-container svg {
  display: none; /* Oculta el SVG original */
}

#btn_flotante_reserva .e-contact-buttons__chat-button-icon-container::before {
  content: "\f46d"; /* Código Unicode del icono FontAwesome (ej: usuario) */
  font-family: "Font Awesome 5 Free"; /* Asegúrate que FontAwesome esté cargado */
  font-weight: 900; /* Dependiendo del estilo de FontAwesome */
  font-size: 35px;
  display: inline-block;
  color: inherit;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  /* 1) Color del texto/icono siempre como en hover */
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button {
    color: var(--e-contact-buttons-button-icon) !important;
  }
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button svg {
    fill: var(--e-contact-buttons-button-icon) !important;
  }

  /* 2) Fondo, color y transición de icon-container y texto */
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button .e-contact-buttons__chat-button-icon-container,
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button .e-contact-buttons__chat-button-text,
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button .e-contact-buttons__chat-button-text:before {
    background-color: var(--e-contact-buttons-button-bg) !important;
    color: var(--e-contact-buttons-button-icon)    !important;
    transition: var(--e-contact-buttons-transition) !important;
  }

  /* 3) Clip-path para que el texto esté siempre visible (alineación end) */
  .e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button .e-contact-buttons__chat-button-text {
    clip-path: inset(0 0 0 0) !important;
    transition: var(--e-contact-buttons-transition) !important;
  }

  /* 4) Posición del contenedor del icono (alineación end) */
  .e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button .e-contact-buttons__chat-button-icon-container {
    inset-inline-end: 100% !important;
    transition: var(--e-contact-buttons-transition) !important;
  }
}/* End custom CSS */