/**
 * Botón flotante de WhatsApp — Floristería Hechizos de Amor
 * Estilos del botón (esquina inferior derecha) y del modal (QR + WhatsApp Web).
 */

.hda-wa{position:fixed;right:22px;bottom:22px;z-index:99990}
.hda-wa-btn{width:58px;height:58px;border-radius:50%;background:#25D366;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease,box-shadow .2s ease}
.hda-wa-btn:hover{transform:scale(1.06);box-shadow:0 8px 26px rgba(0,0,0,.3)}
.hda-wa-btn svg{width:30px;height:30px}

.hda-wa-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center}
.hda-wa-modal.is-open{display:flex}
.hda-wa-modal__overlay{position:absolute;inset:0;background:rgba(17,24,28,.55)}
.hda-wa-modal__box{position:relative;background:#fff;border-radius:18px;padding:30px 30px 26px;max-width:330px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:inherit}
.hda-wa-modal__close{position:absolute;top:8px;right:14px;border:none;background:none;font-size:26px;line-height:1;color:#9aa0a6;cursor:pointer;padding:4px}
.hda-wa-modal__icon{width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.hda-wa-modal__title{margin:0 0 4px;font-size:19px;color:#1f2a2e}
.hda-wa-modal__sub{margin:0 0 16px;font-size:13px;color:#6b7280;line-height:1.4}
.hda-wa-modal__qr{width:200px;height:200px;margin:0 auto;padding:10px;background:#fff;border:1px solid #eee;border-radius:12px;box-sizing:border-box}
.hda-wa-modal__qr svg{width:100%;height:100%;display:block}
.hda-wa-modal__or{display:flex;align-items:center;color:#9aa0a6;font-size:12px;margin:16px 0}
.hda-wa-modal__or::before,.hda-wa-modal__or::after{content:"";flex:1;height:1px;background:#eee}
.hda-wa-modal__or span{padding:0 12px}
.hda-wa-modal__web{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:600;font-size:14px}
.hda-wa-modal__web:hover{background:#1ebe5b}
.hda-wa-modal__web svg{width:20px;height:20px}

@media(max-width:600px){.hda-wa{right:16px;bottom:16px}}