@view-transition{navigation:auto}
/* Worumi · experiência do cliente (v2). Autónomo: não depende de platform.css. */
:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",Roboto,Arial,sans-serif;--ease:cubic-bezier(.22,.8,.2,1);--nav-h:60px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body.wg{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font,var(--font-sans));font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s}
body.wg[data-theme=dark]{--bg:#0b0b0d;--surface:#141417;--surface2:#1c1c20;--text:#f5f5f7;--muted:#a1a1a6;--line:#ffffff1c;--glass:#0b0b0dcc;--shadow:0 30px 80px #0009}
body.wg[data-theme=light]{--bg:#f5f5f7;--surface:#fff;--surface2:#ececf0;--text:#1d1d1f;--muted:#6e6e73;--line:#0000001a;--glass:#f5f5f7cc;--shadow:0 30px 80px #0002}
body.wg{--accent:#0a84ff;--accent-rgb:10 132 255;--glow:.6}
body.wg[data-font=serif]{--font:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif}
body.wg[data-font=mono]{--font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.wg[data-font=display]{--font:"SF Pro Display",Inter,"Helvetica Neue",Arial,sans-serif}
body.wg[data-font=display] :is(h1,h2){text-transform:uppercase;font-weight:850;letter-spacing:-.02em}
body.wg button{font:inherit;color:inherit;cursor:pointer}
body.wg a{color:inherit}
body.wg img{max-width:100%}
#gallery{position:relative;z-index:1}
.wg-hidden{display:none!important}

/* efeitos de fundo */
.wg-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--gallery-background) center/cover no-repeat;opacity:var(--gallery-opacity,1);filter:blur(var(--gallery-blur,0px));transform:scale(1.05)}
.wg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.wg-fx i{position:absolute;display:block;border-radius:50%;opacity:0}
body[data-effect=glow] .wg-fx i:nth-child(1){opacity:1;width:80vmax;height:60vmax;left:-20vmax;top:-30vmax;background:radial-gradient(closest-side,rgb(var(--accent-rgb)/calc(var(--glow)*.45)),transparent)}
body[data-effect=glow] .wg-fx i:nth-child(2){opacity:1;width:70vmax;height:50vmax;right:-25vmax;bottom:-25vmax;background:radial-gradient(closest-side,rgb(var(--accent-rgb)/calc(var(--glow)*.3)),transparent)}
body[data-effect=aurora] .wg-fx i{opacity:1;filter:blur(70px);mix-blend-mode:screen}
body[data-effect=aurora] .wg-fx i:nth-child(1){width:55vmax;height:38vmax;left:-10vmax;top:-8vmax;background:rgb(var(--accent-rgb)/calc(var(--glow)*.55));animation:wg-drift 22s ease-in-out infinite alternate}
body[data-effect=aurora] .wg-fx i:nth-child(2){width:46vmax;height:46vmax;right:-14vmax;top:20vh;background:rgb(255 90 200/calc(var(--glow)*.32));animation:wg-drift 27s ease-in-out -6s infinite alternate}
body[data-effect=aurora] .wg-fx i:nth-child(3){width:50vmax;height:34vmax;left:20vw;bottom:-14vmax;background:rgb(90 220 255/calc(var(--glow)*.3));animation:wg-drift 31s ease-in-out -12s infinite alternate}
body[data-theme=light][data-effect=aurora] .wg-fx i{mix-blend-mode:multiply;filter:blur(80px)}
@keyframes wg-drift{to{transform:translate3d(9vw,7vh,0) scale(1.18)}}
body[data-effect=grid] .wg-fx{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent)}
body[data-effect=grid] .wg-fx i:nth-child(1){opacity:1;width:60vmax;height:40vmax;left:20vw;top:-20vmax;background:radial-gradient(closest-side,rgb(var(--accent-rgb)/calc(var(--glow)*.35)),transparent)}

/* progresso de scroll + navegação */
.wg-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.wg-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),rgb(var(--accent-rgb)/.5));box-shadow:0 0 16px rgb(var(--accent-rgb)/calc(var(--glow)*.9))}
.wg-nav{position:fixed;left:0;right:0;top:0;height:var(--nav-h);z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(20px,calc((100vw - 1320px)/2));transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
.wg-nav.is-scrolled{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border-color:var(--line)}
.wg-brand{font-weight:700;font-size:17px;letter-spacing:-.02em;text-decoration:none;color:var(--text);text-shadow:0 1px 14px #0006}
body[data-hero=cinematic] .wg-nav:not(.is-scrolled) .wg-brand{color:#fff}
.wg-nav-right{display:flex;align-items:center;gap:10px}
.wg-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:var(--glass);-webkit-backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap}
.wg-pill b{color:var(--accent);margin-right:6px}

/* hero */
.wg-hero{position:relative;min-height:min(94vh,900px);display:grid;align-items:end;overflow:hidden;isolation:isolate}
body[data-hero=cinematic] .wg-hero{width:100%}
.wg-hero-media{position:absolute;inset:-6% 0 -6% 0;will-change:transform;transform:translate3d(0,var(--py,0px),0)}
.wg-hero-media img{width:100%;height:100%;object-fit:cover;display:block;animation:wg-kb 26s ease-out both;transform-origin:50% 50%}
@keyframes wg-kb{from{transform:scale(1.05)}to{transform:scale(var(--zoom,1))}}
.wg-hero-clip{position:absolute;inset:0;z-index:-2;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent 100%);mask-image:linear-gradient(#000 60%,transparent 100%)}
.wg-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000004d 0,#0000 22%,#0000 38%,#000000b3 88%)}
.wg-hero-copy{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:120px 0 72px;color:#fff;animation:wg-rise 1.1s var(--ease) both .15s}
@keyframes wg-rise{from{opacity:0;transform:translateY(32px)}}
.wg-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--accent-rgb));filter:brightness(1.25)}
.wg-hero h1{margin:14px 0 0;font-size:calc(clamp(46px,9.5vw,148px) * var(--ts,1));line-height:.94;letter-spacing:-.045em;font-weight:800;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 8px 60px #0007}
.wg-hero p.wg-welcome{max-width:56ch;margin:22px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:#ffffffd9}
.wg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.wg-meta span{display:grid;gap:2px;min-width:112px;padding:11px 16px;border:1px solid #ffffff2a;border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.wg-meta small{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6}
.wg-meta b{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.wg-cue{position:absolute;right:max(20px,calc((100vw - 1320px)/2));bottom:34px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.wg-cue i{width:1px;height:54px;background:linear-gradient(#fff,#fff0);animation:wg-cue 2.2s ease-in-out infinite;transform-origin:top}
@keyframes wg-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
/* hero: cartão */
body[data-hero=card] .wg-hero{width:min(1320px,calc(100% - 40px));min-height:min(70vh,640px);margin:calc(var(--nav-h) + 16px) auto 0;border-radius:36px;box-shadow:var(--shadow)}
body[data-hero=card] .wg-hero-clip{-webkit-mask-image:none;mask-image:none}body[data-hero=card] .wg-hero-media::after{background:linear-gradient(180deg,#0000 30%,#000000b3 100%)}
body[data-hero=card] .wg-hero-copy{width:100%;padding:0 clamp(24px,5vw,64px) clamp(28px,5vw,56px)}
body[data-hero=card] .wg-hero h1{font-size:calc(clamp(40px,7vw,104px) * var(--ts,1))}
/* hero: minimal (sem imagem) */
.wg-hero.is-plain{min-height:auto;margin-top:var(--nav-h)}
.wg-hero.is-plain .wg-hero-copy{color:var(--text);padding:96px 0 40px}
.wg-hero.is-plain .wg-welcome{color:var(--muted)}
.wg-hero.is-plain .wg-meta span{background:var(--surface);border-color:var(--line)}.wg-hero.is-plain .wg-meta small{color:var(--muted)}
.wg-hero.is-plain .wg-eyebrow{filter:none}

/* biblioteca */
.wg-library{position:relative;width:min(1320px,calc(100% - 40px));margin:0 auto;padding:56px 0 40px}
.wg-lib-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:26px}
.wg-lib-head span{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.wg-lib-head h2{margin:8px 0 0;font-size:clamp(30px,4.4vw,56px);line-height:1.02;letter-spacing:-.035em;font-weight:780}
.wg-lib-head p{margin:0;color:var(--muted);font-size:14px}
.wg-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none;counter-reset:how}
.wg-how li{position:relative;padding:18px 18px 18px 64px;border:1px solid var(--line);border-radius:20px;background:var(--surface);font-size:13.5px;line-height:1.45;color:var(--muted);counter-increment:how}
.wg-how li::before{content:counter(how);position:absolute;left:18px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:750;font-size:14px;box-shadow:0 0 22px rgb(var(--accent-rgb)/calc(var(--glow)*.7))}
.wg-how b{display:block;margin-bottom:2px;color:var(--text);font-size:14px}
.wg-toolbar{position:sticky;top:calc(var(--nav-h) + 8px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:10px;border:1px solid var(--line);border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}
.wg-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface2)}
.wg-seg button{height:34px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:650;transition:background .2s,color .2s}
.wg-seg button small{margin-left:6px;opacity:.7;font-weight:600}
.wg-seg button.is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 6px #0003}
.wg-tools{display:flex;align-items:center;gap:14px}
.wg-layout-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface);white-space:nowrap}
.wg-layout-switch button{height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:650;transition:background .2s,color .2s,transform .2s}
.wg-layout-switch button.is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 6px #0003}
.wg-layout-switch button:active{transform:scale(.95)}
.wg-density{display:flex;align-items:center;gap:10px;color:var(--muted)}
.wg-density svg{width:16px;height:16px;flex:none}
.wg-range{-webkit-appearance:none;appearance:none;width:120px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--accent) var(--fill,50%),var(--surface2) var(--fill,50%));outline:0;cursor:pointer}
.wg-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 8px #0006,0 0 0 4px rgb(var(--accent-rgb)/.25);transition:transform .15s}
.wg-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 8px #0006}
.wg-range:active::-webkit-slider-thumb{transform:scale(1.2)}
.wg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--text);font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s}
.wg-btn:hover{transform:translateY(-1px)}.wg-btn:active{transform:scale(.97)}
.wg-btn.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 8px 30px rgb(var(--accent-rgb)/calc(var(--glow)*.55))}
.wg-btn.primary:hover{box-shadow:0 10px 38px rgb(var(--accent-rgb)/calc(var(--glow)*.8))}
.wg-btn[disabled]{opacity:.55;pointer-events:none}
.wg-btn svg{width:17px;height:17px}

/* grelha */
.wg-grid{--cols:3;--gap:14px;column-count:var(--cols);column-gap:var(--gap)}
.wg-grid[data-layout=grid]{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);column-count:auto}
.wg-item{position:relative;display:block;break-inside:avoid;margin:0 0 var(--gap);border-radius:20px;overflow:hidden;background:var(--surface);opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .3s;-webkit-user-select:none;user-select:none}
.wg-grid[data-layout=grid] .wg-item{margin:0;aspect-ratio:4/5}
.wg-item.in{opacity:1;transform:none}
.wg-item[hidden]{display:none}
.wg-open{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;aspect-ratio:var(--ar,auto)}
.wg-grid[data-layout=grid] .wg-open{height:100%;aspect-ratio:auto}
.wg-open.no-ar{aspect-ratio:4/5}.wg-open video{pointer-events:none;background:var(--surface2)}
.wg-open img,.wg-open video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .9s var(--ease),filter .5s;-webkit-user-drag:none;background:var(--surface2)}
.wg-item:hover .wg-open img,.wg-item:hover .wg-open video{transform:scale(1.045)}
.wg-item:hover{box-shadow:0 20px 60px #0006,0 0 0 1px rgb(var(--accent-rgb)/.45),0 0 44px rgb(var(--accent-rgb)/calc(var(--glow)*.3))}
.wg-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#000000a6);opacity:0;transition:opacity .3s;pointer-events:none}
.wg-item:hover .wg-open::after,.wg-item:focus-within .wg-open::after{opacity:1}
.wg-open .skeleton{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff14 50%,transparent 70%),var(--surface2);background-size:200% 100%;animation:wg-shimmer 1.4s linear infinite;pointer-events:none}
.wg-open img.loaded+.skeleton,.wg-open .skeleton.done{display:none}
@keyframes wg-shimmer{to{background-position:-200% 0}}
.wg-badge{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:99px;background:#000000a6;-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.wg-badge svg{width:12px;height:12px}
.wg-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 16px;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.wg-item:hover .wg-cap,.wg-item:focus-within .wg-cap{opacity:1;transform:none}
.wg-cap b{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.wg-cap small{font-size:11.5px;opacity:.8;font-variant-numeric:tabular-nums}
.wg-dl{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #ffffff33;border-radius:50%;background:#000000a6;-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s,background .2s}
.wg-item:hover .wg-dl,.wg-item:focus-within .wg-dl{opacity:1;transform:none}
.wg-dl:hover{background:var(--accent)}.wg-dl svg{width:17px;height:17px}
@media(hover:none){.wg-dl,.wg-cap{opacity:1;transform:none}.wg-cap{display:none}}
/* seleção */
.select-media{position:absolute;left:50%;bottom:14px;z-index:4;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;min-width:132px;padding:0 18px 0 14px;border:1.5px solid #ffffffcc;border-radius:99px;background:#ffffffeb;color:#1d1d1f;font-size:14px;font-weight:650;letter-spacing:-.01em;box-shadow:0 6px 22px #0004;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.select-media:hover{transform:translateX(-50%)}.select-media:active{transform:translateX(-50%) scale(.97)}
.select-media::before{content:"";position:absolute;inset:-8px -10px}
.select-media .sm-mark{position:relative;flex:none;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;opacity:.75;transition:all .2s}
.select-media .sm-mark::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s}
.select-media[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 30px rgb(var(--accent-rgb)/.6)}
.select-media[aria-pressed=true] .sm-mark{background:#fff;border-color:#fff;opacity:1}
.select-media[aria-pressed=true] .sm-mark::after{border-color:var(--accent);transform:rotate(45deg) scale(1)}
.wg-item.is-selected{box-shadow:0 0 0 3px var(--accent),0 0 46px rgb(var(--accent-rgb)/calc(var(--glow)*.55))}
.wg-item.protected .wg-cap{opacity:0}
@media(hover:none){.select-media{opacity:1}}
.wg-dock{position:fixed;left:50%;bottom:20px;z-index:60;width:min(560px,calc(100% - 28px));display:flex;align-items:center;gap:16px;padding:12px 12px 12px 22px;border:1px solid var(--line);border-radius:99px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--shadow);transform:translate(-50%,140%);transition:transform .6s var(--ease)}
.wg-dock.show{transform:translate(-50%,0)}
.wg-dock-info{flex:1;min-width:0;display:grid;gap:7px}
.wg-dock-info b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.wg-dock-info b small{font-weight:500;color:var(--muted);margin-left:4px}
.wg-bar{height:5px;border-radius:9px;background:var(--surface2);overflow:hidden}
.wg-bar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--accent),rgb(var(--accent-rgb)/.6));box-shadow:0 0 14px rgb(var(--accent-rgb)/.8);transition:width .5s var(--ease)}

