/* ═══════════════════════════════════════════════════════════════
   DAYNNE NÚÑEZ — components.css  (complemento de style.css)
═══════════════════════════════════════════════════════════════ */

/* ── WhatsApp float ──────────────────────────────────────────── */
.wa-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 6px 24px rgba(37,211,102,.4);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:waPop .5s cubic-bezier(.34,1.56,.64,1) 1.8s both;flex-shrink:0}
.wa-float svg,.wa-float img{width:26px !important;height:26px !important;max-width:26px;max-height:26px;display:block;flex-shrink:0}
.wa-float:hover{transform:scale(1.1);box-shadow:0 10px 32px rgba(37,211,102,.55)}
@keyframes waPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}

/* ── Active nav section highlight ────────────────────────────── */
.nav__link.is-active{color:var(--purple)}
.nav__link.is-active::after{width:calc(100% - 26px)}