/* common.css · estilos compartidos: lightbox, botón flotante, foco visible */
:focus-visible{outline:3px solid #1a3cff;outline-offset:3px}
#a :focus-visible{outline-color:#8a3f52}#b :focus-visible{outline-color:#ffd23f}
.lb{position:fixed;inset:0;background:#000e;display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}
.lb.on{display:flex;animation:lbin .25s ease}.lb-img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain}
.lb-close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;min-width:48px;min-height:48px;background:#fff2;color:#fff;border:0;border-radius:50%;font-size:32px;line-height:1;cursor:pointer}
@keyframes lbin{from{opacity:0}to{opacity:1}}
.bg[role=button]{cursor:zoom-in}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25d366;color:#04210f;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #25d36666;z-index:900;transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:28px;height:28px}
@media(prefers-reduced-motion:reduce){.lb.on{animation:none}.wa-float{transition:none}}