/* Shared contact links, based on the user's fixed WhatsApp reference. */
.whatsapp-float{
 position:fixed;right:16px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:35;
 display:flex;align-items:center;justify-content:center;width:52px;height:52px;
 padding:0;border:0;border-radius:9px;background:#25d366;color:#fff;text-decoration:none;
 box-shadow:0 4px 16px rgb(15 88 48 / .18);transition:background-color 160ms ease,transform 160ms ease;
 -webkit-tap-highlight-color:transparent;
}
.whatsapp-float img{display:block;width:36px;height:36px;object-fit:contain}
.whatsapp-float:focus-visible{outline:3px solid #172c4b;outline-offset:4px}
.whatsapp-float-label{
 position:absolute;right:calc(100% + 12px);top:50%;padding:9px 12px;border-radius:6px;
 background:#fff;color:#172c4b;box-shadow:0 3px 16px rgb(23 44 75 / .14);
 font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;
 opacity:0;visibility:hidden;transform:translate(4px,-50%);pointer-events:none;
 transition:opacity 160ms ease,transform 160ms ease,visibility 160ms;
}
.whatsapp-float:focus-visible .whatsapp-float-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
.footer-socials a.social-icon{position:relative;transition:transform 160ms ease,box-shadow 160ms ease}
.footer-socials a.social-icon::after{content:"";position:absolute;inset:-5px;border-radius:8px}
.footer-socials a.social-icon:focus-visible{outline:2px solid #365775;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .whatsapp-float:hover{background:#20bd5a;transform:translateY(-2px)}
 .whatsapp-float:hover .whatsapp-float-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
 .footer-socials a.social-icon:hover{transform:translateY(-2px);box-shadow:0 3px 9px rgb(23 44 75 / .12)}
}
@media(max-width:600px){
 .whatsapp-float{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border-radius:8px}
 .whatsapp-float img{width:34px;height:34px}
 .whatsapp-float-label{font-size:12px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
 .whatsapp-float,.whatsapp-float-label,.footer-socials a.social-icon{transition:none}
}