/* rodapé */
.wg-footer{position:relative;width:min(1320px,calc(100% - 40px));margin:0 auto;padding:90px 0 130px;text-align:center}
.wg-footer h2{margin:0 0 26px;font-size:clamp(34px,6vw,84px);letter-spacing:-.045em;line-height:1;font-weight:800}
.wg-footer h2 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#ff6ac1);-webkit-background-clip:text;background-clip:text;color:transparent}
.wg-status{min-height:20px;margin:14px 0 0;color:var(--muted);font-size:13px}
.wg-legal{max-width:70ch;margin:0 auto 26px;color:var(--muted);font-size:12px;line-height:1.6}
.wg-social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:38px}
.wg-social a{padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;font-weight:600;text-decoration:none;color:var(--muted);text-transform:capitalize;transition:color .2s,border-color .2s}
.wg-social a:hover{color:var(--text);border-color:var(--accent)}
.wg-delivered{display:inline-block;margin-top:34px;color:var(--muted);font-size:12px;text-decoration:none;letter-spacing:.04em}
.wg-delivered b{color:var(--text)}
.wg-note{margin:0 0 20px;color:var(--muted);font-size:12.5px}

/* visualizador */
.wg-lb{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto 1fr auto;background:#050506f2;-webkit-backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;animation:wg-fade .25s ease both;touch-action:pan-y}
@keyframes wg-fade{from{opacity:0}}
.wg-lb-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px}
.wg-lb-title{min-width:0;display:grid}.wg-lb-title b{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg-lb-title small{color:#ffffff99;font-size:12px;font-variant-numeric:tabular-nums}
.wg-lb-actions{display:flex;align-items:center;gap:8px}
.wg-icon{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff12;color:#fff;transition:background .2s,transform .15s}
.wg-icon:hover{background:#ffffff26}.wg-icon:active{transform:scale(.94)}.wg-icon svg{width:19px;height:19px}
.wg-lb-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:0 76px}
.wg-lb-stage img,.wg-lb-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 30px 100px #000c;transition:transform .35s var(--ease),opacity .3s;cursor:zoom-in;-webkit-user-drag:none;animation:wg-pop .35s var(--ease) both}
.wg-lb-stage img.zoom{cursor:zoom-out;transform:scale(2.2);transition:transform .35s var(--ease)}
@keyframes wg-pop{from{opacity:0;transform:scale(.97)}}
.wg-lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.wg-lb-nav.prev{left:18px}.wg-lb-nav.next{right:18px}
.wg-lb-foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px 22px}
.wg-lb-foot .select-media{position:relative;left:auto;bottom:auto;top:auto;transform:none}
.wg-lb-foot .select-media:hover{transform:none}
@media(max-width:700px){.wg-lb-stage{padding:0 8px}.wg-lb-nav{display:none}}

/* portões (palavra-passe, pagamento, erro) */
.wg-gate{position:relative;min-height:100vh;display:grid;place-items:center;padding:110px 20px 60px;text-align:center}
.wg-gate-card{position:relative;width:min(440px,100%);padding:44px 34px 36px;border:1px solid var(--line);border-radius:36px;background:var(--glass);-webkit-backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);box-shadow:var(--shadow),0 0 90px rgb(var(--accent-rgb)/calc(var(--glow)*.28));animation:wg-rise .9s var(--ease) both}
.wg-gate-card::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--a,0deg),transparent 0 62%,rgb(var(--accent-rgb)) 82%,transparent 100%);opacity:.7;animation:wg-spin 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:1.5px}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes wg-spin{to{--a:360deg}}
.wg-lock{width:76px;height:76px;margin:0 auto 22px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,rgb(var(--accent-rgb)/.95),rgb(var(--accent-rgb)/.55));color:#fff;box-shadow:0 14px 44px rgb(var(--accent-rgb)/calc(var(--glow)*.7));animation:wg-float 5s ease-in-out infinite}
.wg-lock svg{width:34px;height:34px}
@keyframes wg-float{50%{transform:translateY(-6px)}}
.wg-gate small.k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.wg-gate h1{margin:12px 0 10px;font-size:clamp(28px,5vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:780;overflow-wrap:anywhere}
.wg-gate p{margin:0 0 22px;color:var(--muted);font-size:14.5px}
.wg-gate form{display:grid;gap:12px}
.wg-field{position:relative}
.wg-field input{width:100%;height:56px;padding:0 18px;border:1.5px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);font:inherit;font-size:16px;text-align:center;letter-spacing:.06em;outline:0;transition:border-color .2s,box-shadow .2s}
.wg-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb)/.22),0 0 34px rgb(var(--accent-rgb)/calc(var(--glow)*.5))}
.wg-gate .wg-btn{height:54px;font-size:15.5px}
.wg-err{min-height:20px;margin:2px 0 0!important;color:#ff453a!important;font-size:13px!important}
.wg-shake{animation:wg-shake .45s}
@keyframes wg-shake{20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
.wg-price{margin:6px 0 22px;font-size:clamp(46px,9vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.wg-perks{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none;text-align:left;font-size:14px;color:var(--muted)}
.wg-perks li{display:flex;gap:10px;align-items:center}.wg-perks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:rgb(var(--accent-rgb)/.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%230a84ff' stroke-width='2'%3E%3Cpath d='m5 9 3 3 5-6'/%3E%3C/svg%3E") center/14px no-repeat}

/* seleção enviada */
.wg-done{width:min(420px,calc(100% - 32px));padding:38px 30px 30px;border:1px solid var(--line);border-radius:32px;background:var(--surface);color:var(--text);text-align:center;box-shadow:var(--shadow)}
.wg-done::backdrop{background:#000000a6;-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wg-check{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:#30d158;display:grid;place-items:center;box-shadow:0 0 50px #30d15866;animation:wg-pop .5s var(--ease) both}
.wg-check svg{width:38px;height:38px;stroke-dasharray:40;stroke-dashoffset:40;animation:wg-draw .6s .25s ease forwards}
@keyframes wg-draw{to{stroke-dashoffset:0}}
.wg-done h3{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}.wg-done p{margin:0 0 22px;color:var(--muted);font-size:14.5px}
.wg-done .wg-btn{width:100%}
#welcome{width:min(440px,calc(100% - 32px));padding:34px 30px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--text);text-align:center;box-shadow:var(--shadow)}
#welcome::backdrop{background:#000000a6;-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#welcome h2{margin:0 0 10px;font-size:26px;letter-spacing:-.03em}#welcome p{margin:0 0 22px;color:var(--muted)}
.w-toast{position:fixed;left:50%;bottom:96px;z-index:200;max-width:min(92vw,460px);padding:13px 20px;border-radius:99px;background:#1d1d1fee;color:#fff;font-size:14px;line-height:1.35;text-align:center;box-shadow:0 14px 40px #0006;-webkit-backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .25s,transform .3s var(--ease)}
.w-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){.wg-how{grid-template-columns:1fr}.wg-how li{padding:14px 14px 14px 58px;font-size:13px}.wg-how li::before{left:14px;top:12px}.wg-density{display:none}.wg-hero-copy{padding:110px 0 56px}.wg-cue{display:none}}
@media(max-width:700px){.wg-grid{--cols:2!important;--gap:8px}.wg-item{border-radius:14px;margin-bottom:8px}.wg-toolbar{position:static;flex-direction:column;align-items:stretch}.wg-seg{justify-content:center}.wg-seg button{flex:1}.wg-tools{justify-content:space-between}.wg-layout-switch{margin-left:auto}.wg-library{padding-top:40px}.wg-pill.hide-m{display:none}.select-media{min-width:0;height:38px;padding:0 14px 0 10px;font-size:13px}.wg-dock{bottom:12px;padding-left:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wg-item{opacity:1;transform:none}}

/* Escudo anti-captura */
.wg-open{position:relative}
.wg-shield{position:absolute;inset:-48px;z-index:2;pointer-events:none;border-radius:0;--n:50;--w:17;--sb:20px;--e:48px;
 background:rgba(8,8,10,.14);-webkit-backdrop-filter:blur(var(--sb)) saturate(1.15);backdrop-filter:blur(var(--sb)) saturate(1.15);
 --l:calc(var(--e) + (100% - 2 * var(--e)) * (var(--n) - var(--w)) / 100);--r:calc(var(--e) + (100% - 2 * var(--e)) * (var(--n) + var(--w)) / 100);
 -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--l) - 14px),transparent var(--l),transparent var(--r),#000 calc(var(--r) + 14px),#000 100%);
 mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--l) - 14px),transparent var(--l),transparent var(--r),#000 calc(var(--r) + 14px),#000 100%)}
.wg-open{overflow:hidden}
.wg-shield-host{position:absolute;z-index:3;overflow:hidden;border-radius:10px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent}
.wg-shield-host.is-drag{cursor:grabbing}
.wg-shield-grip{position:absolute;top:50%;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;height:42px;padding:0 9px;border-radius:99px;pointer-events:none;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 8px 30px rgba(0,0,0,.35);transition:transform .3s var(--ease),background .3s}
.wg-shield-host.is-drag .wg-shield-grip{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.26)}
.wg-lb-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:5;font-size:12px;color:#ffffffb3;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 12px;border-radius:99px;pointer-events:none;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.wg-shield-grip{transition:none}}
.wg-lb-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.wg-lb-stage img,.wg-lb-stage video{min-height:0;min-width:0;justify-self:center;align-self:center}
.wg-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.wg-seg::-webkit-scrollbar{display:none}
.wg-seg button{white-space:nowrap;flex:0 0 auto}
@media(max-width:380px){.wg-seg button{padding:0 11px;font-size:12.5px}.wg-seg button small{margin-left:4px}}

/* Paginação */
.wg-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:34px auto 6px;flex-wrap:wrap}
.wg-pager[hidden]{display:none}
.wg-pg{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:var(--surface2);color:var(--text);font:600 13.5px/1 inherit;font-family:inherit;display:inline-grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s var(--ease),transform .25s var(--ease),border-color .25s,color .25s}
.wg-pg svg{width:16px;height:16px}
.wg-pg:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}
.wg-pg:active:not(:disabled){transform:scale(.92)}
.wg-pg.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}
.wg-pg:disabled{opacity:.35;cursor:default}
.wg-pg-gap{color:var(--muted);padding:0 4px}
/* Faixa que se move sozinha para ensinar a interagir */
@property --sx{syntax:'<percentage>';inherits:false;initial-value:50%}
@keyframes wg-sweep{0%{--sx:24%}50%{--sx:76%}100%{--sx:24%}}

