/* Botón flotante de WhatsApp: el mismo en TODAS las páginas (Camilo, 2026-10-24: "unificar el botón de
   whatsapp"). Diseño del inicio aprobado el 2026-10-16. Fuente única: este archivo; la home solo agrega
   en su <style> dónde va en celular (dentro de su barra fija). Marcado y medición: CLAUDE.md §WhatsApp flotante. */
.wa-fab{position:fixed;z-index:35;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(2,6,23,.22),0 1px 3px rgba(2,6,23,.18);transition:transform .15s ease,box-shadow .15s ease,bottom .25s ease}
.wa-fab:hover{transform:scale(1.06);box-shadow:0 6px 18px rgba(2,6,23,.26),0 1px 3px rgba(2,6,23,.18)}
.wa-fab:focus-visible{outline:3px solid #0052CC;outline-offset:3px}
.wa-fab svg{width:30px;height:30px;fill:#fff;display:block}
@media (prefers-reduced-motion:reduce){.wa-fab{transition:none}.wa-fab:hover{transform:none}}