/* Keep the app canvas and the lower system area dark. */
html{background:#050505!important;color-scheme:dark;min-height:100%;overscroll-behavior-y:none}
body{margin:0;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}
header,header.brand-floating{border-bottom:0!important}
@media(display-mode:standalone){body{background:#050505}footer{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}}
.whatsapp-float{position:fixed;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff35;border-radius:50%;background:#168c51;color:#fff!important;box-shadow:0 5px 22px #0005;line-height:1;text-decoration:none!important;transform-origin:center bottom;animation:whatsapp-sway 12s ease-in-out infinite;transition:scale 180ms ease,background 180ms ease,box-shadow 180ms ease}
.whatsapp-float svg{display:block;width:31px;height:31px;fill:currentColor;pointer-events:none}
.whatsapp-float:hover,.whatsapp-float:focus-visible{animation-play-state:paused;background:#117a45;scale:1.06;box-shadow:0 7px 26px #0006}
.whatsapp-float:focus-visible{outline:2px solid #d8bd89;outline-offset:5px}
.whatsapp-float:active{scale:.93}
.instagram-float{position:fixed;left:max(24px,calc(env(safe-area-inset-left,0px) + 6px));bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:linear-gradient(135deg,#7c3aed 0%,#db2777 48%,#f59e0b 100%);color:#fff!important;box-shadow:0 5px 19px #0005;text-decoration:none!important;transition:scale 180ms ease,box-shadow 180ms ease}
.instagram-float svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none}
.instagram-float .instagram-dot{fill:currentColor;stroke:none}
.instagram-float:hover,.instagram-float:focus-visible{scale:1.07;box-shadow:0 7px 24px #0006}
.instagram-float:focus-visible{outline:2px solid #d8bd89;outline-offset:5px}
.instagram-float:active{scale:.93}
body:has(dialog[open]) .whatsapp-float,body:has(#galleryDialog:not([hidden])) .whatsapp-float,body:has(dialog[open]) .instagram-float,body:has(#galleryDialog:not([hidden])) .instagram-float{visibility:hidden}
@keyframes whatsapp-sway{0%,75%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-4px) rotate(-5deg)}85%{transform:translateY(-2px) rotate(4deg)}90%{transform:translateY(-3px) rotate(-2deg)}95%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none;transition:none}}

/* Older page scripts must not show a second floating WhatsApp button. */
#whatsappContact,a.floating.whatsapp-contact{display:none!important}