.wg-shield.is-idle:nth-of-type(odd){animation-delay:-1.4s}
@media(prefers-reduced-motion:reduce){.wg-shield.is-idle{animation:none}}
.wg-legal{margin-top:18px}
.wg-density,.wg-tools:empty{display:none}
.select-media,.select-media .sm-text{color:#1d1d1f!important}
.select-media[aria-pressed=true],.select-media[aria-pressed=true] .sm-text{color:#fff!important}

/* v10 · faixa parada, só arrasta; ícone transparente no meio */
.wg-shield-grip{height:38px;padding:0 8px;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.4)!important;opacity:.95}
.wg-shield-grip.is-sm{height:32px;padding:0 6px;gap:1px}
.wg-shield-grip.is-sm svg{width:7px;height:10px}
.wg-item .wg-shield-host{cursor:grab;touch-action:pan-y}
/* botão Selecionar no topo: a barra de confirmar não o tapa */
.wg-item>.select-media{top:auto!important;bottom:14px!important}

/* v10 · scroll fino e limpo, no tom do tema */
html{scrollbar-width:thin;scroll-behavior:smooth}
html:has(body[data-theme=dark]){color-scheme:dark;scrollbar-color:rgba(255,255,255,.28) transparent}
html:has(body[data-theme=light]){color-scheme:light;scrollbar-color:rgba(0,0,0,.28) transparent}
html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,255,255,.28);border:2px solid transparent;background-clip:padding-box}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v11 · caixas de instruções centradas e sem texto partido */
.wg-how{align-items:stretch}
.wg-how li{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px 22px 16px 68px;text-wrap:pretty;overflow-wrap:normal;word-break:normal;hyphens:none}
.wg-how li::before{top:50%;left:20px;transform:translateY(-50%)}
.wg-how b{margin-bottom:3px}
@media(max-width:900px){.wg-how li{min-height:0;padding:14px 16px 14px 62px}.wg-how li::before{left:16px}}

