/* Bosque Guardián Lodge — burbuja de WhatsApp (inc/whatsapp.php). */
.bg-wa{position:fixed;bottom:24px;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.bg-wa-derecha{right:24px}
.bg-wa-izquierda{left:24px;align-items:flex-start}
.bg-wa>*{pointer-events:auto}
.bg-wa-boton{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.bg-wa-boton .fa{font-size:32px;line-height:1;color:#fff}
.bg-wa-boton:hover{transform:translateY(-2px) scale(1.04);background:#1fbe5b;box-shadow:0 12px 28px rgba(0,0,0,.26)}
.bg-wa-boton:focus-visible{outline:3px solid #03351d;outline-offset:3px}
/* Halo suave para que se note, sin distraer */
.bg-wa-boton:before{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.45;z-index:-1;animation:bg-wa-halo 2.6s ease-out infinite}
@keyframes bg-wa-halo{0%{transform:scale(1);opacity:.45}70%,100%{transform:scale(1.55);opacity:0}}

/* Globo de bienvenida */
.bg-wa-globo{position:relative;max-width:260px;padding:14px 34px 14px 16px;background:#fff;color:#333;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:13px;line-height:1.5;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
.bg-wa-globo[hidden]{display:none}
.bg-wa-globo.bg-wa-visible{opacity:1;transform:none}
.bg-wa-globo:after{content:"";position:absolute;bottom:-7px;right:24px;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 6px rgba(0,0,0,.06)}
.bg-wa-izquierda .bg-wa-globo:after{right:auto;left:24px}
.bg-wa-globo-txt{color:#333!important;text-decoration:none!important;font-weight:500}
.bg-wa-globo-txt:hover{color:#03351d!important}
.bg-wa-cerrar{position:absolute;top:6px;right:8px;width:24px;height:24px;margin:0;padding:0;border:0;background:none;color:#999;font-size:20px;line-height:22px;cursor:pointer}
.bg-wa-cerrar:hover{color:#333}

/* El botón «volver arriba» del diseño se pone al lado de la burbuja (no debajo ni detrás del globo) */
body.bg-wa-derecha .scrollToTop{top:auto!important;bottom:41px;right:100px}

/* Con el aviso de cookies abierto en móvil, la burbuja queda debajo (el aviso ocupa el ancho) */
@media (max-width:575px){
    .bg-wa{bottom:16px}
    .bg-wa-derecha{right:16px}
    .bg-wa-izquierda{left:16px}
    .bg-wa-boton{width:54px;height:54px}
    .bg-wa-boton .fa{font-size:29px}
    .bg-wa-globo{max-width:220px;font-size:12.5px}
}
@media print{.bg-wa{display:none}}
@media (prefers-reduced-motion:reduce){.bg-wa-boton:before{animation:none;opacity:0}.bg-wa-boton,.bg-wa-globo{transition:none}}