/* Burbuja de WhatsApp (26/10/2026). Solo CSS, sin JS, sin terceros, sin cookies. */
.wa-burbuja{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(10,15,74,.25);text-decoration:none;-webkit-tap-highlight-color:transparent}
.wa-burbuja svg{width:30px;height:30px;fill:#fff;display:block;flex:none}
.wa-burbuja:focus-visible{outline:3px solid #0A0F4A;outline-offset:3px}
.wa-burbuja-frase{display:none}
@media (hover:hover) and (pointer:fine){
  .wa-burbuja-frase{display:block;position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);width:max-content;max-width:240px;background:#fff;color:#0A0F4A;font:600 14px/1.4 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;padding:10px 14px;border-radius:14px;border:1px solid #E4E6F0;box-shadow:0 6px 18px rgba(10,15,74,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}
  .wa-burbuja:hover .wa-burbuja-frase,.wa-burbuja:focus-visible .wa-burbuja-frase{opacity:1;visibility:visible}
}
@media (max-width:999px){
  /* Espacio para la burbuja DENTRO del pie (toma su fondo): el pie ya trae su padding; esto suma lo que ocupa la burbuja. */
  footer::after{content:"";display:block;height:calc(64px + env(safe-area-inset-bottom,0px))}
  body:has(.sticky-cta) footer::after,body:has(.mbar) footer::after{height:calc(48px + env(safe-area-inset-bottom,0px))}
  body:has(.sticky-cta) .wa-burbuja,body:has(.mbar) .wa-burbuja{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.wa-burbuja-frase{transition:none}}