/* v11 · animações (Personalizar > Animações) */
body[data-motion=none] .wg-item{opacity:1;transform:none;transition:none}
body[data-motion=none] .wg-hero *{animation:none!important}
body[data-motion=soft] .wg-item,body[data-motion=cinema] .wg-item{transition-duration:.8s}
body[data-motion=cinema] .wg-item{transform:translateY(46px) scale(.96);filter:blur(10px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease),box-shadow .4s}
body[data-motion=cinema] .wg-item.in{filter:none;transform:none}
body[data-motion=cinema] .wg-how li,body[data-motion=cinema] .wg-toolbar{animation:wg-rise .9s var(--ease) both}
body[data-motion=cinema] .wg-how li:nth-child(2){animation-delay:.12s}body[data-motion=cinema] .wg-how li:nth-child(3){animation-delay:.24s}
body[data-motion=soft] .wg-how li{animation:wg-rise .8s var(--ease) both}
body[data-motion=soft] .wg-how li:nth-child(2){animation-delay:.1s}body[data-motion=soft] .wg-how li:nth-child(3){animation-delay:.2s}
.wg-item{will-change:transform,opacity}
body[data-motion=cinema] .wg-hero-copy{transform:translate3d(0,calc(var(--py,0)*.35px),0);opacity:calc(1 - var(--py,0)/700)}
@keyframes wg-intro-library{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
body[data-intro=on] .wg-library.wg-intro-run{animation:wg-intro-library .72s var(--ease) both}
.select-media .sm-mark{transition:transform .35s var(--ease),all .2s}
.select-media[aria-pressed=true] .sm-mark{transform:scale(1.15)}
.select-media[aria-pressed=true]{animation:wg-tap .42s ease-in-out}
@media(prefers-reduced-motion:reduce){body[data-motion] .wg-item,body[data-motion] .wg-how li,body[data-intro=on] .wg-library.wg-intro-run{animation:none;filter:none;opacity:1;transform:none}}

/* v13 · barra de exemplo */
.wg-exbar{position:fixed;left:50%;top:72px;z-index:70;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:99px;background:color-mix(in srgb,var(--bg,#0b0b0d) 70%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--line);box-shadow:0 18px 50px -12px #0008;white-space:nowrap;animation:wg-rise .8s var(--ease) both .6s}
.wg-ex-back{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13px;font-weight:600;text-decoration:none}.wg-ex-back svg{width:14px;height:14px}
.wg-ex-tag{padding:0 10px;font-size:12px;color:var(--muted);border-left:1px solid var(--line);height:18px;line-height:18px}
.wg-ex-cta{display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:99px;background:var(--accent);color:#fff;font-size:13px;font-weight:650;text-decoration:none}
@media(max-width:560px){.wg-ex-tag{display:none}.wg-exbar{padding-left:12px}}

/* v14 · seletor de temas do exemplo */
.wg-extheme{position:fixed;left:50%;top:124px;z-index:69;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:99px;background:color-mix(in srgb,var(--bg,#0b0b0d) 70%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--line,rgba(255,255,255,.14))}
.wg-extheme a{height:30px;padding:0 14px;display:inline-flex;align-items:center;border-radius:99px;font-size:12.5px;font-weight:600;color:var(--muted,#9a9aa0);text-decoration:none;transition:background .25s,color .25s}
.wg-extheme a:hover{color:var(--text,#fff)}
.wg-extheme a.on{background:var(--text,#fff);color:var(--bg,#0b0b0d)}
@media(max-width:700px){body.is-example .wg-hero-copy{padding-top:210px}.wg-extheme{top:120px}}

/* v15 · pega de arrasto: só um abanão discreto a sugerir o gesto */
@keyframes wg-nudge{0%,62%,100%{transform:translate(-50%,-50%)}68%{transform:translate(calc(-50% - 4px),-50%)}76%{transform:translate(calc(-50% + 4px),-50%)}84%{transform:translate(calc(-50% - 2px),-50%)}92%{transform:translate(calc(-50% + 2px),-50%)}}
.wg-shield-grip{animation:none!important}
.wg-shield-host.is-drag .wg-shield-grip{animation:none}
@media(prefers-reduced-motion:reduce){.wg-shield-grip{animation:none}}

/* v16 · clicar na imagem não faz nada visual: sem encolher, sem zoom, sem contorno */
.wg-item .wg-open,.wg-item .wg-open:hover,.wg-item .wg-open:active,.wg-item .wg-open:focus,.wg-item .wg-open:focus-visible{transform:none!important;outline:0!important;box-shadow:none!important;filter:none!important}
.wg-item.protected .wg-open img,.wg-item.protected .wg-open video,.wg-item.protected:hover .wg-open img,.wg-item.protected:hover .wg-open video,.wg-item:active .wg-open img{transform:none!important;transition:none!important}
.wg-item:active{transform:none!important}
.wg-item.protected:hover .wg-open::after{opacity:0!important}

/* v17 · Selecionar: sem saltos para o lado; só um abanão leve ao selecionar */
.select-media{--tx:-50%}
.wg-lb-foot .select-media{--tx:0px}
@keyframes wg-tap{0%,100%{transform:translateX(var(--tx))}22%{transform:translateX(calc(var(--tx) - 3px))}48%{transform:translateX(calc(var(--tx) + 3px))}72%{transform:translateX(calc(var(--tx) - 1.5px))}}
@media(prefers-reduced-motion:reduce){.select-media[aria-pressed=true]{animation:none}}

/* v18 · Selecionar: centrado sem transform (nada o desloca), preenchimento suave e um "pop" discreto */
.wg-item>.select-media,.wg-item>.select-media:hover,.wg-item>.select-media:active{left:0;right:0;margin-inline:auto;width:max-content!important;transform:none}
.select-media{isolation:isolate;overflow:hidden;min-width:158px;transition:color .35s,box-shadow .4s,background-color 0s .32s,border-color .4s,scale .35s var(--ease)}
.select-media:hover{scale:1.03}.select-media:active{scale:.96}
.select-media::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--accent);clip-path:circle(0 at 30px 50%);transition:clip-path .6s cubic-bezier(.2,.8,.2,1)}
.select-media[aria-pressed=true]{background:#ffffffeb;animation:sm-pop .55s cubic-bezier(.34,1.56,.64,1)}
.select-media[aria-pressed=true]::after{clip-path:circle(160% at 30px 50%)}
.select-media[aria-pressed=true] .sm-mark{animation:sm-mark .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes sm-pop{0%{scale:.94}55%{scale:1.06}100%{scale:1}}
@keyframes sm-mark{0%{transform:scale(.5) rotate(-30deg)}60%{transform:scale(1.35)}100%{transform:scale(1.15)}}
.wg-lb-foot .select-media,.wg-lb-foot .select-media:hover{transform:none}
@media(prefers-reduced-motion:reduce){.select-media,.select-media::after,.select-media .sm-mark{animation:none!important;transition:none!important}}

/* v18 · Confirmar seleção: brilho que passa, carrega, "a enviar" e visto */
.wg-confirm{position:relative;overflow:hidden;isolation:isolate;min-width:200px;transition:transform .4s var(--ease),box-shadow .4s,background-color .5s,scale .35s var(--ease)}
.wg-confirm .cf-lbl{position:relative;z-index:1;display:inline-block;transition:opacity .3s,transform .45s var(--ease)}
.wg-confirm::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-130%);animation:cf-sheen 3.8s var(--ease) 1.2s infinite;pointer-events:none}
@keyframes cf-sheen{0%,50%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.wg-confirm:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgb(var(--accent-rgb)/calc(var(--glow)*.9))}
.wg-confirm:active{transform:scale(.96)}
.wg-confirm .cf-spin{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;opacity:0;scale:.4;transition:opacity .3s,scale .4s var(--ease)}
.wg-confirm.is-loading .cf-spin{opacity:1;scale:1;animation:cf-rot .7s linear infinite}
.wg-confirm.is-loading .cf-lbl,.wg-confirm.is-done .cf-lbl{opacity:0;transform:translateY(-10px)}
.wg-confirm .cf-ok{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1) .05s}
.wg-confirm.is-done{background:#30d158;box-shadow:0 10px 40px rgba(48,209,88,.55)}
.wg-confirm.is-done .cf-ok{stroke-dashoffset:0}
.wg-confirm.is-loading[disabled],.wg-confirm.is-done[disabled]{opacity:1}
.wg-confirm.is-done::after,.wg-confirm.is-loading::after{animation:none;opacity:0}
@keyframes cf-rot{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.wg-confirm::after{animation:none}.wg-confirm .cf-spin{animation:none!important}}

/* v20 · visto centrado, estilo Apple */
.select-media .sm-mark::after{left:0;top:0;width:100%;height:100%;border:0!important;background:var(--accent);transform:scale(0)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.3l4.2 4.2L18.5 7.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/78% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.3l4.2 4.2L18.5 7.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/78% no-repeat;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.select-media[aria-pressed=true] .sm-mark::after{transform:scale(1)!important;border:0!important}
.select-media[aria-pressed=true] .sm-mark{animation:sm-mark .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes sm-mark{0%{transform:scale(.5)}60%{transform:scale(1.3)}100%{transform:scale(1.15)}}

/* v20 · seleção enviada: fecha a escolha */
body.wg-sent .select-media{pointer-events:none}
body.wg-sent .wg-item:not(.is-selected) .select-media,body.wg-sent .wg-lb-foot .select-media{display:none}
body.wg-sent .wg-item{cursor:default}
.wg-dock.is-sent{gap:14px;padding:12px 12px 12px 14px;animation:sent-in .6s cubic-bezier(.2,.9,.3,1)}
@keyframes sent-in{from{opacity:0;transform:translate(-50%,16px) scale(.96)}}
.wg-dock .sent-ok{flex:none;width:40px;height:40px;border-radius:50%;background:#30d158;display:grid;place-items:center;box-shadow:0 6px 22px rgba(48,209,88,.45)}
.wg-dock .sent-ok svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;animation:sent-draw .6s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes sent-draw{to{stroke-dashoffset:0}}
.wg-dock .sent-txt{flex:1;min-width:0;display:grid;gap:2px}
.wg-dock .sent-txt b{font-size:14.5px;font-weight:700}
.wg-dock .sent-txt small{font-size:12.5px;color:var(--muted);line-height:1.35}
@media(max-width:560px){.wg-dock.is-sent .sent-txt small{display:none}}

/* v21 · galeria: botões com resposta */
.wb-host{overflow:hidden}
.wb-rip{position:absolute;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,0) 65%);transform:scale(0);pointer-events:none;animation:wb-rip .65s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes wb-rip{to{transform:scale(1);opacity:0}}
.wg-btn{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background-color .25s,border-color .25s}
.wg-btn:not(.primary):hover{border-color:rgb(var(--accent-rgb)/.55);box-shadow:0 8px 26px rgb(var(--accent-rgb)/calc(var(--glow)*.35))}
.wg-icon{transition:background .25s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.wg-icon:hover{transform:scale(1.08);box-shadow:0 6px 20px rgb(var(--accent-rgb)/.25)}
.wg-seg button{transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.wg-seg button:active{transform:scale(.95)}
.wg-pg:hover:not(:disabled){box-shadow:0 6px 18px rgb(var(--accent-rgb)/.22)}
@media(prefers-reduced-motion:reduce){.wb-rip{animation:none}}
.wg-social a:hover{box-shadow:0 6px 22px color-mix(in srgb,var(--accent,#0a84ff) 35%,transparent);transform:translateY(-1px)}

/* ===== v39 · leitor de vídeo (Apple, minimalista) ===== */
.wp{--wp-glow:rgb(var(--accent-rgb,255 255 255)/.55);position:relative;justify-self:center;align-self:center;overflow:hidden;border-radius:20px;background:#000;box-shadow:0 40px 120px #000d,0 0 0 1px #ffffff14;animation:wg-pop .45s var(--ease,cubic-bezier(.2,.8,.2,1)) both;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.wg-lb-stage .wp video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;object-fit:contain;background:#000;cursor:pointer;animation:none}
.wp.is-full{border-radius:0;width:100%!important;height:100%!important}
.wp-big{position:absolute;left:50%;top:50%;z-index:3;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;place-items:center;padding:0;border:1px solid #ffffff40;border-radius:50%;color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);box-shadow:0 10px 50px #0006,0 0 46px var(--wp-glow);cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,box-shadow .4s,background .25s}
.wp-big svg{width:34px;height:34px}.wp-big:hover{transform:scale(1.07);background:#ffffff38;box-shadow:0 12px 60px #0007,0 0 64px var(--wp-glow)}.wp-big:active{transform:scale(.94)}
.wp.is-playing:not(.is-ended) .wp-big{opacity:0;transform:scale(.7);pointer-events:none}
.wp.is-wait.is-playing .wp-big{opacity:.9;transform:scale(.8)}
.wp.is-wait.is-playing .wp-big svg{display:none}.wp.is-wait.is-playing .wp-big::after{content:"";width:30px;height:30px;border-radius:50%;border:2.5px solid #ffffff55;border-top-color:#fff;animation:wp-spin .8s linear infinite}
@keyframes wp-spin{to{transform:rotate(360deg)}}
.wp::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000a8,transparent);opacity:0;transition:opacity .4s}
.wp.is-awake::after,.wp:not(.is-playing)::after{opacity:1}
.wp-bar{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;display:flex;align-items:center;gap:6px;height:52px;padding:0 10px;border-radius:26px;color:#fff;background:#1c1c1e8c;border:1px solid #ffffff22;-webkit-backdrop-filter:blur(28px) saturate(1.8);backdrop-filter:blur(28px) saturate(1.8);box-shadow:0 12px 40px #0006;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.wp.is-awake .wp-bar,.wp:not(.is-playing) .wp-bar,.wp.is-scrub .wp-bar{opacity:1;transform:none}
.wp:not(.is-awake).is-playing{cursor:none}
.wp-b{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s,transform .2s,box-shadow .3s}
.wp-b svg{width:19px;height:19px}.wp-b:hover{background:#ffffff26;box-shadow:0 0 22px var(--wp-glow)}.wp-b:active{transform:scale(.9)}
.wp-t{flex:0 0 auto;min-width:38px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#ffffffcc;text-align:center}
.wp-track{position:relative;flex:1;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none}
.wp-track::before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:4px;background:#ffffff33;transition:height .2s}
.wp-track:hover::before,.wp.is-scrub .wp-track::before{height:6px}
.wp-buf,.wp-fill{position:absolute;left:0;right:0;height:4px;border-radius:4px;transform-origin:left;transform:scaleX(0);transition:height .2s}
.wp-buf{background:#ffffff40}.wp-fill{background:#fff;box-shadow:0 0 14px var(--wp-glow)}
.wp-track:hover .wp-buf,.wp-track:hover .wp-fill,.wp.is-scrub .wp-fill,.wp.is-scrub .wp-buf{height:6px}
.wp-knob{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0008;transform:scale(0);transition:transform .2s}
.wp-track:hover .wp-knob,.wp.is-scrub .wp-knob,.wp-track:focus-visible .wp-knob{transform:scale(1)}
@media(max-width:600px){.wp{border-radius:14px}.wp-bar{left:8px;right:8px;bottom:8px;height:46px;gap:2px;padding:0 6px}.wp-b{width:34px;height:34px}.wp-t{min-width:34px;font-size:11px}.wp-big{width:68px;height:68px;margin:-34px 0 0 -34px}}
@media(prefers-reduced-motion:reduce){.wp,.wp-big,.wp-bar{transition:none;animation:none}}

/* ===== v39 · botões da pré-visualização com animação ===== */
.wg-ex-cta,.wg-btn{position:relative;overflow:hidden;isolation:isolate}
.wg-ex-back,.wg-ex-cta,.wg-extheme a,.wg-seg button,.wg-btn,.wg-icon,.wg-dl,.wg-pill,.select-media,.wg-pg{transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s,box-shadow .45s,border-color .3s,opacity .3s}
.wg-ex-back:hover,.wg-seg button:hover:not(.is-active){transform:translateY(-1px)}
.wg-ex-back:hover{opacity:.85}.wg-ex-back svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.wg-ex-back:hover svg{transform:translateX(-3px)}
.wg-ex-cta{box-shadow:0 6px 22px rgb(var(--accent-rgb)/.45)}.wg-ex-cta:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 10px 34px rgb(var(--accent-rgb)/.75)}
.wg-ex-cta::after,.wg-btn.primary::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:-1;background:linear-gradient(100deg,transparent,#ffffff59,transparent);transform:skewX(-18deg);transition:left .8s cubic-bezier(.2,.8,.2,1)}
.wg-ex-cta:hover::after,.wg-btn.primary:hover::after{left:130%}
.wg-extheme a:hover:not(.on){transform:translateY(-1px);background:color-mix(in srgb,var(--text,#fff) 10%,transparent)}
.wg-extheme a.on{box-shadow:0 4px 18px rgb(var(--accent-rgb)/.35)}
.wg-extheme a:active,.wg-ex-cta:active,.wg-ex-back:active,.wg-seg button:active,.wg-pill:active{transform:scale(.95)}
.wg-seg button:hover:not(.is-active){color:var(--text)}
.wg-icon:hover{transform:scale(1.08);box-shadow:0 0 24px rgb(var(--accent-rgb,255 255 255)/.4)}
.wg-btn:hover{box-shadow:0 10px 30px rgb(var(--accent-rgb)/calc(var(--glow,.5)*.5))}
.wg-dl:hover{transform:scale(1.1);box-shadow:0 0 22px rgb(var(--accent-rgb)/.6)}
.wg-extheme{max-width:calc(100vw - 20px);overflow-x:auto;scrollbar-width:none}.wg-extheme::-webkit-scrollbar{display:none}.wg-extheme a{white-space:nowrap;flex:0 0 auto}
@media(prefers-reduced-motion:reduce){.wg-ex-cta::after,.wg-btn.primary::after{display:none}}
.wp-err{position:absolute;inset:0;z-index:5;display:grid;place-items:center;color:#fff9;font-size:14px;font-weight:600;text-align:center;padding:20px}

/* capa: fundo desfocado + foto nítida sem ampliar demais */
.wg-hero-media .hm-bg{display:none}
.wg-hero-media.is-soft{display:grid;place-items:center}
.wg-hero-media.is-soft .hm-bg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(42px) saturate(1.3) brightness(.72);transform:scale(1.3);animation:none}
.wg-hero-media.is-soft .hm-fg{position:relative;object-fit:cover;max-width:100%;max-height:100%;animation:wg-kb 26s ease-out both}

/* seletor de tipo de exemplo (entrega / seleção, com ou sem senha) */
.wg-exmode{position:fixed;left:50%;top:170px;z-index:68;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:99px;background:color-mix(in srgb,var(--bg,#0b0b0d) 70%,transparent);border:1px solid var(--line,#ffffff1f);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);max-width:calc(100vw - 20px);overflow:auto;scrollbar-width:none}
.wg-exmode a{height:28px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:99px;font-size:12px;font-weight:600;color:var(--muted,#9a9aa0);text-decoration:none;white-space:nowrap;transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s}
.wg-exmode a svg{width:12px;height:12px}.wg-exmode a:hover{color:var(--text,#fff)}
.wg-exmode a.on{background:rgb(var(--accent-rgb,255 255 255)/.9);color:#000}
.wg-hintpw{text-align:center;margin:24px 0 0}.wg-hintpw b{color:var(--text,#fff);letter-spacing:.04em}
@media(max-width:700px){.wg-exmode{top:166px}body.is-example .wg-hero-copy{padding-top:250px}}
body.is-example .wg-hero-copy{padding-top:250px}
body.is-example .wg-gate{padding-top:240px}

/* entrada da barra de exemplo: cai do topo com mola, os botões e separadores entram em cascata */
@keyframes wg-ex-in{0%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.86);filter:blur(12px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:blur(0)}}
@keyframes wg-ex-item{from{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:none}}
@keyframes wg-ex-glow{0%,100%{box-shadow:0 0 0 0 rgb(var(--accent-rgb,255 255 255)/0)}45%{box-shadow:0 0 0 9px rgb(var(--accent-rgb,255 255 255)/.22),0 8px 30px rgb(var(--accent-rgb,255 255 255)/.4)}}
.wg-exbar{animation:wg-ex-in 1s cubic-bezier(.2,1.25,.35,1) .35s both}
.wg-extheme{animation:wg-ex-in 1s cubic-bezier(.2,1.25,.35,1) .5s both}
.wg-exmode{animation:wg-ex-in 1s cubic-bezier(.2,1.25,.35,1) .65s both}
.wg-exbar>*{animation:wg-ex-item .6s cubic-bezier(.2,.9,.3,1.2) both}
.wg-exbar>:nth-child(1){animation-delay:.7s}.wg-exbar>:nth-child(2){animation-delay:.8s}.wg-exbar>:nth-child(3){animation-delay:.9s}
.wg-ex-cta{animation:wg-ex-item .6s cubic-bezier(.2,.9,.3,1.2) .9s both,wg-ex-glow 1.6s ease-in-out 1.7s 2!important}
.wg-extheme a,.wg-exmode a{animation:wg-ex-item .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(.8s + var(--i,0)*55ms)}
.wg-exmode a:nth-child(1){--i:0}.wg-exmode a:nth-child(2){--i:1}.wg-exmode a:nth-child(3){--i:2}.wg-exmode a:nth-child(4){--i:3}
@media(prefers-reduced-motion:reduce){.wg-exbar,.wg-extheme,.wg-exmode,.wg-exbar>*,.wg-ex-cta,.wg-extheme a,.wg-exmode a{animation:none!important}}

/* Transição suave entre categorias (troca no próprio sítio, sem piscar) */
.wg-noanim,.wg-noanim *{animation:none!important}
::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-image-pair(root){isolation:auto}
::view-transition-new(root){animation:wg-vt-in .5s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
@keyframes wg-vt-out{to{opacity:0;transform:scale(.995)}}
@keyframes wg-vt-in{from{opacity:0}}

.wg-hero-media .hm-vid{animation:none!important;transform:none}
.wg-hero-media:not(.is-soft) .hm-vid{width:100%;height:100%;object-fit:cover;display:block}

/* contraste: marca no ecrã de senha / sem capa segue o tema; texto sobre a cor de destaque escolhe claro/escuro */
body:has(.wg-gate) .wg-nav .wg-brand,body:has(.wg-hero.is-plain) .wg-nav:not(.is-scrolled) .wg-brand{color:var(--text)!important;text-shadow:none}
.wg-btn.primary,.wg-exbar .wg-ex-cta,a.wg-ex-cta{color:var(--on-accent,#fff)!important}

/* v54 · fundo desfocado que preenche sempre; sem zoom; leitor de foto e vídeo com o mesmo desenho e mais respiro */
.wg-hero-media .hm-bg{display:block;position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(42px) saturate(1.3) brightness(.72);transform:none;animation:none}
.wg-hero-media .hm-fg{position:relative}
.wg-shield{inset:-52px}
.wg{touch-action:pan-x pan-y}
.wg-open{cursor:pointer}
.wg-lb{overflow:hidden;background:#050506}
.wg-lb-bg{grid-area:1/1/4/2;position:absolute;inset:-12%;width:124%;height:124%;background-size:cover;background-position:center;filter:blur(64px) saturate(1.5) brightness(.5);z-index:0;pointer-events:none;animation:wg-fade .5s ease both}
.wg-lb::before{content:"";grid-area:1/1/4/2;position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0008,#0003 30%,#0003 70%,#0009);pointer-events:none}
.wg-lb-top,.wg-lb-stage,.wg-lb-foot{position:relative;z-index:1}
.wg-lb-stage{padding:10px 96px 10px;touch-action:pan-y}
.wg-lb-stage img,.wg-lb-stage .wp{border-radius:22px;box-shadow:0 40px 120px #000c,0 0 0 1px #ffffff14;cursor:default;touch-action:pan-y;-webkit-touch-callout:none}
.wg-lb-stage img.zoom{transform:none}
.wg-shield-host{border-radius:22px}
.wg-lb-top{padding:20px 28px 10px}.wg-lb-foot{padding:14px 20px 28px}
@media(max-width:700px){.wg-lb-stage{padding:8px 16px}.wg-lb-top{padding:14px 16px 6px}.wg-lb-foot{padding:10px 16px 22px}.wg-lb-stage img,.wg-lb-stage .wp{border-radius:18px}}
.wg-lb{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.wg-lb-bg{transform:translateZ(0)}

/* ===== v56 · blur sem cortes + proteção ===== */
.wg-lb-stage{overflow:visible}
.wg-lb-stage img,.wg-lb-stage .wp{box-shadow:0 30px 90px #000a,0 0 0 1px #ffffff14}
.wg-lb-bg{inset:-20%;width:140%;height:140%}
.wg-lb::before{background:radial-gradient(120% 90% at 50% 50%,#0000 40%,#0006 100%),linear-gradient(180deg,#0006,#0002 30%,#0002 70%,#0007)}
.wg-cshield{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;border-radius:inherit}
.wg-shield-host.in-wp{inset:0;left:0;top:0;width:100%;height:100%;z-index:2;border-radius:inherit}
.wp-min .wp-big,.wp-min .wp-track,.wp-min .wp-t,.wp-min .wp-pp,.wp-min .wp-fs,.wp-min::after{display:none!important}
.wp-min .wp-bar{left:auto;right:14px;top:14px;bottom:auto;width:auto;height:auto;padding:4px;z-index:6;opacity:1!important;transform:none!important}
.wp-min{cursor:grab}
.wp-min .wg-lb-hint{bottom:14px}
.wg-shield-host,.wg-lb-stage,.wg-item,.wg-lb-bg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* ao perder o foco / imprimir / adulteração: tudo desfocado */
body.wg-away .wg-item img,body.wg-away .wg-lb-stage,body.wg-away .wg-lb-bg,body.wg-away .wg-hero{filter:blur(40px) brightness(.4);transition:filter .12s}
body.wg-tamper .wg-item img,body.wg-tamper .wg-lb-stage,body.wg-tamper .wg-lb-bg,body.wg-tamper .wg-open{visibility:hidden!important}
@media print{body *{visibility:hidden!important}body{background:#000!important}}
.wp-min .wp-err{display:none}.wp-min{background:transparent}

/* pré-visualização ao passar o rato (só galerias de entrega) */
.wg-open{position:relative}
.wg-hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;z-index:1;pointer-events:none;border-radius:inherit;background:#000}
.wg-hv.on{opacity:1}
.wg-open:has(.wg-hv.on) .skeleton{display:none}

/* Seleção confirmada · Apple style: diálogo suave, galeria cinzenta e bloqueada, cadeado */
.wg-done{opacity:0;transform:translateY(22px) scale(.94);filter:blur(6px);transition:opacity .42s var(--ease),transform .55s cubic-bezier(.2,.9,.25,1.12),filter .42s var(--ease);will-change:transform,opacity}
.wg-done.in{opacity:1;transform:none;filter:none}
.wg-done.out{opacity:0;transform:translateY(12px) scale(.97);filter:blur(4px);transition-duration:.3s}
.wg-done::backdrop{background:#0000;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1);transition:background .5s ease,backdrop-filter .55s ease,-webkit-backdrop-filter .55s ease}
.wg-done.in::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}
.wg-done.out::backdrop{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.wg-done .wg-check{animation:none;transform:scale(.4);opacity:0;transition:transform .6s .12s cubic-bezier(.2,.9,.25,1.25),opacity .3s .12s}
.wg-done.in .wg-check{transform:none;opacity:1}
.wg-done h3,.wg-done p,.wg-done .wg-btn{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s var(--ease)}
.wg-done.in h3{opacity:1;transform:none;transition-delay:.28s}.wg-done.in p{opacity:1;transform:none;transition-delay:.36s}.wg-done.in .wg-btn{opacity:1;transform:none;transition-delay:.44s}
.wg-item .wg-open{transition:filter 1s var(--ease)}
body.wg-sent .wg-item .wg-open{filter:grayscale(1) brightness(.7) contrast(.95)!important}
body.wg-sent .wg-item.is-selected .wg-open{filter:grayscale(.75) brightness(.82)!important}
.wg-dock .sent-ok.sent-lock{background:linear-gradient(180deg,#9a9aa2,#5f5f66);box-shadow:0 6px 22px rgba(0,0,0,.35),inset 0 1px 0 #ffffff55}
.wg-dock .sent-lock svg,.ul-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;animation:none;overflow:visible}
.wg-dock .sent-lock rect,.ul-ic rect{fill:#ffffff26}
.sh{transform-box:fill-box;transform-origin:0 100%}
.wg-dock .sent-lock .sh{animation:lock-close .7s .15s cubic-bezier(.3,1.4,.4,1) both}
@keyframes lock-close{from{transform:translateY(-3.5px) rotate(-26deg)}55%{transform:translateY(1.2px) rotate(0)}to{transform:none}}
.wg-dock.is-opening .sent-lock .sh{animation:lock-open .5s cubic-bezier(.3,1.2,.4,1) both}
@keyframes lock-open{to{transform:translateY(-3.5px) rotate(-26deg)}}
.wg-dock.is-opening .sent-lock{background:linear-gradient(180deg,#5fe08a,#30d158);box-shadow:0 6px 22px rgba(48,209,88,.45);transition:background .4s,box-shadow .4s}
.ul-ic{display:inline-grid;place-items:center;margin-right:8px;vertical-align:-5px}.ul-ic svg{width:18px;height:18px;stroke:currentColor}.ul-ic rect{fill:none}.ul-ic.open .sh{transform:translateY(-3px) rotate(-26deg)}
.wg-dock #unlock{display:inline-flex;align-items:center;white-space:nowrap}
.wg-dock.show.swap-out{opacity:0;transform:translate(-50%,6px) scale(.98)}
@media(prefers-reduced-motion:reduce){.wg-done,.wg-done::backdrop,.wg-item>.wg-open{transition:none}.wg-dock .sent-lock .sh{animation:none}}

/* ===== Telemóvel: barras de exemplo rolam com a página; botão Selecionar mais discreto ===== */
@media(max-width:700px){
  .wg-exbar,.wg-extheme,.wg-exmode{position:absolute!important}
  .wg-exbar{top:70px!important}.wg-extheme{top:118px!important}.wg-exmode{top:162px!important}
  body.is-example .wg-hero-copy{padding-top:232px!important}
  .select-media{height:34px!important;min-width:0!important;padding:0 14px 0 10px!important;font-size:13px!important;bottom:8px!important;gap:7px!important}
  .select-media .sm-mark{width:16px!important;height:16px!important}
  .select-media .sm-mark::after{left:4px;top:1px;width:4px;height:8px}
}
.wg-gate .wg-hintpw{margin:22px 0 0}

/* ===== Personalização extra: cantos, espaçamento, tamanho e alinhamento do título, mais tipos de letra ===== */
body.wg[data-title-size=s]{--ts:.78}body.wg[data-title-size=l]{--ts:1.14}
body.wg[data-radius=sharp]{--rad:3px}body.wg[data-radius=soft]{--rad:20px}body.wg[data-radius=round]{--rad:32px}
body.wg[data-radius=sharp] .wg-item{border-radius:3px}body.wg[data-radius=round] .wg-item{border-radius:32px}
body.wg[data-radius=sharp] :is(.wg-toolbar,.wg-how li,.wg-gate-card,.wg-stat,.wg-lb-stage figure){border-radius:6px}
body.wg[data-radius=round] :is(.wg-how li){border-radius:28px}
body.wg[data-gap=tight] .wg-grid{--gap:5px}body.wg[data-gap=wide] .wg-grid{--gap:28px}
body.wg[data-font=bebas] :is(h1,h2){text-transform:uppercase;font-weight:400;letter-spacing:.01em}
body.wg[data-font=bebas] .wg-hero h1{line-height:.9}
body.wg[data-font=cormorant] :is(h1,h2){font-weight:600;letter-spacing:-.02em}
body.wg[data-font=playfair] :is(h1,h2),body.wg[data-font=dmserif] :is(h1,h2){letter-spacing:-.025em}
body.wg[data-font=dmserif] :is(h1,h2){font-weight:400}
body.wg[data-font=syne] :is(h1,h2){letter-spacing:-.03em}
body.wg[data-align=center] .wg-hero:not(.is-plain) .wg-hero-copy{text-align:center}
body.wg[data-align=center] .wg-hero-copy :is(.wg-stats,.wg-meta,.wg-chips,.wg-hero-stats){justify-content:center}
body.wg[data-align=center] .wg-hero-copy p{margin-inline:auto}
@media(max-width:700px){body.wg[data-gap=tight] .wg-grid,body.wg[data-gap=wide] .wg-grid,body.wg[data-gap=normal] .wg-grid{--gap:8px}body.wg[data-radius=round] .wg-item{border-radius:22px}}
@media(max-width:700px){body.wg[data-title-size=l]{--ts:1}body.wg[data-font=bebas][data-title-size=l],body.wg[data-font=display][data-title-size=l]{--ts:.82}body.wg[data-font=bebas] .wg-hero h1,body.wg[data-font=display] .wg-hero h1{overflow-wrap:break-word;hyphens:auto}}

video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-overlay-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-play-button,video::-webkit-media-controls-overlay-enclosure{display:none!important;-webkit-appearance:none;opacity:0!important;pointer-events:none!important}video{-webkit-tap-highlight-color:transparent}
/* sem botão nativo de "avançar/tocar" por cima de vídeos */
video::-internal-media-controls-overlay-cast-button{display:none!important}

/* sem o símbolo de arrastar por cima dos vídeos (o desfoque lateral continua a funcionar) */
.wg-item[data-kind="video"] .wg-shield-grip,.wg-shield-host:has(video) .wg-shield-grip,.wg-shield-host:has(.wp) .wg-shield-grip,.wg-lb-stage :is(video,.wp) ~ .wg-shield-grip{display:none!important}