/* BBS WhatsApp Flotante v1.0.0
   Boton fijo abajo a la derecha. Queda por encima del encabezado (z 99)
   y por debajo de los overlays a pantalla completa del sitio (z 99999). */
.bbs-wa{
  position:fixed;
  right:calc(22px + env(safe-area-inset-right,0px));
  bottom:calc(22px + env(safe-area-inset-bottom,0px));
  z-index:9990;
  display:flex;align-items:center;gap:10px;
  text-decoration:none!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.bbs-wa__etiqueta{
  box-sizing:border-box;
  display:block;
  background:#0A1628;color:#fff;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  padding:11px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
  white-space:nowrap;line-height:1.25;
  transform-origin:right center;
  transition:opacity .25s ease,transform .25s ease,visibility .25s;
}
.bbs-wa__texto{display:block;font-size:13px;font-weight:600;color:#fff}
.bbs-wa__sub{display:block;font-size:11px;font-weight:400;color:#c9d6e6;margin-top:2px}
.bbs-wa__icono{
  box-sizing:border-box;flex:none;width:58px;height:58px;border-radius:50%;
  background:#25D366;color:#fff;
  border:3px solid #fff;
  display:grid;place-items:center;
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 1px rgba(10,22,40,.25);
  transition:transform .18s ease;
}
.bbs-wa__icono svg{width:30px;height:30px;display:block}
.bbs-wa:hover .bbs-wa__icono{transform:scale(1.06)}
.bbs-wa:focus-visible{outline:none}
.bbs-wa:focus-visible .bbs-wa__icono{outline:3px solid #efb810;outline-offset:3px}

/* Al bajar por la pagina la etiqueta se recoge y queda solo el icono.
   Con el mouse encima o con foco de teclado vuelve a mostrarse. */
.bbs-wa.is-recogido .bbs-wa__etiqueta{opacity:0;visibility:hidden;transform:translateX(12px) scale(.96);pointer-events:none}
@media (hover:hover){
  .bbs-wa.is-recogido:hover .bbs-wa__etiqueta,
  .bbs-wa.is-recogido:focus-visible .bbs-wa__etiqueta{opacity:1;visibility:visible;transform:none}
}

/* Un solo pulso al cargar, para llamar la atencion sin molestar. */
@keyframes bbs-wa-pulso{
  0%{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.55)}
  100%{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 18px rgba(37,211,102,0)}
}
.bbs-wa__icono{animation:bbs-wa-pulso 1.4s ease-out 1.2s 2}

/* Celular */
@media (max-width:767px){
  .bbs-wa{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .bbs-wa__icono{width:54px;height:54px}
  .bbs-wa__icono svg{width:28px;height:28px}
  .bbs-wa__sub{display:none}
}

/* La flecha "volver arriba" del tema pasa a la izquierda para no competir. */
body.bbs-wa-flecha-izq #ast-scroll-top{right:auto!important;left:30px!important}
@media (max-width:767px){
  body.bbs-wa-flecha-izq #ast-scroll-top{left:16px!important;bottom:16px!important}
}

@media (prefers-reduced-motion:reduce){
  .bbs-wa__icono{animation:none}
  .bbs-wa__etiqueta,.bbs-wa__icono{transition:none}
}
@media print{.bbs-wa{display:none!important}}