/* Botón flotante de WhatsApp en todas las rutas. Personalización autorizada 2026-10-05.
   El prerender lo convierte en enlace real al mismo chat que el pie (antes no hacía nada).
   Círculo verde con el glifo blanco, etiqueta "¿Quieres saber más?" al pasar o enfocar,
   un asomo de la etiqueta y tres latidos al cargar; sin movimiento con "reducir movimiento". */
#ecb-i-a57a324e25e0 {
  --wa-green: #25d366;
  --wa-green-deep: #128c4b;
  --wa-ease: cubic-bezier(0.23, 1, 0.32, 1);
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  display: block !important;
  isolation: isolate;
  border-radius: 50%;
  outline: 2px solid transparent;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

#ecb-i-a57a324e25e0 [data-ecb-ui="whatsapp"]:not(p) {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

#ecb-i-a57a324e25e0 .ecb-c-03e5a32d73b5 {
  position: relative !important;
  display: block !important;
}

/* Icono: círculo verde con el glifo blanco del propio SVG */
#ecb-i-a57a324e25e0 svg {
  box-sizing: content-box !important;
  width: 30px !important;
  height: 30px !important;
  padding: 15px !important;
  border-radius: 50% !important;
  background: radial-gradient(120% 120% at 30% 20%, #4be38a 0%, var(--wa-green) 45%, var(--wa-green-deep) 100%) !important;
  box-shadow: 0 10px 24px -8px rgb(18 140 75 / 60%), 0 2px 6px rgb(0 0 0 / 15%) !important;
  overflow: visible;
}

#ecb-i-a57a324e25e0 svg > path:nth-of-type(1),
#ecb-i-a57a324e25e0 svg > path:nth-of-type(2),
#ecb-i-a57a324e25e0 svg > image {
  display: none !important;
}

/* Etiqueta: sale a la izquierda del icono sin ocupar espacio clicable */
#ecb-i-a57a324e25e0 p {
  position: absolute !important;
  top: 50% !important;
  right: 100% !important;
  display: block !important;
  margin: 0 12px 0 0 !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px -12px rgb(6 42 68 / 45%), 0 1px 2px rgb(6 42 68 / 10%) !important;
  color: #0b2234 !important;
  font: 600 14px/1.2 "Open Sans", Arial, Helvetica, sans-serif !important;
  white-space: nowrap !important;
  opacity: 0;
  transform: translate(8px, -50%) scale(0.96);
  transform-origin: right center;
  pointer-events: none;
}

#ecb-i-a57a324e25e0:is(:hover, :focus-visible) p {
  opacity: 1;
  transform: translate(0, -50%);
}

#ecb-i-a57a324e25e0:focus-visible svg {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--wa-green), 0 10px 24px -8px rgb(18 140 75 / 60%) !important;
}

/* Latido */
#ecb-i-a57a324e25e0::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--wa-green);
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  #ecb-i-a57a324e25e0 p {
    transition: opacity 200ms var(--wa-ease), transform 260ms var(--wa-ease);
    animation: wa-peek 5.2s var(--wa-ease) 3.5s 1 backwards;
  }

  #ecb-i-a57a324e25e0 svg {
    transition: transform 220ms var(--wa-ease), box-shadow 220ms var(--wa-ease);
  }

  #ecb-i-a57a324e25e0::after {
    animation: wa-pulse 2.4s var(--wa-ease) 1.2s 3;
  }

  #ecb-i-a57a324e25e0:active svg {
    transform: scale(0.94);
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #ecb-i-a57a324e25e0:hover svg {
    transform: scale(1.06);
    box-shadow: 0 14px 30px -8px rgb(18 140 75 / 70%), 0 2px 6px rgb(0 0 0 / 15%) !important;
  }
}

@keyframes wa-pulse {
  0% {
    opacity: 0.45;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}

@keyframes wa-peek {
  0% {
    opacity: 0;
    transform: translate(8px, -50%) scale(0.96);
  }

  10%,
  85% {
    opacity: 1;
    transform: translate(0, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(8px, -50%) scale(0.96);
  }
}

/* Fuera de la vista mientras un menú o panel bloquea el scroll */
body[data-ecb-scroll-locked="true"] #ecb-i-a57a324e25e0 {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Móvil y tableta (2026-10-13): el bocadillo no se asoma solo; a esos anchos tapaba el pie unos segundos. */
@media (max-width: 1024px) {
  #ecb-i-a57a324e25e0 p { animation: none !important; }
}