.elementor-4191 .elementor-element.elementor-element-e0b98f7:not(.elementor-motion-effects-element-type-background), .elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.naturgy.com.mx/wp-content/uploads/2023/10/Banner-web-whats-app-1.png");background-position:center center;background-size:cover;}.elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-container{min-height:100vh;}.elementor-4191 .elementor-element.elementor-element-e0b98f7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4191 .elementor-element.elementor-element-05bd81e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4191 .elementor-element.elementor-element-cafc014{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4191 .elementor-element.elementor-element-98ee5b4 .elementor-icon-wrapper{text-align:center;}@media(max-width:1024px){.elementor-4191 .elementor-element.elementor-element-05bd81e > .elementor-element-populated{padding:0px 0px 0px 20px;}}@media(min-width:768px){.elementor-4191 .elementor-element.elementor-element-05bd81e{width:61.402%;}.elementor-4191 .elementor-element.elementor-element-50baaef{width:38.598%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4191 .elementor-element.elementor-element-05bd81e{width:70%;}}@media(max-width:767px){.elementor-4191 .elementor-element.elementor-element-e0b98f7:not(.elementor-motion-effects-element-type-background), .elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.naturgy.com.mx/wp-content/uploads/2023/10/Banner-web-mobile.png");background-position:center center;background-size:cover;}.elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-container{min-height:80vh;}.elementor-4191 .elementor-element.elementor-element-e0b98f7 > .elementor-background-overlay{opacity:0;}.elementor-4191 .elementor-element.elementor-element-e0b98f7{padding:50px 8px 0px 8px;}.elementor-4191 .elementor-element.elementor-element-05bd81e > .elementor-element-populated{padding:0px 0px 0px 10px;}}/* Start custom CSS for icon, class: .elementor-element-98ee5b4 */.whatsapp-float {
  position: fixed;
  right: 29px;
  bottom: 100px;

  width: 56px;
  height: 56px;

  background-color: #25D366;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0 !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;

  z-index: 9999;
}

/* ✅ ICONO COMO LOGO OFICIAL */
.whatsapp-float i,
.whatsapp-float svg {
  color: #ffffff !important;

  font-size: 60px !important;
  line-height: 1 !important;

  width: auto !important;
  height: auto !important;

  display: block;

  transform: translateY(-4px) scale(0.5);
}

/* Limpieza total */
.whatsapp-float::before {
  content: none !important;
  display: none !important;
}

/* Hover botón */
.whatsapp-float:hover {
  transform: scale(1.04);
}

/* ============================= */
/* 💬 MENSAJE AUTOMÁTICO */
/* ============================= */
.whatsapp-float::after {
  content: "Gestiona tu servicio aquí";
  position: absolute;

  right: 70px;
  top: 40%;
  transform: translateY(-50%) translateX(10px);

  background-color: #c2e6f5;
  color: #004571;

  font-size: 13px;
  font-weight: 450;
  line-height: 1.3;

  padding: 8px 12px;
  border-radius: 12px;

  white-space: nowrap;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);

  opacity: 1;
  pointer-events: none;

  animation: whatsappTooltip 10s ease forwards;
}

/* Animación: aparece y se oculta sola */
@keyframes whatsappTooltip {
  0% {
    opacity: 0;
    transform: translateY(-50%) translateX(14px);
  }
  15% {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ✅ 🔁 MOSTRAR MENSAJE AL PASAR EL CURSOR */
.whatsapp-float:hover::after {
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
}/* End custom CSS */