.co-wa{--wa-ink:#f5f9ff;--wa-muted:#d9e7f5;--wa-accent:#a8caff;--wa-line:#d8eaff29;--co-wa-edge:20px;--co-wa-bottom:max(var(--co-wa-clearance,0px),calc(var(--co-wa-keyboard,0px) + max(var(--co-wa-edge),env(safe-area-inset-bottom))));position:fixed;right:24px;bottom:var(--co-wa-bottom);z-index:70;color:var(--wa-ink);font:400 14px/1.55 'Open Sans',sans-serif;isolation:isolate}
.co-wa,.co-wa *{box-sizing:border-box}
.shop-footer .sf-icon.co-wa-footer-icon{fill:currentColor;stroke:none}
.co-wa [hidden]{display:none!important}
.co-wa button,.co-wa a,.co-wa textarea{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.co-wa button,.co-wa a{color:inherit;cursor:pointer}
.co-wa a{text-decoration:none}
.co-wa svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.co-wa ::selection{background:#a8caff;color:#061424}
.co-wa :focus-visible{outline:3px solid #a8caff;outline-offset:4px}
.co-wa #co-wa-title:focus{outline:none}
/* One branded button and a short, once-per-visit invitation. */
.co-wa[data-pending]{visibility:hidden;pointer-events:none}
.co-wa-launcher{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#8dffb538,transparent 48%,#006d2924),#0aad49f5;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:#fff;box-shadow:inset 0 1px 1px #e8fff9a6,inset 1px 0 1px #c7ffe34d,inset 0 -2px 2px #002f2859,0 3px 10px -2px #25d36666,0 4px 8px -2px #03152040;transition:filter .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.co-wa-launcher::before{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(ellipse at 35% 0%,#e2fff152,transparent 62%);pointer-events:none}
.co-wa-launcher:active{transform:scale(.96)}
.co-wa .co-wa-brand-icon{position:relative;width:30px;height:34px;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 2px #003e3573);transition:opacity .18s,transform .22s cubic-bezier(.16,1,.3,1)}
.co-wa-dismiss{position:absolute;inset:0;opacity:0;transform:rotate(-45deg) scale(.75);transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s}
.co-wa-dismiss::before,.co-wa-dismiss::after{content:"";position:absolute;left:18px;top:27px;width:20px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.co-wa-dismiss::after{transform:rotate(-45deg)}
.co-wa[data-open] .co-wa-launcher{background:linear-gradient(145deg,#9bcfff30,transparent 55%),#102b43e6;box-shadow:inset 0 1px 1px #e8f5ffa6,inset 1px 0 1px #b8dfff40,0 3px 10px -2px #7aafff26,0 4px 8px -2px #03152040}
.co-wa[data-open] .co-wa-dismiss{opacity:1;transform:none}
.co-wa[data-open] .co-wa-brand-icon{opacity:0;transform:scale(.8)}
.co-wa.is-introducing .co-wa-launcher{animation:co-wa-arrive .5s cubic-bezier(.16,1,.3,1) both}
.co-wa .co-wa-nudge{position:absolute;right:68px;bottom:8px;width:max-content;max-width:calc(100vw - 116px);min-height:40px;padding:10px 14px;border:0;border-radius:14px 14px 3px 14px;background:#f5f9ff;color:#10243a;font-size:13px;font-weight:600;line-height:20px;box-shadow:0 5px 18px #03152026;transform-origin:right bottom;animation:co-wa-nudge-in .28s cubic-bezier(.16,1,.3,1) both}
.co-wa-nudge.is-leaving{animation:co-wa-nudge-out .18s ease-in both;pointer-events:none}
@keyframes co-wa-arrive{from{opacity:0;transform:translateY(10px) scale(.75)}to{opacity:1;transform:none}}
@keyframes co-wa-nudge-in{from{opacity:0;transform:translateX(8px) scale(.95)}to{opacity:1;transform:none}}
@keyframes co-wa-nudge-out{to{opacity:0;transform:translateX(5px) scale(.97)}}
.co-wa-panel{position:absolute;bottom:68px;right:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(var(--co-wa-viewport,100dvh) - var(--co-wa-bottom) - 84px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8faec7 transparent;border-radius:28px;background:linear-gradient(145deg,#d4eaff0d,transparent 50%,#06142414),#0a223970;backdrop-filter:blur(32px) saturate(140%) brightness(.58);-webkit-backdrop-filter:blur(32px) saturate(140%) brightness(.58);box-shadow:inset 0 1px 0 #edF7ff9e,inset 1px 0 0 #daedff50,inset -1px 0 0 #a8caff25,inset 0 -1px 0 #b8dcff38,0 22px 65px #00000047;transform-origin:calc(100% - 30px) calc(100% + 42px);color-scheme:dark}
.co-wa-panel.is-opening{animation:co-wa-unfold .38s cubic-bezier(.16,1,.3,1) both}
.co-wa-panel.is-closing{animation:co-wa-fold .18s ease-in both;pointer-events:none}
.co-wa-light{position:absolute;inset:0 0 auto;height:220px;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#e5f4ff0f,transparent 48%,#a8caff0d 72%,transparent);mask-image:linear-gradient(#000,transparent)}
.co-wa-panel.is-opening .co-wa-light{animation:co-wa-light .6s ease-out both}
.co-wa-header{position:relative;display:flex;align-items:center;gap:12px;padding:24px 24px 0}
.co-wa h2{font:600 23px/1.2 Gilroy,sans-serif;letter-spacing:-.02em;margin:0;color:var(--wa-ink)}
.co-wa .co-wa-status{display:flex;align-items:center;gap:7px;color:var(--wa-muted);font-size:12px;line-height:1.5;margin:7px 0 0}
.co-wa-status-dot{width:7px;height:7px;border-radius:50%;background:#9aafc4;flex:none}
.co-wa-status[data-state=online] .co-wa-status-dot{background:#65d7a0}
.co-wa-close{display:grid;place-items:center;width:44px;height:44px;flex:none;margin:-9px -10px auto auto;padding:0;border:0;border-radius:50%;background:transparent}
.co-wa-body{position:relative;padding:24px 24px 20px}
.co-wa-team{display:flex;gap:16px;align-items:start;margin:0 0 20px}
.co-wa-team figure{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0}
.co-wa-team img{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #d8eaff33}
.co-wa .co-wa-team figcaption{margin:0;color:var(--wa-muted);font-size:11px;line-height:1.4}
.co-wa .co-wa-welcome{position:relative;margin:0 0 24px;padding:14px 16px;border-radius:3px 16px 16px;background:#c9e5ff13;box-shadow:inset 0 1px 0 #dceeff24;color:var(--wa-ink);font-size:14px;line-height:1.65}
.co-wa-composer{position:relative}
.co-wa-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.co-wa textarea.co-wa-message{display:block;resize:vertical;min-height:92px;max-height:160px;width:100%;padding:14px 62px 14px 14px;margin:0;border:1px solid #b8d6f252;border-radius:16px;background:#06142460;color:var(--wa-ink);font-size:16px;line-height:1.5;caret-color:var(--wa-accent);box-shadow:none;scrollbar-color:#8faec7 transparent}
.co-wa-message::placeholder{color:#b3c7da;opacity:1}
.co-wa-message:focus{border-color:#a8caff}
.co-wa .co-wa-send{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:#1555fc;color:#fff;transition:background-color .16s,opacity .16s}
.co-wa .co-wa-send[aria-disabled=true]{background:#264663;color:#9cb4cb;cursor:default}
.co-wa .co-wa-send svg{width:21px;height:21px}
.co-wa .co-wa-note{margin:11px 0 0;text-align:center;color:var(--wa-muted);font-size:11px;line-height:1.5}
/* The help dialog shares the chat's people, availability and dark glass surface. */
html:has(#modal[open] .co-contact){overflow:hidden;scrollbar-gutter:stable}
body.version-two #modal:has(.co-contact){--muted:#d9e7f5;--ink:#f5f9ff;width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:40px 56px 28px;border:0;border-radius:28px;background:linear-gradient(145deg,#d4eaff0d,transparent 50%,#06142414),#0a2239ed;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);box-shadow:inset 0 1px 0 #edf7ff70,0 24px 70px #00000047;color:#f5f9ff;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#8faec7 #0a2239;overscroll-behavior:contain}
body.version-two #modal:has(.co-contact)::backdrop{background:#04111d99;backdrop-filter:blur(5px)}
body.version-two #modal:has(.co-contact) .modal-close{top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:#d1e5ff15;color:#f5f9ff;display:grid;place-items:center;padding:0;font-size:30px}
.co-contact{text-align:center;font:400 16px/1.5 'Open Sans',sans-serif}
.co-contact ::selection{background:#a8caff;color:#061424}
#modal:has(.co-contact) :focus-visible{outline:3px solid #a8caff;outline-offset:4px}
.co-contact-team{display:flex;justify-content:center;gap:22px;margin:0 0 26px}
.co-contact-team figure{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0}
.co-contact-team img{display:block;width:72px;height:72px;object-fit:cover;border-radius:50%}
#modal .co-contact-team figcaption{padding:0;margin:0;font-size:12px;line-height:1.4;color:#d9e7f5}
.co-contact #modal-title{font:600 clamp(32px,4vw,44px)/1.08 Gilroy,sans-serif;letter-spacing:-.025em;text-wrap:balance;padding:0;margin:0 0 20px;color:#f5f9ff}
.co-contact-availability{margin-bottom:28px;font-size:14px;color:#d9e7f5}
.co-contact-availability p{margin:0;line-height:1.6}
.co-contact-availability p:first-child{display:flex;align-items:center;justify-content:center;gap:8px;color:#f5f9ff}
.co-contact-dot{width:7px;height:7px;border-radius:50%;background:#9aafc4;flex:none}
.co-contact-availability[data-state=online] .co-contact-dot{background:#65d7a0}
.co-contact-actions{display:grid;gap:10px;text-align:left}
.co-contact-actions a{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 20px;border-radius:12px;background:#d1e5ff10;color:#f5f9ff;text-decoration:none;transition:background-color .16s}
.co-contact-actions a>span:not(.sr-only){flex:1;min-width:0}
.co-contact-actions strong{display:block;font-size:16px;line-height:1.5;font-weight:700}
.co-contact-actions small{display:block;font-size:13px;line-height:1.5;color:#d9e7f5;overflow-wrap:anywhere}
.co-contact-actions svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.co-contact-actions a.co-contact-whatsapp{background:#1555fc}
.co-contact-actions .co-contact-whatsapp small{color:#f5f9ff}
.co-contact .co-contact-note{margin:20px 0 0;font-size:12px;line-height:1.5;color:#d9e7f5}
@media(hover:hover){.co-contact-actions a:hover{background:#d1e5ff22}.co-contact-actions a.co-contact-whatsapp:hover{background:#2860ed}body.version-two #modal:has(.co-contact) .modal-close:hover{background:#d1e5ff29}}
@media(max-width:600px){body.version-two #modal:has(.co-contact){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:44px 22px 22px;border-radius:24px}.co-contact-team{gap:20px;margin-bottom:22px}.co-contact-team img{width:60px;height:60px}.co-contact #modal-title{font-size:34px;margin-bottom:16px}.co-contact-availability{margin-bottom:24px;font-size:13px}.co-contact-actions a{padding:12px 16px;gap:12px}.co-contact .co-contact-note{margin-top:18px}}
@media(max-width:360px){body.version-two #modal:has(.co-contact){padding:64px 18px 22px}.co-contact #modal-title{font-size:30px}.co-contact-team{gap:18px}.co-contact-actions small{font-size:12px}}
@media(forced-colors:active){body.version-two #modal:has(.co-contact){background:Canvas;color:CanvasText;box-shadow:none;border:1px solid CanvasText;backdrop-filter:none}.co-contact-actions a{border:1px solid LinkText;color:LinkText}.co-contact #modal-title,.co-contact-availability p:first-child,.co-contact-actions small,.co-contact-team figcaption,.co-contact .co-contact-note{color:CanvasText}}
body:has(dialog[open]) .co-wa{visibility:hidden;pointer-events:none}
@media(hover:hover){.co-wa-launcher:hover{filter:brightness(1.1)}.co-wa-close:hover{background:#d1e5ff15}.co-wa .co-wa-send:not([aria-disabled=true]):hover{background:#326dff}}
@media(max-width:600px){.co-wa{right:16px;--co-wa-edge:16px}.co-wa-panel{border-radius:25px}.co-wa-header{padding:22px 22px 0}.co-wa-body{padding:24px 22px 18px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.co-wa-panel{background:#102b43}.co-wa-launcher{background-color:#0aad49}}
@keyframes co-wa-unfold{from{opacity:0;transform:translateY(12px) scale(.87);clip-path:inset(18% 0 0 12% round 28px)}to{opacity:1;transform:none;clip-path:inset(0 round 28px)}}
@keyframes co-wa-fold{to{opacity:0;transform:translateY(10px) scale(.95)}}
@keyframes co-wa-light{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.co-wa-panel.is-opening,.co-wa-panel.is-closing,.co-wa-panel.is-opening .co-wa-light,.co-wa.is-introducing .co-wa-launcher,.co-wa .co-wa-nudge{animation:none}.co-wa-panel.is-closing{opacity:0}.co-wa svg,.co-wa a,.co-wa button,.co-wa-dismiss{transition:color .1s,background-color .1s,opacity .1s}.co-wa-nudge.is-leaving{opacity:0}}
@media(forced-colors:active){.co-wa-panel{background:Canvas;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.co-wa .co-wa-launcher,.co-wa .co-wa-send,.co-wa .co-wa-nudge{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;backdrop-filter:none;filter:none}.co-wa .co-wa-brand-icon{filter:none}.co-wa-light,.co-wa-launcher::before{display:none}}
