/* Floating WhatsApp button. Porto's back-to-top (#topcontrol, 49×48 px at the bottom right) shows from 768 px: sit above it. */
.bt-wa { position: fixed; right: 16px; bottom: 16px; z-index: 998; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #25D366; color: #fff; box-shadow: 0 4px 14px rgba(21, 54, 45, .22); transition: transform .2s ease, box-shadow .2s ease; }
.bt-wa:hover, .bt-wa:focus-visible { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(21, 54, 45, .28); }
/* Porto removes every link outline ("body a { outline: none !important }"). */
.bt-wa:focus-visible { outline: 3px solid #D9A321 !important; outline-offset: 3px; }
.bt-wa svg { width: 28px; height: 28px; fill: currentColor; }
.bt-wa__label { display: none; }
@media (min-width: 768px) {
	.bt-wa { right: 8px; bottom: 64px; }
	.bt-wa__label { display: block; position: absolute; right: calc(100% + 10px); top: 50%; transform: translate(6px, -50%); white-space: nowrap; padding: 8px 12px; border-radius: 8px; background: #fff; color: #15362D; font: 600 14px/1.2 "Mulish", system-ui, sans-serif; box-shadow: 0 4px 14px rgba(21, 54, 45, .16); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s; }
	.bt-wa:hover .bt-wa__label, .bt-wa:focus-visible .bt-wa__label { opacity: 1; visibility: visible; transform: translate(0, -50%); }
}
@media (prefers-reduced-motion: reduce) {
	.bt-wa, .bt-wa__label { transition: none; }
	.bt-wa:hover, .bt-wa:focus-visible { transform: none; }
}