.whatsapp-contact,.whatsapp-cta{align-items:center;justify-content:center;gap:12px;background:#25d366;color:#052e16;font-family:FKDG,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;transition:background .2s ease}
.whatsapp-contact svg,.whatsapp-cta svg{display:block;flex-shrink:0;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-cta{display:flex;width:100%;max-width:460px;min-height:58px;margin-top:26px;padding:16px 22px;border:1px solid #052e1620;border-radius:2px}
.whatsapp-contact{display:inline-flex;position:fixed;right:calc(var(--pad,20px) + 14px);top:94px;bottom:auto;z-index:85;width:44px;height:44px;padding:0;border:0;border-radius:100%;box-shadow:none;background:transparent;color:#25d366}.whatsapp-contact span{display:none}.whatsapp-contact svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px #0008)}
.whatsapp-contact:focus-visible,.whatsapp-cta:focus-visible{outline:2px solid #075e54;outline-offset:4px}
.whatsapp-contact:active{color:#65ed96}.whatsapp-cta:active{background:#20bd5a}
body.loading .whatsapp-contact,body.menu-open .whatsapp-contact{visibility:hidden;pointer-events:none}
@media(hover:hover) and (pointer:fine){.whatsapp-cta:hover{background:#20bd5a}.whatsapp-contact:hover{color:#65ed96}}
@media(max-width:700px){.whatsapp-contact{top:auto;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px;background:#25d366;color:#052e16;border:1px solid #052e1640;box-shadow:0 4px 18px #0002}.whatsapp-contact svg{width:25px;height:25px;filter:none}.whatsapp-contact span{display:none}.whatsapp-cta{max-width:none;margin-top:22px}body.has-whatsapp .hero-controls{margin-right:68px;max-width:calc(100% - 68px)}body.has-whatsapp .hero-thumb{min-width:0;flex-shrink:1}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact,.whatsapp-cta{transition:none}}

/* Contact CTA follows the email width, with a rounded glossy finish. */
.whatsapp-cta{position:relative;isolation:isolate;overflow:hidden;max-width:100%;min-height:48px;padding:12px 14px;gap:9px;border-radius:14px;font-size:12px;background:linear-gradient(180deg,#60e993 0%,#2ed76e 48%,#25d366 100%);border:1px solid #139d4938;box-shadow:inset 0 1px 0 #ffffffa0,inset 0 -1px 0 #08763125,0 4px 14px #25d36625}
.whatsapp-cta svg{width:22px;height:22px}
.whatsapp-cta:after{content:"";position:absolute;inset:-30% -20%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff60 49%,transparent 63%);transform:translateX(-130%);transition:transform .65s var(--ease,cubic-bezier(.23,1,.32,1))}
@media(hover:hover) and (pointer:fine){.whatsapp-cta:hover{background:linear-gradient(180deg,#71efa0,#32dc74 48%,#25d366)}.whatsapp-cta:hover:after{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.whatsapp-cta:after{display:none}}
body.reduce-motion .whatsapp-cta:after{display:none}

/* A quiet material button; two tiny hops followed by a long resting interval. */
.whatsapp-contact{width:48px;height:48px;border-radius:16px;border:1px solid #a8f2c33d;background:linear-gradient(155deg,#2b3731f5,#101a14f5 65%);color:#66e999;box-shadow:inset 0 1px 0 #ffffff24,0 5px 18px #0003,0 0 14px #25d36612;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.whatsapp-contact svg,.whatsapp-cta svg{fill:currentColor;stroke:none;filter:none}
.whatsapp-contact svg{width:24px;height:24px}
.whatsapp-contact:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#ffffff10,transparent 48%)}
.whatsapp-contact.is-animated{animation:whatsapp-nudge 12s cubic-bezier(.23,1,.32,1) 2s infinite}
.whatsapp-contact:focus-visible{animation-play-state:paused;outline:2px solid #66e999;outline-offset:4px}
.whatsapp-contact:active{animation-play-state:paused;background:#182d20;color:#8bf3b2}
body.loading .whatsapp-contact,body.menu-open .whatsapp-contact{animation-play-state:paused}
@keyframes whatsapp-nudge{0%,3%,6%,100%{transform:translateY(0)}1.5%{transform:translateY(-7px)}4.5%{transform:translateY(-3px)}}
@media(hover:hover) and (pointer:fine){.whatsapp-contact:hover{animation-play-state:paused;background:linear-gradient(155deg,#33473b,#15281c);border-color:#88edaf80;color:#8bf3b2}}
@media(max-width:700px){.whatsapp-contact{width:52px;height:52px;border-radius:18px}.whatsapp-contact svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-full) .whatsapp-contact{animation:none!important}}
body.reduce-motion .whatsapp-contact{animation:none!important}
