/* =====================================================================
   WETTO v2 — casca cinematografica. Carrega DEPOIS do app.css (v28) e so
   muda a experiencia: cores, tipografia, abertura, mapa, barra, final em neon.
   Tokens: preto profundo, carvao, off-white; dourado so em detalhe; azul eletrico so no final.
   ===================================================================== */
:root{
  --v2-black:#000;--v2-char:#111111;--v2-char2:#171716;--v2-off:#ECE8E1;--v2-mute:#9A958C;--v2-dim:#5E5A53;
  --v2-gold:#C8A15A;--v2-gold-hi:#E9CF8E;--v2-volt:#4D9DFF;
  --v2-hair:rgba(236,232,225,.09);--v2-hair2:rgba(236,232,225,.16);
  --v2-serif:"Jost","Futura","Century Gothic","Helvetica Neue",Arial,sans-serif;
  --v2-sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --bg:#000;--surface:#0c0c0c;--surface-2:#141414;--ink:#ECE8E1;--muted:#9A958C;--line:rgba(236,232,225,.1);
  --gold:#C8A15A;--gold-hi:#E9CF8E;--gold-lo:#7d6331;
  --bar-h:62px;
}
html.v2{background:#000}
html.v2 body{background:#000;color:var(--v2-off);font-weight:400;font-size:15.5px;line-height:1.6}
html.v2 ::selection{background:rgba(200,161,90,.35)}
html.v2 :focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:3px}

/* ---------- tipografia: serifada so nos titulos ---------- */
html.v2 h2,html.v2 .join h2,html.v2 .cu-band h2,html.v2 .pw-head h2,html.v2 .pl-title,html.v2 .rd-t,html.v2 .sup-h,html.v2 .pa-head h3{
  font-family:var(--v2-serif);font-weight:500;text-transform:none;letter-spacing:-.005em;line-height:1.04;font-size:clamp(32px,7.4vw,58px);text-wrap:balance}
html.v2 .eyebrow{font:500 12px/1.3 var(--v2-sans);letter-spacing:.06em;text-transform:none;color:var(--v2-gold)}
html.v2 .sec-head p,html.v2 .lead{font-weight:400;color:var(--v2-mute);max-width:56ch}
html.v2 section{padding-block:88px}
@media(max-width:899px){html.v2 section{padding-block:64px}}
html.v2 main>section+section,html.v2 .tabp>section{border-top:1px solid var(--v2-hair)}
/* botoes: dourado vira contorno fino */
html.v2 .btn{font:500 14px/1 var(--v2-sans);letter-spacing:.03em;min-height:46px;border-width:1px}
html.v2 .btn-gold{background:transparent;color:var(--v2-gold-hi);border:1px solid rgba(200,161,90,.75)}
html.v2 .btn-gold:hover{background:rgba(200,161,90,.12);color:#fff3d6;transform:none}
html.v2 .btn-line{border-color:var(--v2-hair2);color:var(--v2-off)}
html.v2 .btn-line:hover{border-color:var(--v2-gold)}
/* menos "cards": superficies quase pretas e fios finos */
html.v2 .card,html.v2 .song-card,html.v2 .svc-card,html.v2 .kit,html.v2 .karaoke,html.v2 .join,html.v2 .part-cta,html.v2 .spot2{background:#070707;border:1px solid var(--v2-hair);box-shadow:none}
html.v2 .fold>summary{border-color:var(--v2-hair2)}

/* ---------- topo ---------- */
html.v2 .nav{position:fixed;left:0;right:0;top:0;background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,0));border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .4s}
html.v2.op-past .nav,html.v2.scrolled .nav{background:rgba(0,0,0,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--v2-hair)}
html.v2 .nav .wrap{max-width:1240px;height:60px;padding-block:0;padding-top:env(safe-area-inset-top,0px)}
html.v2 .nav .brand-logo{height:30px;width:auto}
html.v2 .nav li a{font:500 13px/1 var(--v2-sans);letter-spacing:.04em;color:#d9d4cb;padding:9px 12px}
html.v2 .nav li a.play,html.v2 .nav li a.hire{border:0;color:#d9d4cb}
html.v2 .nav li a:hover{color:var(--v2-gold-hi)}
@media(max-width:899px){
  html.v2 .nav .wrap{height:56px;flex-wrap:nowrap;justify-content:flex-start}
  html.v2 .nav .links,html.v2 .nav .nav-burger{display:none!important}
  html.v2 .nav .brand-logo{height:28px}
}
html.v2 main{padding-top:0}

/* =====================================================================
   ABERTURA
   ===================================================================== */
.op{position:relative;height:460vh;height:calc(4.6 * 100svh);padding:0!important;background:#000;border:0!important}
.op-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#000}
img.op-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.06) brightness(.85);transition:opacity .8s}
img.op-still.gone{opacity:0}
.op-cv{position:absolute;inset:0;display:block}
.op-shade{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(120% 80% at 50% 40%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%),
  linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 55%,rgba(0,0,0,.8) 100%)}
.op-shade::after{content:"";position:absolute;inset:-50%;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.op-a,.op-l,.op-end,.op-cue{position:absolute;left:0;right:0;margin:0 auto;text-align:center;padding:0 20px;will-change:opacity,transform}
.op-a{bottom:calc(var(--bar-h) + 124px + env(safe-area-inset-bottom,0px))}
@media(min-width:900px){.op-a{bottom:17svh}}
.op .logo-box{position:relative;display:inline-block;width:min(74vw,500px);margin:0 auto}
.op .logo-box .logo-img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 30px rgba(0,0,0,.6))}
.op .name-say{position:absolute;right:-6px;top:50%;transform:translate(100%,-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(200,161,90,.5);background:rgba(0,0,0,.35);color:var(--v2-gold-hi);display:grid;place-items:center;padding:0;cursor:pointer}
.op .name-say svg{width:16px;height:16px}
@media(max-width:560px){.op .name-say{right:-2px;top:-6px;transform:none;width:34px;height:34px}}
.op-tag{margin-top:18px;font:500 clamp(19px,5.2vw,32px)/1.1 var(--v2-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--v2-off)}
.op-world{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px;font:500 11px/1 var(--v2-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--v2-gold)}
.op-world::before,.op-world::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,161,90,.8))}
.op-world::after{transform:scaleX(-1)}
.op-l{top:50%;transform:translateY(-50%);font:400 clamp(30px,8.6vw,76px)/1.04 var(--v2-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--v2-off);text-shadow:0 2px 30px rgba(0,0,0,.65)}
.op-l span{display:inline-block;max-width:13ch;text-wrap:balance}
@media(min-width:700px){.op-l3{color:#1a1408;text-shadow:0 0 40px rgba(255,240,200,.9)}}
.op-end{bottom:calc(var(--bar-h) + 40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:22px}
@media(min-width:900px){.op-end{bottom:12svh}}
.op-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 30px;border-radius:999px;border:1px solid rgba(233,207,142,.8);color:var(--v2-gold-hi);background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:500 12px/1 var(--v2-sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}
.op-cta:hover{background:rgba(200,161,90,.14);color:#fff;box-shadow:0 0 30px rgba(200,161,90,.25)}
.op-quick{display:flex;justify-content:center;gap:34px!important;margin:0!important}
.op-quick .hq{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#cfc9bf;font:500 10.5px/1 var(--v2-sans);letter-spacing:.2em;text-transform:uppercase}
.op-quick .hq-ic{width:46px;height:46px;border-radius:50%;border:1px solid var(--v2-hair2);display:grid;place-items:center;color:var(--v2-off);background:rgba(0,0,0,.3)}
.op-quick .hq-ic svg{width:19px;height:19px}
.op-quick .hq:hover .hq-ic{border-color:var(--v2-gold);color:var(--v2-gold-hi)}
.op-end .share{position:static!important;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--v2-mute);font:500 12px/1 var(--v2-sans);letter-spacing:.06em;cursor:pointer;box-shadow:none}
.op-end .share svg{width:15px;height:15px}
.op-end .share:hover{color:var(--v2-off)}
.op-cue{bottom:calc(var(--bar-h) + 30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;cursor:pointer;font:500 10.5px/1 var(--v2-sans);letter-spacing:.3em;text-transform:uppercase;color:#cfc9bf;min-height:44px}
@media(min-width:900px){.op-cue{bottom:28px}}
.op-cue i{display:block;width:1px;height:38px;background:linear-gradient(rgba(233,207,142,0),rgba(233,207,142,.9));transform-origin:top;animation:opCue 2.2s ease-in-out infinite}
@keyframes opCue{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1) translateY(14px);opacity:0}}
.op-skip{position:absolute;left:16px;bottom:calc(var(--bar-h) + 30px + env(safe-area-inset-bottom,0px));min-height:44px;display:flex;align-items:center;font:500 11px/1 var(--v2-sans);letter-spacing:.06em;color:#8f8a81;text-decoration:none}
.op-skip:hover{color:var(--v2-off)}
@media(min-width:900px){.op-skip{bottom:30px;left:28px}}
.op-bar{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.06)}
.op-bar i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(200,161,90,.2),var(--v2-gold-hi));transform:scaleX(0);transform-origin:left}
html.op-past .op-cue,html.op-past .op-skip{opacity:0;pointer-events:none;visibility:hidden}
html:not(.op-js):not(.op-rm) .op-l,html:not(.op-js):not(.op-rm) .op-end{opacity:0}
/* pensamento do dia: capsula fina no topo */
.op-pin .dt{position:absolute!important;z-index:6;top:calc(64px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:0!important;right:0!important;margin:0 auto!important;width:min(calc(100% - 32px),440px)!important;max-width:none!important}
.op-pin .dt-chip{min-height:42px;padding:4px 12px 4px 6px;border-radius:999px;border:1px solid rgba(236,232,225,.14);background:rgba(0,0,0,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}
.op-pin .dt-chip:hover{border-color:rgba(200,161,90,.6)}
.op-pin .dt-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--v2-gold);border:0;background:none}
.op-pin .dt-ico svg{width:16px;height:16px}
.op-pin .dt-chip-t{flex-direction:row;align-items:baseline;gap:8px;overflow:hidden}
.op-pin .dt-chip-t small{flex:none;font:500 10px/1 var(--v2-sans);letter-spacing:.14em;color:var(--v2-gold)}
.op-pin .dt-quote{font:400 15px/1.2 var(--v2-serif);color:var(--v2-off);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-pin .dt-chev{transform:rotate(180deg);width:14px;height:14px;color:var(--v2-mute)}
.op-pin .dt.open .dt-chev{transform:none}
.op-pin .dt.open .dt-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);bottom:auto;width:auto;max-height:min(62svh,520px);overflow:auto;border:1px solid rgba(200,161,90,.35);border-radius:20px;background:rgba(6,6,6,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:18px}
.op-pin .dt-qfull{font:400 22px/1.25 var(--v2-serif);color:var(--v2-off)}
.op-pin .dt-qr{display:flex;flex-wrap:wrap;gap:8px}
.op-pin .dt-qr button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font:500 12.5px/1 var(--v2-sans);cursor:pointer}
.op-pin .dt-qr button:hover{border-color:var(--v2-gold)}
.op-pin .dt-qr [data-v2ai]{border-color:rgba(200,161,90,.6);color:var(--v2-gold-hi)}
/* movimento reduzido: tudo parado, so um fade */
html.op-rm .op{height:auto}
html.op-rm .op-pin{position:relative;height:auto;min-height:100svh;padding:120px 0 calc(var(--bar-h) + 60px);display:flex;flex-direction:column;justify-content:flex-end;gap:26px}
html.op-rm .op-cv,html.op-rm .op-cue,html.op-rm .op-skip,html.op-rm .op-bar{display:none}
html.op-rm .op-still{opacity:.55}
html.op-rm .op-a,html.op-rm .op-l,html.op-rm .op-end{position:relative;top:auto;bottom:auto;transform:none;animation:opFade 1.2s ease both}
html.op-rm .op-l{font-size:clamp(22px,6vw,40px);color:var(--v2-off);text-shadow:none}
@keyframes opFade{from{opacity:0}to{opacity:1}}

/* =====================================================================
   MAPA DO PRIMEIRO MUNDO
   ===================================================================== */
.mw{position:relative;background:radial-gradient(90% 60% at 50% 55%,#0b0a08 0,#000 70%);padding-block:96px 48px!important;overflow:hidden;border-top:0!important}
.mw-head{max-width:640px;margin:0 auto;padding:0 20px;text-align:center}
.mw-kick{font:400 19px/1.2 var(--v2-serif);color:var(--v2-gold)}
.mw h2{margin-top:6px;font-size:clamp(44px,12vw,92px)!important;letter-spacing:-.01em!important}
.mw .fs-meta{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:14px;font:500 11px/1 var(--v2-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--v2-mute)}
.mw .fs-meta b{font:500 22px/1 var(--v2-serif);letter-spacing:0;color:var(--v2-off);margin-right:6px}
.mw .fs-meta i{width:1px;height:14px;background:var(--v2-hair2)}
.mw-lead{margin:14px auto 0;max-width:40ch;color:var(--v2-mute);font-size:14.5px}
.mw-graph{position:relative;width:100%;max-width:1240px;margin:8px auto 0;user-select:none;-webkit-user-select:none}
.mw-svg{display:block;width:100%;overflow:visible}
.mw-hint{position:absolute;right:20px;bottom:0;font:400 14px/1 var(--v2-serif);color:var(--v2-dim);pointer-events:none}
.mw-graph.dragging{cursor:grabbing}
.mw-l{stroke:var(--v2-gold);stroke-width:.8;stroke-opacity:.42;fill:none}
.mw-l.path{stroke-opacity:.55}
.mw-l.dim{stroke-opacity:.16;stroke-dasharray:2 5}
.mw-l.sec{stroke-opacity:.24}
.mw-l.far{stroke-opacity:.16;stroke-dasharray:1 6}
.mw-l.faint{stroke-opacity:.08}
.mw-n{cursor:pointer;outline:none}
.mw-n .halo{opacity:.7;transition:opacity .4s}
.mw-n .disc{fill:#0b0a08;stroke:rgba(200,161,90,.4);stroke-width:.8}
.mw-n .ring{fill:none;stroke:var(--v2-gold-hi);stroke-width:1;stroke-opacity:.85;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-width .25s,stroke-opacity .25s}
.mw-num{font:500 12px/1 var(--v2-serif);fill:var(--v2-gold);letter-spacing:.06em}
.mw-lab{font:500 10.5px/1 var(--v2-sans);fill:#d6d0c6;letter-spacing:.03em;paint-order:stroke;stroke:#000;stroke-width:3px;stroke-linejoin:round}
.mw-sub{font:400 12px/1 var(--v2-serif);fill:var(--v2-dim)}
.mw-ini{font:500 13px/1 var(--v2-serif);fill:var(--v2-gold-hi);letter-spacing:.05em}
.mw-n:hover .ring,.mw-n:focus-visible .ring,.mw-n.sel .ring{stroke-width:2;stroke-opacity:1}
.mw-n:focus-visible .disc{stroke:#fff;stroke-width:1.5}
.mw-n:hover .mw-lab,.mw-n:focus-visible .mw-lab,.mw-n.sel .mw-lab{fill:#fff}
.mw-n.next .halo{animation:mwPulse 2.8s ease-in-out infinite}
@keyframes mwPulse{0%,100%{opacity:.55}50%{opacity:1}}
.mw-n[data-st=future] .halo{opacity:0}
.mw-n[data-st=future] .disc{fill:#000;stroke:rgba(236,232,225,.22);stroke-dasharray:2 2}
.mw-n[data-st=future] .ring{display:none}
.mw-n[data-st=future] .mw-lab{fill:var(--v2-dim)}
.mw-n[data-st=future] .mw-num{fill:var(--v2-dim)}
.mw-n .lock{fill:none;stroke:var(--v2-mute);stroke-width:.9}
.mw-n[data-st=done] .ring{stroke:var(--v2-gold);stroke-dasharray:3 2}
.mw-n.unlock .ring{animation:mwRing 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes mwRing{from{stroke-dashoffset:100;stroke-width:3}to{stroke-dashoffset:0;stroke-width:1}}
.mw-n.nope{animation:mwNope .45s}
@keyframes mwNope{20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}}
.mw-center .core{fill:#000;stroke:rgba(200,161,90,.6);stroke-width:1}
.mw-ct{font:500 11px/1 var(--v2-serif);letter-spacing:.28em;fill:var(--v2-gold-hi)}
.mw-sec .disc{fill:rgba(200,161,90,.75);stroke:none}
.mw-sec .halo{opacity:.35}
.mw-sec .mw-lab{fill:var(--v2-mute);font-size:10px}
.mw-far .disc{fill:none;stroke:rgba(236,232,225,.2);stroke-dasharray:1.5 2.5}
.mw-far .halo{opacity:.12}
.mw-far .mw-lab{fill:var(--v2-dim);font-size:10px}
.mw-tools{display:flex;justify-content:center;margin-top:18px}
.mw-lb{min-height:44px;padding:0 18px;border:0;border-bottom:1px solid var(--v2-hair2);background:none;color:#aaa59b;font:500 12.5px/1 var(--v2-sans);letter-spacing:.06em;cursor:pointer}
.mw-lb:hover{color:var(--v2-off);border-color:var(--v2-gold)}
.mw-list{max-width:760px;margin:20px auto 0;padding:0 16px}
/* painel da fase */
.mw-panel{position:fixed;z-index:275;left:12px;right:12px;bottom:calc(var(--bar-h) + 22px + env(safe-area-inset-bottom,0px));max-height:min(64svh,560px);overflow:auto;padding:20px 18px 18px;border-radius:22px;border:1px solid rgba(200,161,90,.32);background:rgba(7,7,7,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.7)}
.mw-panel.in{animation:mpIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes mpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.mw-panel::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--v2-gold-hi),transparent);opacity:0}
.mw-panel.in::before{animation:mpSweep 1.1s .1s ease both}
@keyframes mpSweep{0%{opacity:0;transform:scaleX(0)}40%{opacity:1}100%{opacity:.5;transform:scaleX(1)}}
@media(min-width:900px){
  .mw-panel{position:absolute;left:auto;right:max(24px,4vw);top:340px;bottom:auto;width:360px;max-height:none}
  .mw-panel.left{right:auto;left:max(24px,4vw)}
}
.mw-px{position:absolute;right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--v2-mute);cursor:pointer;border-radius:50%}
.mw-px svg{width:18px;height:18px}
.mw-px:hover{color:var(--v2-off)}
.mp-hd{display:flex;align-items:flex-end;gap:14px;padding-right:36px}
.mp-num{font:300 64px/.8 var(--v2-serif);color:var(--v2-gold-hi);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mp-tx{min-width:0}
.mp-k{font:500 10.5px/1.2 var(--v2-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--v2-mute)}
.mw-panel h3{margin-top:6px;font:500 27px/1.05 var(--v2-serif);color:var(--v2-off)}
.mp-sub{font:400 15px/1.2 var(--v2-serif);color:var(--v2-gold)}
.mp-cov{margin-top:16px;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0c0c0c}
.mp-cov img{width:100%;height:100%;object-fit:cover;display:block}
.mp-acts{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mp-b{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 12px;border-radius:999px;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font:500 13px/1 var(--v2-sans);letter-spacing:.03em;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.mp-b svg{width:18px;height:18px;flex:none}
.mp-b:hover{border-color:var(--v2-gold);color:var(--v2-gold-hi)}
.mp-b.mp-listen.on{border-color:var(--v2-gold);background:rgba(200,161,90,.14);color:var(--v2-gold-hi)}
.mp-b.mp-play{border-color:rgba(200,161,90,.6);color:var(--v2-gold-hi)}
.mp-b.off{opacity:.5}
.mp-prog{margin-top:12px;height:1px;background:var(--v2-hair2);overflow:hidden}
.mp-prog i{display:block;height:100%;background:var(--v2-gold-hi);transform:scaleX(0);transform-origin:left}
.mp-note{margin-top:12px;font-size:13px;color:var(--v2-mute)}

/* =====================================================================
   BARRA FLUTUANTE (celular) + folha MENU
   ===================================================================== */
@media(max-width:899px){
  html.v2 body{padding-bottom:calc(var(--bar-h) + 30px + env(safe-area-inset-bottom,0px))}
  html.v2 .bnav{position:fixed;left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(calc(100% - 24px),440px);height:var(--bar-h);display:flex!important;justify-content:space-around;align-items:center;padding:0 6px;border-radius:999px;background:rgba(10,10,10,.6);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(0,0,0,.55);z-index:270;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;visibility:visible}
  html.v2 .bnav.hide{transform:translate(-50%,150%);opacity:0;visibility:hidden}
  html.v2 .bn-i{flex:1;min-width:44px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:0;background:none;color:#b9b3a9;font:500 9.5px/1 var(--v2-sans);letter-spacing:.05em;text-decoration:none;border-radius:999px}
  html.v2 .bn-i svg{width:22px;height:22px;stroke-width:1.5}
  html.v2 .bn-i.on{color:var(--v2-gold-hi)}
  html.v2 .bn-i.on::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--v2-gold-hi);transform:translateY(25px)}
  html.v2 .bn-i{position:relative}
  html.v2 .msheet{border-radius:24px 24px 0 0;background:rgba(9,9,9,.97);border-top:1px solid rgba(200,161,90,.25)}
  html.v2 .ms-title{font:400 18px/1 var(--v2-serif);letter-spacing:.02em;text-transform:none;color:var(--v2-gold)}
  html.v2 .ms-g h3{font:500 10.5px/1 var(--v2-sans);letter-spacing:.16em;color:var(--v2-dim)}
  html.v2 .ms-langs{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
  html.v2 .ms-langs button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--v2-hair2);font:500 13px/1 var(--v2-sans);color:var(--v2-off);background:none}
  html.v2 .ms-langs button[aria-pressed=true]{border-color:var(--v2-gold);color:var(--v2-gold-hi)}
  /* a IA nao briga com a barra */
  html.v2 .help{bottom:calc(var(--bar-h) + 22px + env(safe-area-inset-bottom,0px))}
  html.v2 .toast{bottom:calc(var(--bar-h) + 26px + env(safe-area-inset-bottom,0px))}
  html.mw-open .help{visibility:hidden}
}
/* RODADA 2: a barra flutuante tambem no computador (capsula centralizada) + folha MENU como painel */
@media(min-width:900px){
  html.v2 .bnav{position:fixed;left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:460px;height:58px;display:flex!important;justify-content:space-around;align-items:center;padding:0 8px;border-radius:999px;background:rgba(10,10,10,.62);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(0,0,0,.55);z-index:270;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;visibility:visible}
  html.v2 .bnav.hide{transform:translate(-50%,150%);opacity:0;visibility:hidden}
  html.v2 .bn-i{position:relative;flex:1;min-height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:0 6px;border:0;background:none;color:#c4beb4;font:500 11px/1 var(--v2-sans);letter-spacing:.06em;text-transform:none;text-decoration:none;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
  html.v2 .bn-i svg{width:19px;height:19px;stroke-width:1.5}
  html.v2 .bn-i:hover{color:var(--v2-gold-hi);background:rgba(255,255,255,.05)}
  html.v2 .bn-i.on{color:var(--v2-gold-hi)}
  html.v2 .bn-i:focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:-2px}
  html.v2 .msheet-bg{display:block;position:fixed;inset:0;z-index:280;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}
  html.ms-open .msheet-bg{opacity:1;visibility:visible}
  html.v2 .msheet{display:flex!important;left:50%;right:auto;bottom:90px;width:560px;max-height:min(76vh,680px);transform:translate(-50%,24px);opacity:0;border-radius:24px;border:1px solid rgba(200,161,90,.25);background:rgba(9,9,9,.97);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .3s}
  html.ms-open .msheet{transform:translate(-50%,0);opacity:1}
  html.v2 .ms-grab::before{display:none}
  html.v2 .ms-title{font:400 18px/1 var(--v2-serif);letter-spacing:.02em;text-transform:none;color:var(--v2-gold)}
  html.v2 .ms-g h3{font:500 10.5px/1 var(--v2-sans);letter-spacing:.16em;color:var(--v2-dim)}
  html.v2 .ms-g ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.v2 .ms-langs{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
  html.v2 .ms-langs button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--v2-hair2);font:500 13px/1 var(--v2-sans);color:var(--v2-off);background:none;cursor:pointer}
  html.v2 .ms-langs button[aria-pressed=true]{border-color:var(--v2-gold);color:var(--v2-gold-hi)}
  html.v2 body{padding-bottom:96px}
}
@media(min-width:900px) and (max-width:1299px){html.v2 .help{bottom:92px!important}}

/* =====================================================================
   REDES: icones monocromaticos ~24px
   ===================================================================== */
.v2-soc{list-style:none;margin:18px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px}
.v2-soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#e7e2d9;transition:color .2s,background .2s}
.v2-soc a:hover{color:var(--v2-gold-hi);background:rgba(255,255,255,.04)}
.v2-soc a.soon{opacity:.35;pointer-events:none}
.v2-soc svg{width:24px;height:24px}
#redes .rd-s{color:var(--v2-mute)}
.soc-row.v2-row{display:flex;flex-direction:column;align-items:center;gap:14px}
.soc-row.v2-row .v2-soc{margin:0}
#contato .soc-icons{display:none}

/* =====================================================================
   FINAL EM NEON: as secoes do fim vao acendendo
   ===================================================================== */
@property --nxa{syntax:'<angle>';inherits:false;initial-value:0deg}
.nx-sec{position:relative}
.nx-sec::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.6s;background:radial-gradient(60% 50% at 50% 0,rgba(77,157,255,.07),transparent 70%)}
.nx-sec.lit::before{opacity:1}
.nx{position:relative;isolation:isolate;border-radius:20px;border:1px solid rgba(236,232,225,.08)!important;background:#030406!important;transition:border-color 1.4s,box-shadow 1.4s}
.nx::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:1;
  background:conic-gradient(from var(--nxa),rgba(77,157,255,0) 0deg,rgba(77,157,255,.95) 50deg,rgba(233,207,142,.85) 95deg,rgba(77,157,255,0) 150deg,rgba(77,157,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity 1.6s}
.lit .nx{border-color:rgba(110,165,255,.28)!important;box-shadow:0 0 0 1px rgba(77,157,255,.05),0 0 28px rgba(77,157,255,.12),0 0 70px rgba(200,161,90,.05)}
.lit .nx::before{opacity:1;animation:nxSpin 8s linear infinite}
.lit .nx:hover{box-shadow:0 0 0 1px rgba(77,157,255,.1),0 0 40px rgba(77,157,255,.22),0 0 80px rgba(200,161,90,.08)}
@keyframes nxSpin{to{--nxa:360deg}}
.nx-sec .btn-gold{border-color:rgba(120,170,255,.6);color:#d9e8ff}
.nx-sec .btn-gold:hover{background:rgba(77,157,255,.12);box-shadow:0 0 22px rgba(77,157,255,.3)}
#studio .sec-head h2{font-size:clamp(26px,5vw,38px)!important}
#studio .studio-tag{font:500 11px/1 var(--v2-sans);letter-spacing:.08em;color:var(--v2-mute)}
#contato{background:radial-gradient(70% 40% at 50% 0,rgba(77,157,255,.06),transparent 70%),#000}
#contato .foot-place{font:500 11px/1 var(--v2-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--v2-dim)}

@media(prefers-reduced-motion:reduce){
  .lit .nx::before{animation:none}
  .mw-n.next .halo,.op-cue i{animation:none}
  .mw-panel.in,.mw-panel.in::before,.mw-n.unlock .ring{animation:none}
}

/* ---------- topo no computador: "Mais" abre sob o botao ---------- */
@media(min-width:900px){
  html.v2 .nav .links{overflow:visible;margin-left:auto}
  html.v2 .nav .nav-mais{position:relative}
  html.v2 .nav .nav-sub{display:none;position:absolute;right:0;left:auto;top:calc(100% + 12px);flex-direction:column;gap:0;min-width:240px;background:rgba(8,8,8,.97);border:1px solid var(--v2-hair2);border-radius:14px;padding:8px 0}
  html.v2 .nav .nav-mais.open .nav-sub{display:flex}
  html.v2 .nav .nav-more{font:500 13px/1 var(--v2-sans);letter-spacing:.04em;color:#d9d4cb;background:none;border:0;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;cursor:pointer}
  html.v2 .nav .nav-more svg{width:12px;height:12px}
  .op-a{bottom:15svh}
  .op .logo-box{width:min(34vw,420px)}
}
html.op-rm .op-l span{max-width:none}

/* ---------- RODADA 2: abertura robusta no celular ---------- */
@media(max-width:699px){
  .op{height:500vh;height:calc(5 * 100svh)}
  .op-l{font-size:clamp(30px,9.4vw,42px);letter-spacing:.07em}
  .op-l1,.op-l2{top:21%}
  .op-l3{top:calc(70px + env(safe-area-inset-top,0px));font-size:clamp(30px,9vw,40px);color:var(--v2-off);text-shadow:0 2px 24px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.6)}
  .op-l3 span{max-width:none;white-space:nowrap}
  .op-l1 span,.op-l2 span{max-width:11ch}
  .op-end{gap:16px}
}
@media(max-width:699px) and (max-height:700px){
  .op-end .share{display:none!important}
  .op-quick .hq-ic{width:42px;height:42px}
  .op-a{bottom:calc(var(--bar-h) + 122px + env(safe-area-inset-bottom,0px))}
}
/* sticky que nao segura: o JS fixa a cena */
html.op-fix .op-pin{position:absolute;top:0;left:0;right:0}
html.op-fix .op-pin.fx{position:fixed}
html.op-fix .op-pin.af{top:auto;bottom:0}
/* pagina dentro de um quadro sem rolagem: a abertura toca sozinha numa tela */
html.op-auto .op{height:auto}
html.op-auto .op-pin{position:relative}
html.op-calm .op-cue i{animation:none}
@media(max-width:699px){.op-l3{font-size:clamp(24px,7.4vw,34px);letter-spacing:.05em}}

/* =====================================================================
   RODADA 2: PRIMEIRO MUNDO = CONSTELACAO DE ARIES
   ===================================================================== */
.mw-graph.ar{margin-top:18px}
.ar-dust{fill:#ece8e1;opacity:.28}
.ar-dust.g{fill:var(--v2-gold-hi);opacity:.5}
.ar-faint{fill:#ece8e1;opacity:.42}
.ar-l{stroke:var(--v2-gold-hi);stroke-width:.9;stroke-opacity:.5;fill:none}
.ar-l.dim{stroke-opacity:.22;stroke-dasharray:2 5}
.ar-n,.ar-far{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.ar-n .hit,.ar-far .hit{fill:transparent}
.ar-n .core{fill:#fff}
.ar-n .spk{fill:#fff7e6;opacity:.85}
.ar-n .tw{transform-box:fill-box;transform-origin:center}
.mw-graph.live .ar-n .tw{animation:arTw 4s ease-in-out infinite}
@keyframes arTw{0%,100%{opacity:1;transform:scale(1)}45%{opacity:.72;transform:scale(.86)}55%{opacity:1;transform:scale(1.08)}}
.ar-n .ring{fill:none;stroke:var(--v2-gold-hi);stroke-width:1;stroke-opacity:0;transition:stroke-opacity .25s,stroke-width .25s}
.ar-n:hover .ring,.ar-n:focus-visible .ring,.ar-n.sel .ring{stroke-opacity:.9}
.ar-n:focus-visible .ring{stroke:#fff;stroke-width:1.6}
.ar-n.next .ring{stroke-opacity:.8;animation:mwPulse 2.4s ease-in-out infinite}
.ar-n[data-st=done] .ring{stroke-opacity:.7;stroke-dasharray:3 2}
.ar-n.unlock .ring{animation:mwRing 1s cubic-bezier(.2,.7,.2,1) both}
.ar-n.nope{animation:mwNope .45s}
.ar-lab{font:500 11.5px/1 var(--v2-sans);fill:#e4ded4;letter-spacing:.02em;paint-order:stroke;stroke:#000;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}
.ar-num{font:500 13px/1 var(--v2-serif);fill:var(--v2-gold-hi);letter-spacing:.04em}
.ar-n:hover .ar-lab,.ar-n.sel .ar-lab,.ar-n:focus-visible .ar-lab{fill:#fff}
.ar-n[data-st=future] .core{fill:#9a958c}
.ar-n[data-st=future] .halo{opacity:.3}
.ar-n[data-st=future] .spk{opacity:.2}
.ar-n[data-st=future] .ar-lab{fill:var(--v2-mute)}
.ar-n .lock{fill:none;stroke:var(--v2-gold);stroke-width:1.1}
.ar-far .core{fill:#7d786f}
.ar-flab{font:500 10.5px/1 var(--v2-sans);fill:var(--v2-mute);letter-spacing:.06em;paint-order:stroke;stroke:#000;stroke-width:3px}
.ar-fsub{font:400 12px/1 var(--v2-serif);fill:var(--v2-dim)}
.ar-far:hover .ar-flab,.ar-far:focus-visible .ar-flab,.ar-far.sel .ar-flab{fill:var(--v2-off)}
.mp-star{margin-top:4px;font:400 14px/1.2 var(--v2-serif);color:var(--v2-gold)}
@media(min-width:760px){.ar-lab{font-size:13px}.ar-num{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mw-graph.live .ar-n .tw,.ar-n.next .ring{animation:none}}
.ar-n[data-st=future] .tw{display:none}
.ar-n[data-st=future] .lock{stroke:var(--v2-gold-hi);stroke-width:1.2;fill:rgba(0,0,0,.6)}
@media(min-width:900px){.mw{padding-block:80px 40px!important}.mw h2{font-size:clamp(44px,6vw,80px)!important}}

/* =====================================================================
   RODADA 2: cabecalho = Pensamento do dia + idioma sempre a vista
   (a capsula saiu de cima da cabeca dele e mora no topo, ao lado do idioma)
   ===================================================================== */
html.v2 .nav .lang,html.v2 .nav .nav-help{display:none!important}
html.v2 .nav .nav-tools{display:flex!important;align-items:center;gap:10px;margin-left:14px}
html.v2 .nav .dt{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;margin:0!important;z-index:3}
html.v2 .nav .dt-chip{min-height:36px;width:auto;padding:3px 12px 3px 4px;gap:6px;border-radius:999px;border:1px solid rgba(200,161,90,.35);background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
html.v2 .nav .dt-chip:hover{border-color:var(--v2-gold)}
html.v2 .nav .dt-ico{width:28px;height:28px;background:none;color:var(--v2-gold-hi)}
html.v2 .nav .dt-ico svg{width:16px;height:16px}
html.v2 .nav .dt-chip-t{flex-direction:row;align-items:center;gap:0}
html.v2 .nav .dt-chip-t small{font:500 11.5px/1 var(--v2-sans);letter-spacing:.02em;text-transform:none;color:var(--v2-off);white-space:nowrap}
html.v2 .nav .dt-quote,html.v2 .nav .dt-chev{display:none}
html.v2 .nav .dt.open .dt-chip{border-color:var(--v2-gold);background:rgba(200,161,90,.14)}
html.v2 .nav .dt.open .dt-panel{position:fixed;left:auto;right:max(16px,calc((100vw - 1240px)/2 + 16px));top:calc(64px + env(safe-area-inset-top,0px));bottom:auto;width:min(400px,calc(100vw - 24px));max-height:calc(100svh - 160px);overflow:auto;padding:18px;border:1px solid rgba(200,161,90,.35);border-radius:20px;background:rgba(6,6,6,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.7)}
html.v2 .nav .dt-qfull{font:400 22px/1.25 var(--v2-serif);color:var(--v2-off)}
html.v2 .nav .dt-qr button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font:500 12.5px/1 var(--v2-sans)}
html.v2 .nav .dt-qr [data-v2ai]{border-color:rgba(200,161,90,.6);color:var(--v2-gold-hi)}
html.v2 .lang-seg{display:flex;border:1px solid var(--v2-hair2);border-radius:999px;padding:2px;background:rgba(0,0,0,.45)}
html.v2 .lang-seg button{min-width:34px;min-height:32px;padding:0 8px;border:0;border-radius:999px;background:none;color:#bdb7ad;font:600 11.5px/1 var(--v2-sans);letter-spacing:.06em;cursor:pointer}
html.v2 .lang-seg button:hover{color:var(--v2-off)}
html.v2 .lang-seg button[aria-pressed=true]{background:var(--v2-gold-hi);color:#140e03}
@media(max-width:899px){
  html.v2 .nav .nav-tools{margin-left:auto;gap:8px}
  html.v2 .nav .dt.open .dt-panel{left:12px;right:12px;width:auto;top:calc(62px + env(safe-area-inset-top,0px))}
}
@media(max-width:380px){
  html.v2 .nav .dt-chip-t small{font-size:10.5px}
  html.v2 .lang-seg button{min-width:30px;padding:0 6px;font-size:11px}
  html.v2 .nav .wrap{padding-inline:12px}
}
@media(min-width:900px) and (max-width:1199px){html.v2 .nav li a{padding:9px 8px}html.v2 .nav .dt-chip-t small{display:none}html.v2 .nav .dt-chip{padding:3px}}

/* =====================================================================
   RODADA 2: JOGO — as 30 fases em quadradinhos + Resgatar premio a vista
   ===================================================================== */
#jogo .g2-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px}
#jogo .g2-k{margin:0;font-size:13.5px;color:var(--v2-mute);max-width:46ch}
#jogo .g2-rdm{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(233,207,142,.8);background:rgba(200,161,90,.12);color:var(--v2-gold-hi);font:600 13px/1 var(--v2-sans);letter-spacing:.03em;text-decoration:none;white-space:nowrap}
#jogo .g2-rdm svg{width:18px;height:18px}
#jogo .g2-rdm:hover{background:rgba(200,161,90,.22);color:#fff3d6}
html.v2 #jogo .map.sq-map{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin-bottom:22px}
@media(min-width:720px){html.v2 #jogo .map.sq-map{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px!important}}
html.v2 #jogo .sq-map .tile{grid-column:auto!important;min-height:0!important;aspect-ratio:1;border-radius:10px;border:1px solid var(--v2-hair2);background:#070707;padding:0;overflow:hidden;position:relative;box-shadow:none}
html.v2 #jogo .sq-map .tile::after{background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.85) 100%)}
html.v2 #jogo .sq-map .tile .badge-on,html.v2 #jogo .sq-map .tile .ts,html.v2 #jogo .sq-map .tile .tn,html.v2 #jogo .sq-map .tile .lockmsg,html.v2 #jogo .sq-map .tile .lockic{display:none!important}
html.v2 #jogo .sq-map .tile .ti{position:absolute;left:0;right:0;bottom:0;padding:0 5px 5px;z-index:2}
html.v2 #jogo .sq-map .tile b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 9.5px/1.15 var(--v2-sans)!important;letter-spacing:0;color:#fff}
@media(min-width:720px){html.v2 #jogo .sq-map .tile b{font-size:10.5px!important}}
html.v2 #jogo .sq-n{position:absolute;z-index:2;left:6px;top:4px;font:500 17px/1 var(--v2-serif);color:var(--v2-gold-hi);text-shadow:0 1px 6px rgba(0,0,0,.8)}
html.v2 #jogo .sq-lk{position:absolute;z-index:2;inset:0;display:none;place-items:center;color:var(--v2-gold)}
html.v2 #jogo .sq-lk svg{width:40%;max-width:26px;height:auto}
html.v2 #jogo .sq-map .tile.locked-lv .sq-lk,html.v2 #jogo .sq-map .sq-x .sq-lk{display:grid}
html.v2 #jogo .sq-map .tile.locked-lv .ti{display:none}
html.v2 #jogo .sq-map .tile.locked-lv{border-style:solid;border-color:var(--v2-hair)}
html.v2 #jogo .sq-map .tile.locked-lv .tb{filter:grayscale(1) brightness(.25)}
html.v2 #jogo .sq-map .tile[aria-pressed=true]{border-color:var(--v2-gold-hi);box-shadow:0 0 0 1px var(--v2-gold-hi),0 0 18px rgba(233,207,142,.25)}
html.v2 #jogo .sq-map .tile.done::before{content:"";position:absolute;z-index:3;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--v2-gold-hi);box-shadow:0 0 8px var(--v2-gold-hi)}
html.v2 #jogo .sq-map .tile.play:not(.locked-lv):hover{border-color:var(--v2-gold)}
html.v2 #jogo .sq-x{cursor:default;background:radial-gradient(100% 100% at 50% 0,#111 0,#050505 100%)}
html.v2 #jogo .sq-x::after{display:none}
html.v2 #jogo .sq-x .sq-n{color:#8f8a81;font-size:15px}
html.v2 #jogo .sq-x .sq-lk{color:#8f8a81}
html.v2 #jogo .sq-nm{position:absolute;z-index:2;left:5px;right:5px;bottom:4px;font:500 8.5px/1.1 var(--v2-sans);color:#8f8a81;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.v2 #jogo .map.sq-map{max-width:860px;margin-inline:auto}@media(min-width:720px){#jogo .g2-head{max-width:860px;margin-inline:auto}}

/* =====================================================================
   RODADA 2 (sessao 4): mente, parceiros, studio, clipes no computador,
   letreiro do rodape sem quadrado preto, cupom visivel, fallback de video
   ===================================================================== */
/* ---- R12: entrar na mente do WETTO (uma foto P&B, discreta) ---- */
html.v2 section.mente{position:relative;padding:0!important;background:#000;overflow:hidden}
.mente-fig{margin:0;position:relative}
.mente-fig img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05)}
.mente-tx{position:relative;padding:0 20px 8px;text-align:center}
.mente-tx h2{font:400 clamp(30px,8.4vw,44px)/1.08 var(--v2-serif)!important;color:var(--v2-off);margin:0 0 10px;letter-spacing:.005em}
.mente-tx p{margin:0 auto;max-width:30ch;color:var(--v2-mute);font-size:15px}
@media(max-width:899px){
  .mente-fig{max-height:62svh;overflow:hidden}
  .mente-fig img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;max-height:62svh}
  .mente-fig::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,#000)}
  .mente-tx{margin-top:-64px;padding-bottom:20px}
}
@media(min-width:900px){
  html.v2 section.mente{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;max-width:1180px;margin:0 auto;padding:72px 40px 24px!important;gap:56px}
  .mente-fig img{max-height:560px;width:auto;max-width:100%;margin-left:auto;-webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(75% 75% at 50% 45%,#000 55%,transparent 100%)}
  .mente-tx{text-align:left;padding:0}
  .mente-tx h2{font-size:clamp(44px,4.6vw,64px)!important;max-width:11ch}
  .mente-tx p{margin:0;font-size:17px}
}

/* ---- R5: mural e loja na pagina; cupom em destaque ---- */
html.v2 #apoie .mcoupon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;max-width:720px;margin:0 auto 22px;padding:14px 18px;border:1px dashed rgba(233,207,142,.55);border-radius:16px;background:rgba(200,161,90,.07);text-align:center}
html.v2 #apoie .mcoupon[hidden]{display:none}
html.v2 #apoie .mcoupon p{margin:0;font-size:14.5px;color:var(--v2-off)}
html.v2 #apoie .mcp-code{font:700 15px/1 var(--v2-sans);letter-spacing:.14em;color:var(--v2-gold-hi);padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.5)}

/* ---- R6: Parceiros do mundo WETTO (pequeno) ---- */
html.v2 #parceiros{padding-block:56px!important}
#parceiros h2{font:400 clamp(28px,6.6vw,40px)/1.1 var(--v2-serif)!important;text-align:center;margin:0 0 22px}
.pz-row{display:grid;gap:10px;max-width:980px;margin:0 auto}
@media(min-width:760px){.pz-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.pz-c{display:flex;align-items:center;gap:14px;min-height:88px;padding:12px;border-radius:18px;border:1px solid var(--v2-hair);background:#070707;color:var(--v2-off);text-decoration:none;transition:border-color .25s,background .25s}
.pz-c:hover{border-color:rgba(233,207,142,.45);background:#0c0b09}
.pz-im{flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#111;display:grid;place-items:center}
.pz-im img{width:100%;height:100%;object-fit:cover;display:block}
.pz-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.pz-t b{font:600 15px/1.25 var(--v2-sans);color:#fff}
.pz-s{font-size:13px;line-height:1.35;color:var(--v2-mute)}
.pz-go{font:600 12.5px/1 var(--v2-sans);color:var(--v2-gold-hi);margin-top:4px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pz-you{border-style:dashed;border-color:rgba(236,232,225,.2)}
.pz-plus{font:300 34px/1 var(--v2-sans);color:var(--v2-gold-hi);background:transparent;border:1px dashed rgba(233,207,142,.5)}
#parceiros .partners:empty{display:none}

/* ---- R9: Faca seu projeto = pilula neon azul que expande ---- */
html.v2 #studio{background:#000!important;color:var(--v2-off);border:0!important;padding-block:40px 64px!important}
#studio .studio-fold{max-width:760px;margin:0 auto;border:0!important;background:transparent!important;box-shadow:none!important}
#studio .studio-fold::before{display:none}
#studio .studio-pill{list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:0 auto;min-height:56px;padding:0 28px;border-radius:999px;cursor:pointer;
  font:600 15px/1.2 var(--v2-sans);letter-spacing:.02em;color:#e3efff;background:rgba(77,157,255,.08);border:1px solid rgba(110,170,255,.75);
  box-shadow:0 0 0 1px rgba(77,157,255,.15),0 0 22px rgba(77,157,255,.35),inset 0 0 18px rgba(77,157,255,.12);text-shadow:0 0 12px rgba(120,180,255,.6);transition:box-shadow .3s,background .3s}
#studio .studio-pill::-webkit-details-marker{display:none}
#studio .studio-pill::marker{content:""}
#studio .studio-pill:hover{background:rgba(77,157,255,.14);box-shadow:0 0 0 1px rgba(77,157,255,.25),0 0 34px rgba(77,157,255,.5),inset 0 0 18px rgba(77,157,255,.18)}
#studio .studio-pill svg{width:20px;height:20px;flex:none;transition:transform .3s}
#studio .studio-fold[open] .studio-pill svg{transform:rotate(45deg)}
#studio .studio-body{margin-top:22px;padding:22px 20px 20px;border-radius:22px;border:1px solid rgba(110,170,255,.25);background:#03050a;box-shadow:0 0 40px rgba(77,157,255,.08)}
#studio .studio-lead{margin:0 0 16px;color:#c9d2df;font-size:15px;text-align:center}
.st-k,.st-lab{display:block;margin:0 0 10px;font:600 12.5px/1.2 var(--v2-sans);letter-spacing:.04em;color:#9fb4d3}
.st-ops{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.st-op{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid rgba(160,190,235,.28);background:transparent;color:#dfe7f2;font:500 13.5px/1.25 var(--v2-sans);cursor:pointer;text-align:left;transition:all .2s}
.st-op:hover{border-color:rgba(120,175,255,.7)}
.st-op[aria-pressed="true"]{border-color:#7db4ff;background:rgba(77,157,255,.18);color:#fff;box-shadow:0 0 14px rgba(77,157,255,.35)}
.st-msg{display:block;width:100%;box-sizing:border-box;min-height:118px;padding:14px;border-radius:14px;border:1px solid rgba(160,190,235,.25);background:#000;color:#eef3fa;font:400 15px/1.5 var(--v2-sans);resize:vertical}
.st-msg:focus{outline:none;border-color:#7db4ff;box-shadow:0 0 0 3px rgba(77,157,255,.2)}
.st-hint{margin:8px 0 16px;font-size:12.5px;color:#7f8ba0}
.st-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.st-go{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;background:#4D9DFF;color:#02060d;font:700 14.5px/1 var(--v2-sans);text-decoration:none;box-shadow:0 0 24px rgba(77,157,255,.45)}
.st-go:hover{background:#6db0ff}
.st-go svg{width:20px;height:20px}
.st-cp{min-height:50px;padding:0 20px;border-radius:999px;border:1px solid rgba(160,190,235,.35);background:transparent;color:#dfe7f2;font:600 14px/1 var(--v2-sans);cursor:pointer}
.st-cp:hover{border-color:#7db4ff}
.st-ok{min-height:1.4em;margin:10px 0 0;font-size:13.5px;color:#9cc8ff}
#studio .studio-note{color:#5f6b7d!important;font-size:12px;margin-top:14px}
@media(max-width:560px){.st-acts>*{flex:1 1 100%;justify-content:center}}

/* ---- R8: clipes em carrossel com setas tambem no computador ---- */
@media(min-width:900px){
  #clipes .clips,#clipes [data-toggle="clipsMore"]{display:none!important}
  #clipes .m-blk{display:flex}
  #clipes .mc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px;max-width:1120px;margin-inline:auto}
  #clipes .mc-bar b{font:600 12px/1.2 var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-gold-hi)}
  #clipes .mc-nav{display:flex;gap:10px}
  #clipes .mc-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--v2-hair2);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;transition:background .2s,opacity .2s,border-color .2s}
  #clipes .mc-nav button:hover:not(:disabled){border-color:var(--v2-gold-hi);background:rgba(200,161,90,.12)}
  #clipes .mc-nav button:disabled{opacity:.3;cursor:default}
  #clipes .mc-nav button svg{width:20px;height:20px}
  #clipes .mc-track{display:flex!important;flex-wrap:nowrap;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 16px;max-width:1120px;margin-inline:auto}
  #clipes .mc-track::-webkit-scrollbar{display:none}
  #clipes .mc-track>*{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
  #clipes .vc-c{display:flex;flex-direction:column;width:100%;padding:0;border:1px solid var(--v2-hair);border-radius:18px;overflow:hidden;background:#070707;color:var(--v2-off);text-align:left;cursor:pointer;font:inherit;transition:border-color .25s}
  #clipes .vc-c:hover{border-color:rgba(233,207,142,.45)}
  #clipes .vc-th{position:relative;display:block;aspect-ratio:16/9;background:#111}
  #clipes .vc-th img{display:block;width:100%;height:100%;object-fit:cover}
  #clipes .vc-pl{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);border:2px solid #fff;color:#fff}
  #clipes .vc-pl svg{width:22px;height:22px;margin-left:3px}
  #clipes .vc-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 18px}
  #clipes .vc-b b{font:600 15px/1.3 var(--v2-sans);color:#fff}
  #clipes .vc-b span{font-size:14px;color:var(--v2-mute)}
  #clipes .vc-b small{font-size:12px;color:var(--v2-gold)}
  #clipes .d-txt{display:none!important}
  #clipes .m-txt{display:inline!important}
  #clipes p.m-txt{display:block!important}
}

/* ---- R10: letreiro do rodape sem o quadrado preto ---- */
#contato .clogo{isolation:auto;background:transparent}
#contato .clogo video,#contato .clogo .brush-cv{mix-blend-mode:screen;background:transparent!important}
#contato,#contato .wrap,#contato .contact{isolation:auto}

/* ---- R8: video que nao permite embed: aviso elegante ---- */
.v2-yfb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;background:#000 center/cover no-repeat;z-index:2}
.v2-yfb::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(3px)}
.v2-yfb>*{position:relative}
.v2-yfb p{margin:0;color:var(--v2-off);font-size:15px}
.v2-yfb a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--v2-off);color:#000;font:700 14px/1 var(--v2-sans);text-decoration:none}
.v2-yfb a svg{width:20px;height:20px;color:#e3302f}
.media-frame{position:relative}
#parceiros .pt-ph{display:none!important}
#parceiros .partners:not(:has(> :not(.pt-ph))){display:none}
/* o video do letreiro tem um fundo quase preto (azulado): o contraste leva esse fundo ao preto puro e o "screen" o faz sumir */
#contato .clogo video,#contato .clogo .brush-cv{filter:contrast(1.45) brightness(1.05) saturate(1.1)}
/* abertura em tela baixa (375x667): textos mais altos e menores, para nao encostar na porta */
@media(max-width:699px) and (max-height:700px){
  .op-l1,.op-l2{top:16%}
  .op-l1 .op-l,.op-l{font-size:clamp(26px,7.8vw,32px)}
  .op-l1 span,.op-l2 span{max-width:13ch}
}
/* no fim da abertura o "Pular abertura" sai (ja chegou) e nao briga com os atalhos */
.op-skip{transition:opacity .3s,visibility 0s}
.op-pin:has(.op-end.on) .op-skip{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}

/* =====================================================================
   RODADA 3 — mente / porta / Primeiro Mundo com zoom / alma / loja / mural
   Tipografia: Jost (geometrica, fina) nos titulos; Montserrat na interface.
   Neon: amarelo bem fraco em cima (mente), azul em baixo (eu).
   ===================================================================== */
:root{--v2-ny:255,214,92;--v2-ink:#16130f;--v2-paper:#f7f4ee}
html.v2 h1,html.v2 h2,html.v2 .sec-head h2{font-family:var(--v2-serif)!important;font-weight:300!important;letter-spacing:-.01em!important}

/* ---------- A) abertura ---------- */
.op{height:720vh;height:calc(7.2 * 100svh)}
.op-l{top:auto;bottom:calc(var(--bar-h) + 96px + env(safe-area-inset-bottom,0px));transform:none;font:300 clamp(15px,4.2vw,22px)/1.35 var(--v2-serif)!important;letter-spacing:.06em!important;text-transform:none!important;color:#f4efe6;text-shadow:0 1px 18px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
.op-l span{max-width:24ch}
.op-l::after{content:"";display:block;width:28px;height:1px;margin:14px auto 0;background:rgba(233,207,142,.7)}
.op-end{display:none!important}
.op-cue{gap:0}
.op-cue i{height:46px}
/* a logo nao cobre o rosto: no computador vai para o canto de baixo, a esquerda; no celular desce para as maos */
.op-a{bottom:calc(var(--bar-h) + 70px + env(safe-area-inset-bottom,0px))}
.op .logo-box{width:min(58vw,300px)}
.op-tag{font:300 clamp(13px,3.6vw,18px)/1.2 var(--v2-serif)!important;letter-spacing:.32em!important;margin-top:12px}
.op-world{margin-top:10px;font-size:10px;letter-spacing:.3em}
@media(min-width:900px){
  .op-a{left:6vw;right:auto;margin:0;text-align:left;bottom:calc(var(--bar-h) + 72px);padding:0}
  .op .logo-box{width:clamp(220px,22vw,340px)}
  .op-world{justify-content:flex-start}
  .op-world::before{display:none}
}
html.op-rm .op-still,html.op-rm .op-pin{background:#000 url("../media/porta-m.webp") 50% 50%/cover no-repeat}
@media(min-width:700px){html.op-rm .op-pin{background-image:url("../media/porta.webp")}}

/* ---------- B) Primeiro Mundo: palco fixo, camera aproxima na fase 01 ---------- */
.mw.mw3{--z:0;height:300vh;height:calc(3 * 100svh);padding:0!important;background:#000;overflow:visible}
.mw3 .mw-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:calc(66px + env(safe-area-inset-top,0px)) 0 calc(var(--bar-h) + 22px + env(safe-area-inset-bottom,0px))}
.mw3 .mw-sky{position:absolute;inset:-6%;background:#000 50% 50%/cover no-repeat;opacity:0;transition:opacity 1.2s;transform:scale(calc(1 + var(--z) * .22));filter:saturate(.75) brightness(.55);
  -webkit-mask:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 100%);mask:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}
.mw3 .mw-sky.on{opacity:calc(.5 + var(--z) * .3)}
.mw3 .mw-head{position:relative;z-index:2;flex:none;opacity:calc(1 - var(--z) * 1.8);transform:translateY(calc(var(--z) * -18px))}
.mw3 .mw-kick{font:400 11px/1 var(--v2-sans)!important;letter-spacing:.32em;text-transform:uppercase;color:var(--v2-gold)}
.mw3 h2{margin-top:10px;font-size:clamp(28px,6.4vw,54px)!important}
.mw3 .fs-meta{margin-top:10px}
.mw3 .fs-meta b{font:300 18px/1 var(--v2-serif)}
.mw3 .mw-graph{position:relative;z-index:1;flex:1 1 auto;min-height:0;max-width:1240px;width:100%;margin:6px auto 0}
.mw3 .mw-svg{height:100%}
.mw3 .mw-lead{position:relative;z-index:2;flex:none;margin:6px auto 0;padding:0 20px;text-align:center;font-size:13px;color:#aaa59b;opacity:calc(1 - var(--z) * 2)}
.mw3 .mw-tools{position:relative;z-index:3;flex:none;gap:6px;margin-top:6px}
.mw3 #mwAll{display:none}
.mw3.zoomed #mwAll{display:inline-flex;align-items:center}
.mw3 .ar-lab{transition:opacity .3s}
.mw3.zooming .ar-n:not(.first) .ar-lab{opacity:calc(1 - var(--z) * 2.4)}
.mw3.zooming .ar-n.first .ar-lab{opacity:calc(1 - var(--z) * 3)}
.mw3.zoomed .ar-n:not(.first){pointer-events:none}
.mw3.zoomed .ar-n.first .ring{opacity:0}
.mw-focus{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50px) scale(calc(.6 + var(--z) * .4));transform-origin:50% 50px;display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:0;border:0;background:none;color:var(--v2-off);cursor:pointer;opacity:calc((var(--z) - .45) * 2.4);pointer-events:none;text-align:center;width:max-content;max-width:80vw}
.mw3.zoomed .mw-focus{pointer-events:auto}
.mf-ph{position:relative;display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;border:1px solid rgba(var(--v2-ny),.75);
  box-shadow:0 0 0 6px rgba(233,207,142,.08),0 0 34px rgba(233,207,142,.55),0 0 90px rgba(233,207,142,.25)}
.mf-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.mf-tx{display:flex;flex-direction:column;align-items:center;gap:6px}
.mf-n{font:500 10.5px/1 var(--v2-sans);letter-spacing:.22em;text-transform:uppercase;color:#fbf3dc;text-shadow:0 1px 8px rgba(0,0,0,.75)}
.mf-tx b{font:300 clamp(24px,6vw,34px)/1.05 var(--v2-serif);letter-spacing:.01em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.mf-go{margin-top:6px;display:inline-flex;align-items:center;min-height:38px;padding:0 18px;border-radius:999px;border:1px solid rgba(233,207,142,.6);font:500 12px/1 var(--v2-sans);letter-spacing:.06em;color:var(--v2-gold-hi);background:rgba(0,0,0,.45)}
.mw-focus:hover .mf-go,.mw-focus:focus-visible .mf-go{background:rgba(200,161,90,.16);color:#fff}
.mw-focus:focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:6px;border-radius:12px}
@media(min-width:760px){.mf-ph{width:132px;height:132px}.mw-focus{transform:translate(-50%,-66px) scale(calc(.6 + var(--z) * .4));transform-origin:50% 66px}}
.mw3.listing{height:auto}
.mw3.listing .mw-pin{position:relative;height:auto;min-height:0}
.mw3.listing .mw-graph,.mw3.listing .mw-focus,.mw3.listing .mw-lead{display:none}
.mw3.listing .mw-head{opacity:1;transform:none}
/* sem rotulos de astrologia: so a forma da constelacao */
.mp-star{display:none!important}

/* ---------- C) jogo: premios + mundos 2/3 compactos ---------- */
.rw-plan{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px}
.rw-plan li{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:14px;border:1px solid rgba(var(--v2-ny),.22);background:rgba(var(--v2-ny),.03)}
.rw-plan b{font:500 10.5px/1 var(--v2-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--v2-gold-hi)}
.rw-plan span{font-size:13.5px;line-height:1.35;color:var(--v2-off)}
.rw-how{margin-top:10px!important;font-size:12.5px!important;color:var(--v2-mute)!important;max-width:60ch}
.rw-next{margin:10px 0 0;font-size:12.5px;line-height:1.4;color:var(--v2-mute)}
.wd{display:flex;flex-direction:column;gap:6px;margin:-8px 0 20px}
.wd-b{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 14px;border-radius:12px;border:1px solid var(--v2-hair);background:#050505;color:var(--v2-mute);cursor:pointer;text-align:left}
.wd-b:hover{border-color:rgba(var(--v2-ny),.3)}
.wd-lk{display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--v2-gold)}
.wd-lk svg{width:17px;height:17px}
.wd-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;flex:1}
.wd-t b{font:500 13.5px/1.2 var(--v2-sans);color:var(--v2-off)}
.wd-t span{font-size:12px;color:#8f8a81}
.wd-b .chev{width:16px;height:16px;flex:none;transition:transform .25s}
.wd-it.open .wd-b{border-color:rgba(var(--v2-ny),.4)}
.wd-it.open .chev{transform:rotate(180deg)}
.wd-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 2px 2px;animation:wdIn .3s ease both}
@media(min-width:720px){.wd-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}
.wd-t-{position:relative;aspect-ratio:1;border-radius:9px;border:1px solid var(--v2-hair);background:#060606}
.wd-t- .sq-n{position:absolute;left:6px;top:4px;font:300 14px/1 var(--v2-serif);color:#8f8a81}
.wd-t- .sq-lk{position:absolute;inset:0;display:grid;place-items:center;color:rgba(200,161,90,.6)}
.wd-t- .sq-lk svg{width:34%;max-width:20px}
@keyframes wdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
html.v2 #jogo .sq-n{font-weight:300}

/* ---------- D) a passagem da alma ---------- */
.alma{position:relative;height:340vh;height:calc(3.4 * 100svh);background:#000;padding:0!important;border:0!important}
.alma-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#05070c}
.alma-cv{position:absolute;inset:0;display:block}
.alma-w{position:absolute;inset:0;background:radial-gradient(120% 90% at 55% 45%,#fff 0,var(--v2-paper) 70%);opacity:0;pointer-events:none}
.al-l{position:absolute;left:0;right:0;margin:0 auto;padding:0 24px;text-align:center;opacity:0;visibility:hidden;will-change:opacity,transform;
  font:300 clamp(17px,4.6vw,26px)/1.35 var(--v2-serif);letter-spacing:.02em;color:#f6f2ea;text-shadow:0 1px 16px rgba(0,0,0,.8)}
.al-1{bottom:calc(var(--bar-h) + 90px + env(safe-area-inset-bottom,0px))}
.al-2,.al-3{top:50%;transform:translateY(-50%)}
.al-l.ink{color:var(--v2-ink);text-shadow:none}
.al-3 .al-q{display:block;max-width:26ch;margin:0 auto;font-size:clamp(19px,5vw,30px)}
.al-3 small{display:block;margin-top:14px;font:500 10.5px/1 var(--v2-sans);letter-spacing:.24em;text-transform:uppercase;color:#8a7650}

/* ---------- F) mural de ideias ---------- */
.fan-lead{max-width:56ch;margin:10px auto 0;color:var(--v2-mute);font-size:14.5px;line-height:1.5}
.fan-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0}
.fan-chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font:500 13px/1 var(--v2-sans);cursor:pointer}
.fan-chip:hover{border-color:rgba(var(--v2-ny),.5)}
.fan-chip[aria-pressed=true]{border-color:var(--v2-gold-hi);background:rgba(200,161,90,.14);color:#fff}

/* ---------- G) loja ---------- */
.shop{position:relative;margin:6px 0 22px;padding:16px 0 14px;border-radius:20px}
.shop.ny{border:1px solid rgba(var(--v2-ny),.28);box-shadow:0 0 0 1px rgba(var(--v2-ny),.04),0 0 18px rgba(var(--v2-ny),.09),inset 0 0 22px rgba(var(--v2-ny),.03)}
.sh-top{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}
.sh-k{font:500 10.5px/1 var(--v2-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--v2-gold-hi)}
.shop-nav{display:flex;gap:6px}
.shop-ar{width:40px;height:40px;border-radius:50%;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font-size:22px;line-height:1;cursor:pointer}
.shop-ar:disabled{opacity:.3;cursor:default}
.sh-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sh-track::-webkit-scrollbar{display:none}
.sh-c{flex:0 0 min(78%,300px);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--v2-hair);background:#070707;overflow:hidden}
.sh-m{aspect-ratio:3/2;background:#0c0c0c;display:grid;place-items:center;overflow:hidden}
.sh-m img{width:100%;height:100%;object-fit:cover}
.sh-ic{color:var(--v2-gold);display:grid;place-items:center}
.sh-ic svg{width:64px;height:64px}
.sh-c[data-merch=kit] .sh-ic svg{width:120px;height:60px}
.sh-b{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;flex:1}
.sh-b h4{font:400 19px/1.15 var(--v2-serif)!important;letter-spacing:0;color:#fff;margin:0}
.sh-v{font:500 10.5px/1.2 var(--v2-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--v2-gold-hi);margin:0}
.sh-d{font-size:13px;line-height:1.4;color:var(--v2-mute);margin:0}
.sh-both{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--v2-off);cursor:pointer;margin-top:2px}
.sh-both input{width:18px;height:18px;accent-color:#e9cf8e}
.sh-row{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;flex-wrap:wrap}
.sh-q{display:inline-flex;align-items:center;border:1px solid var(--v2-hair2);border-radius:999px;height:40px}
.sh-q button{width:36px;height:38px;border:0;background:none;color:var(--v2-off);font-size:18px;cursor:pointer}
.sh-q output{min-width:20px;text-align:center;font:500 14px/1 var(--v2-sans);color:#fff}
.sh-row .sh-pre{flex:1;min-height:40px!important;font-size:12.5px!important;padding:0 12px!important;border-color:rgba(var(--v2-ny),.55)!important;color:var(--v2-gold-hi)!important;opacity:1!important;cursor:pointer}
.sh-row .sh-pre:hover{background:rgba(var(--v2-ny),.08)}
.sh-note{padding:4px 16px 0;font-size:12px;color:var(--v2-dim)}
@media(min-width:900px){.sh-c{flex-basis:calc((100% - 3*14px)/3.4)}}
.pre-dlg{position:fixed;inset:0;z-index:400;display:grid;place-items:end center;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px}
@media(min-width:700px){.pre-dlg{place-items:center}}
.pre-box{position:relative;width:min(460px,100%);max-height:calc(100svh - 24px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:22px 18px 18px;border-radius:20px;background:#0a0908;border:1px solid rgba(var(--v2-ny),.35);box-shadow:0 0 30px rgba(var(--v2-ny),.12)}
.pre-x{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:none;color:var(--v2-mute);font-size:26px;cursor:pointer}
.pre-k{font:500 10.5px/1 var(--v2-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--v2-gold-hi);margin:0}
.pre-box h3{font:300 26px/1.1 var(--v2-serif);color:#fff;margin:0 0 4px}
.pre-box label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--v2-mute)}
.pre-box input[type=text],.pre-box input[type=number],.pre-box select,.pre-box textarea{min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--v2-hair2);background:#000;color:#fff;font:400 15px/1.35 var(--v2-sans)}
.pre-box textarea{resize:vertical}
.pre-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.pre-row label:first-child{width:110px}
.pre-row .sh-both{flex-direction:row;padding-bottom:12px}
.pre-kit{font-size:13px;color:var(--v2-gold-hi);margin:0}
.pre-acts{display:flex;gap:8px;flex-wrap:wrap}
.pre-acts .btn{flex:1;min-height:46px}
.pre-ok{min-height:1em;font-size:12.5px;color:var(--v2-gold-hi);margin:0}
.pre-note{font-size:11.5px;color:var(--v2-dim);margin:0}

/* ---------- H) neon amarelo bem fraco nas secoes de cima ---------- */
.ny-sec{position:relative;border-top:0!important}
.ny-sec::before{content:"";position:absolute;left:4%;right:4%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--v2-ny),.32) 20%,rgba(var(--v2-ny),.32) 80%,transparent);box-shadow:0 0 12px rgba(var(--v2-ny),.22)}
.ny-sec .btn-gold{box-shadow:0 0 14px rgba(var(--v2-ny),.12)}

/* ---------- I) curiosidades: dentro do diretorio, abrem com um clique ---------- */
.cu-fold{margin-top:16px}
.cu-fold>summary{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--v2-hair2);cursor:pointer;list-style:none;font:500 13px/1 var(--v2-sans);color:var(--v2-off)}
.cu-fold>summary::-webkit-details-marker{display:none}
.cu-fold>summary .chev{width:16px;height:16px;transition:transform .25s}
.cu-fold[open]>summary .chev{transform:rotate(180deg)}

/* ---------- J3) Pensamento do dia: capsula com rotulo -> pop-up ---------- */
html.v2 .nav .dt-chip-t small{display:inline!important}
html.v2 .nav .dt-chip{padding:3px 14px 3px 6px!important}
html.v2 .nav .dt.open .dt-panel{position:fixed;left:50vw!important;right:auto!important;top:50vh!important;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 28px))!important;max-height:min(78vh,600px)!important;
  box-shadow:0 0 0 100vmax rgba(0,0,0,.66),0 20px 60px rgba(0,0,0,.6)!important;border-radius:22px!important;z-index:5}
@media(min-width:900px) and (max-width:1199px){html.v2 .nav .links li a{padding:9px 6px!important;font-size:11px}html.v2 .nav .dt-chip{padding:3px 12px 3px 4px!important}}
@media(max-width:380px){html.v2 .nav .dt-chip-t small{font-size:10px!important;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.wd-grid{animation:none}.mw3 .mw-sky{transition:none}}

.op-l::before{content:"";position:absolute;left:50%;top:50%;width:min(560px,96vw);height:170%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.35) 55%,transparent)}
.op-l{z-index:2}
.wd{max-width:860px;margin-inline:auto}
.mw3 .mw-graph{overflow:hidden}
.al-1{z-index:2}
.al-1::before{content:"";position:absolute;left:50%;top:50%;width:min(560px,96vw);height:190%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,.3) 55%,transparent)}
#apoie .sup-h[data-t="merch.title"]{display:none}
.sh-row .sh-pre{flex:1 1 100%}
#apoie .mhow h4,#apoie .mhow h3{font-family:var(--v2-serif)!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important}

/* =====================================================================
   RODADA 6 (r6): loja no EU (neon azul), lightbox das fotos, degrade da alma
   ===================================================================== */
.shop.nx{border:1px solid rgba(77,157,255,.22);box-shadow:0 0 18px rgba(77,157,255,.08),inset 0 0 22px rgba(77,157,255,.03)}
.sh-zm{position:relative;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.sh-zm:focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:-2px}
.sh-zi{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#f6f2ea;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.sh-zi svg{width:17px;height:17px}
.sh-c[data-merch=kit] .sh-m img{object-position:50% 40%}
html.shlb-open{overflow:hidden}
.sh-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:stretch;justify-content:center;
  padding:calc(56px + env(safe-area-inset-top,0px)) 0 calc(14px + env(safe-area-inset-bottom,0px))}
.sh-lb[hidden]{display:none!important}
.sh-lb-sc{flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;outline:0}
.sh-lb-im{display:block;max-width:min(100%,1400px);max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.sh-lb.zoom .sh-lb-sc{display:block}
.sh-lb.zoom .sh-lb-im{max-width:none;max-height:none;width:300vw;height:auto;cursor:zoom-out;margin:0 auto}
@media(orientation:landscape){.sh-lb.zoom .sh-lb-im{width:200vw}}
.sh-lb-x{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:10px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.6);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:2}
.sh-lb-x:focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:2px}
.sh-lb-cap{margin:10px 16px 0;text-align:center;color:var(--v2-mute);font-size:12.5px;line-height:1.4}
.sh-lb-cap b{display:block;color:var(--v2-off);font-weight:500;font-size:14px;margin-bottom:2px}
.sh-lb.zoom .sh-lb-h{visibility:hidden}

/* alma: entrada em degrade (preto da pagina -> azul-noite do video) e saida (branco -> preto subindo de baixo) */
.alma-fin{position:absolute;left:0;right:0;top:0;height:62%;pointer-events:none;
  background:linear-gradient(180deg,#000 0%,#000 6%,rgba(3,5,10,.93) 20%,rgba(10,15,26,.74) 38%,rgba(22,31,46,.42) 62%,rgba(30,42,58,.16) 84%,rgba(30,42,58,0) 100%)}
.alma-fout{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33.3%,rgba(8,10,16,.55) 50%,#000 66.6%,#000 100%);background-size:100% 300%;background-repeat:no-repeat;background-position:0 0}
.alma{background:#000}
.alma-pin{background:#000}
/* r6: sem linha reta entre a alma e a historia */
html.v2 #historia{border-top:0!important}

/* =====================================================================
   RODADA 7 (r7): linha do tempo das memorias (aba Curiosidades, no EU — neon azul)
   ===================================================================== */
html.v2 .tl-wrap{text-align:left;max-width:860px;margin:0 auto 40px}
html.v2 .tl-wrap>.eyebrow{color:var(--v2-volt)}
html.v2 .tl-wrap>h2{margin:6px 0 8px}
html.v2 .tl-lead{color:var(--v2-mute);max-width:56ch;margin:0 0 26px}
.tl-list{list-style:none;margin:0;padding:0 0 0 26px;position:relative}
.tl-list::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,rgba(77,157,255,0),rgba(77,157,255,.55) 6%,rgba(77,157,255,.35) 94%,rgba(77,157,255,0))}
.tl-it{position:relative;margin:0 0 30px}
.tl-dot{position:absolute;left:-25px;top:5px;width:11px;height:11px;border-radius:50%;background:#000;border:1.5px solid var(--v2-volt);box-shadow:0 0 10px rgba(77,157,255,.55)}
.tl-y{margin:0 0 8px;font:600 12px/1.2 var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-volt)}
.tl-card{background:#070708;border:1px solid rgba(77,157,255,.18);border-radius:14px;overflow:hidden;box-shadow:0 0 18px rgba(77,157,255,.05)}
.tl-media{display:grid;gap:2px;background:#000}
.tl-media.tl-2{grid-template-columns:1fr}
.tl-m{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:#000;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
.tl-m img{display:block;width:100%;height:auto;max-height:min(62vh,520px);object-fit:cover;object-position:50% 35%}
.tl-ib img{object-fit:contain;max-height:min(58vh,480px);background:#0b0b0c}
.tl-sec img{max-height:200px}
video.tl-m{display:block;width:100%;max-height:min(70vh,560px);background:#000;cursor:auto}
video.tl-sec{max-height:min(60vh,420px)}
.tl-pl{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(77,157,255,.6);box-shadow:0 0 20px rgba(77,157,255,.35);transition:transform .2s}
.tl-pl svg{width:24px;height:24px;margin-left:3px}
.tl-sec .tl-pl{width:46px;height:46px;margin:-23px 0 0 -23px}
.tl-m:hover .tl-pl{transform:scale(1.06)}
.tl-tag{position:absolute;left:10px;bottom:10px;font:500 11.5px/1 var(--v2-sans);letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px}
.tl-zi{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#f6f2ea;border:1px solid rgba(255,255,255,.2)}
.tl-zi svg{width:17px;height:17px}
.tl-m:focus-visible{outline:2px solid var(--v2-volt);outline-offset:-2px}
.tl-tx{padding:16px 18px 18px}
.tl-tx h3{margin:0 0 6px;font:500 19px/1.25 var(--v2-serif);color:var(--v2-off)}
.tl-tx p{margin:0;color:#bdb8af;font-size:14.5px;line-height:1.6}
.tl-gp{display:inline-flex;align-items:center;gap:6px;margin-top:12px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(77,157,255,.55);color:#cfe3ff;font:500 13px/1 var(--v2-sans);text-decoration:none}
.tl-gp:hover{background:rgba(77,157,255,.1)}
.tl-src{display:block;margin-top:10px;color:var(--v2-dim);font-size:11.5px;line-height:1.4}
@media(min-width:860px){
  .tl-list{padding-left:34px}.tl-list::before{left:8px}.tl-dot{left:-31px}
  .tl-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
  .tl-media{align-content:start}
  .tl-sec img{object-fit:cover}
  .tl-tx{padding:22px 24px;align-self:center}
  .tl-sec img{max-height:170px}
}

/* =====================================================================
   RODADA 9: letreiros da abertura e da alma em Raleway ExtraLight
   (caixa alta, espaco largo entre letras, traco fino) - so nos letreiros; titulos seguem em Jost
   ===================================================================== */
:root{--v2-lt:"Raleway","Jost","Helvetica Neue",Arial,sans-serif}
html.v2 .op-l,.op-l{font:300 clamp(13px,3.6vw,15px)/1.75 var(--v2-lt)!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:#f6f1e8;font-feature-settings:"lnum" 1}
.op-l span{max-width:22ch;text-wrap:balance}
.op-l::after{width:22px;margin-top:16px;background:rgba(233,207,142,.55)}
@media(min-width:900px){html.v2 .op-l,.op-l{font-weight:200!important;font-size:clamp(17px,1.35vw,21px)!important;letter-spacing:.36em!important}.op-l span{max-width:34ch}}
.al-l{font-family:var(--v2-lt);font-weight:300;letter-spacing:.28em;text-transform:uppercase;font-size:clamp(13px,3.6vw,15px);line-height:1.75}
.al-l span{display:inline-block;max-width:22ch;text-wrap:balance}
.al-3{letter-spacing:.06em;text-transform:none}
.al-3 .al-q{max-width:24ch;font:200 clamp(19px,5vw,30px)/1.4 var(--v2-lt);letter-spacing:.04em}
.al-3 small{display:block;margin-top:14px;font:400 10.5px/1 var(--v2-lt);letter-spacing:.34em;text-transform:uppercase;opacity:.7}
@media(min-width:900px){.al-l{font-weight:200;font-size:clamp(17px,1.35vw,21px);letter-spacing:.36em}.al-l span{max-width:34ch}.al-3 .al-q{font-size:clamp(26px,2.2vw,34px)}}
/* r9: entrada da alma com o azul-noite do video novo (topo medido #0c161f) */
.alma-fin{background:linear-gradient(180deg,#000 0%,#000 6%,rgba(3,5,9,.93) 20%,rgba(7,13,19,.74) 38%,rgba(12,22,31,.42) 62%,rgba(12,22,31,.16) 84%,rgba(12,22,31,0) 100%)}
.op-tag{font-family:var(--v2-lt)!important;font-weight:300!important;letter-spacing:.32em!important}
.op-world,.op-world span{font-family:var(--v2-lt)!important;font-weight:400!important}
/* r9: videos do YouTube na linha do tempo (miniatura -> player no toque) + marco */
.tl-yb{aspect-ratio:16/9;background:radial-gradient(120% 120% at 30% 20%,#1a1f2b,#050608 70%)}
.tl-yb img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%;opacity:.92;transition:opacity .2s}
.tl-yb:hover img{opacity:1}
.tl-ytt{display:none}
.tl-yb.tl-noth .tl-ytt{display:block;position:absolute;left:16px;right:16px;top:16px;font:300 13px/1.5 var(--v2-lt,inherit);letter-spacing:.22em;text-transform:uppercase;color:#e9e3d8;text-align:left}
.tl-ytb{position:absolute;left:10px;bottom:10px;font:500 11px/1 var(--v2-sans);letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px}
iframe.tl-yf{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#000}
.tl-yfb{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px;text-align:center;background:#000 50% 50%/cover no-repeat;position:relative;cursor:auto}
.tl-yfb::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.72)}
.tl-yfb>*{position:relative}
.tl-yfb p{margin:0;color:#e9e3d8;font-size:14px}
.tl-yt{border-color:rgba(255,255,255,.22);color:#e9e3d8}
.tl-gp+.tl-yt{margin-left:8px}
.tl-hl .tl-card{border-color:rgba(232,196,110,.55);box-shadow:0 0 0 1px rgba(232,196,110,.18),0 0 34px rgba(232,196,110,.16);background:linear-gradient(160deg,#110e08,#070708 55%)}
.tl-hl .tl-dot{width:15px;height:15px;left:-27px;top:3px;border-color:#e8c46e;background:#e8c46e;box-shadow:0 0 0 4px rgba(232,196,110,.18),0 0 18px rgba(232,196,110,.8)}
.tl-hl .tl-y{color:#e8c46e}
.tl-hl .tl-tx h3{color:#f6e7c2}
.tl-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:5px 11px;border-radius:999px;border:1px solid rgba(232,196,110,.6);color:#f0d48f;font:500 10.5px/1 var(--v2-sans);letter-spacing:.24em;text-transform:uppercase}
.tl-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#e8c46e;box-shadow:0 0 8px #e8c46e}
@media(min-width:860px){.tl-hl .tl-dot{left:-33px}}
html.op-past .op-bar{opacity:0;transition:opacity .4s}
/* r9: no computador o "Voce entrou na mente" fica no ceu (em cima), longe do corpo de luz; some antes do close do rosto */
@media(min-width:700px){.al-1{bottom:auto;top:calc(66px + 9vh)}}
.al-1{text-shadow:0 1px 14px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.7)}

/* r10: premios Em Fim / Escolinha + chamada do Spotify da Rainha do Papi */
.rdm-lock10{font-size:13px;opacity:.8;margin:0}
.rdm-lock10[hidden],#rdmDl10[hidden]{display:none}
.rdm-spot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:12px 14px;border:1px solid rgba(212,162,76,.45);border-radius:14px;background:rgba(212,162,76,.07)}
.rdm-spot-t{flex:1 1 200px;font-size:14px;line-height:1.35}
.rdm-spot .btn{flex:0 1 auto;min-height:44px;white-space:normal;line-height:1.2}

/* r11: botão de som do site (js/sound.js). Canto direito, logo acima do botão da IA; nunca sobre a barra nem sobre "Pular abertura" */
.wsnd{position:fixed;z-index:235;right:calc(max(14px,env(safe-area-inset-right,0px)) + 9px);bottom:calc(var(--bar-h,62px) + 84px + env(safe-area-inset-bottom,0px));width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(10,10,10,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ECE8E1;opacity:.62;cursor:pointer;transition:opacity .25s,background .25s,transform .25s;-webkit-tap-highlight-color:transparent}
.wsnd::after{content:"";position:absolute;inset:-6px}
.wsnd:hover,.wsnd:focus-visible{opacity:1;background:rgba(10,10,10,.7)}
.wsnd:active{transform:scale(.92)}
.wsnd .w-off{display:none}.wsnd.off .w-on{display:none}.wsnd.off .w-off{display:inline}.wsnd.off{opacity:.5}
@media(min-width:900px){.wsnd{right:max(26px,env(safe-area-inset-right,0px));bottom:82px}}
html.mw-open .wsnd{opacity:.4}

/* ===== r12: anel de brilho no toque (botao/chip/cartao). Sem mudanca de layout (so box-shadow), some em ~0,5 s.
   MENTE = amarelo fraco; EU (.nx-sec / .nx) = azul. Movimento reduzido = anel fixo curto, sem animacao. ===== */
:root{--tapY:rgba(255,226,120,.55);--tapB:rgba(110,170,255,.6)}
.wtap{--tapc:var(--tapY);animation:wtapR .52s cubic-bezier(.2,.7,.3,1) both}
.nx-sec .wtap,.nx .wtap,.nx.wtap,.wtap.wtap-b{--tapc:var(--tapB)}
@keyframes wtapR{
  0%{box-shadow:0 0 0 0 var(--tapc),0 0 0 0 var(--tapc)}
  35%{box-shadow:0 0 0 2px var(--tapc),0 0 16px 2px var(--tapc)}
  100%{box-shadow:0 0 0 7px transparent,0 0 22px 6px transparent}
}
@media (prefers-reduced-motion:reduce){
  .wtap{animation:none;box-shadow:0 0 0 2px var(--tapc)}
}
/* r12: premios trancados (cadeado + teaser) e karaoke trancado */
.rdm-prizes{display:grid;gap:10px;margin:14px 0 4px}
.rdm-pz.lock{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px dashed rgba(236,232,225,.22);border-radius:12px;background:rgba(255,255,255,.02);color:rgba(236,232,225,.82);text-align:left}
.rdm-pz .rdm-lk{font-size:1.05rem;line-height:1.3;filter:grayscale(.3)}
.rdm-pz .rdm-pt{display:grid;gap:3px}.rdm-pz .rdm-pt b{font-weight:500}.rdm-pz .rdm-pt small{opacity:.7}
.rdm-pz.on .btn{width:100%}
.k-card.k-lock .k-meta .k-lockt{color:rgba(236,232,225,.7)}
.btn.k-btn-lock{opacity:.55;cursor:not-allowed}

/* ---- R13: convite "Toque para entrar com som" (abertura; some no 1o toque) ---- */
.wsnd-hint{position:absolute;left:50%;top:calc(66px + env(safe-area-inset-top,0px));z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 15px 0 12px;border-radius:999px;border:1px solid rgba(233,207,142,.38);background:rgba(8,8,10,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e9dfc9;font:400 10.5px/1 var(--v2-sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;opacity:0;transform:translate(-50%,6px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.wsnd-hint.on{opacity:.9;transform:translate(-50%,0);pointer-events:auto}
.wsnd-hint svg{flex:none;color:var(--v2-gold-hi);animation:wsHint 2.4s ease-in-out infinite}
@keyframes wsHint{0%,100%{opacity:.55}50%{opacity:1}}
@media(min-width:900px){.wsnd-hint{top:78px}}
.op-pin:has(.op-end.on) .wsnd-hint,html.op-past .wsnd-hint{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.wsnd-hint{transition:opacity .3s}.wsnd-hint svg{animation:none;opacity:1}}

/* =====================================================================
   RODADA 14 (r14): som (convite + painel #som + aviso), textos novos, album antigo, contratacao, ajustes SO no celular
   ===================================================================== */
.wsnd-hint{flex-wrap:wrap;justify-content:center;row-gap:3px;padding-block:7px}
.wsnd-hint .wh-i{flex-basis:100%;text-align:center;font-size:9px;letter-spacing:.06em;text-transform:none;opacity:.72}
.wsnd-hint .wh-i[hidden]{display:none}
.wsnd-note{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483000;width:min(92vw,440px);padding:12px 16px;border-radius:14px;background:rgba(12,11,10,.94);border:1px solid rgba(233,207,142,.4);color:#f1e7cf;font:400 13px/1.45 var(--v2-sans,system-ui);text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.wsnd-dbg{position:fixed;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));z-index:2147483001;max-height:44vh;overflow:auto;padding:10px;border-radius:12px;background:rgba(0,0,0,.9);border:1px solid #e9cf8e;color:#d9ffd0;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.wsnd-dbg pre{margin:0;white-space:pre-wrap;word-break:break-word;font:10.5px/1.4 ui-monospace,Menlo,Consolas,monospace}
.wsnd-dbg .wd-b{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.wsnd-dbg .wd-b button{font:600 12px/1 system-ui;padding:9px 11px;border-radius:8px;border:1px solid #e9cf8e;background:#1c1a14;color:#f6e7bd}
@media(min-width:900px){.wsnd-dbg{left:auto;width:520px}}
/* abertura: a 3a frase e longa -> quebra em linhas, menor */
.op-l3w span{white-space:normal!important;max-width:22ch!important;margin-inline:auto;text-wrap:balance}
@media(max-width:699px){.op-l3w{font-size:clamp(20px,6.2vw,28px)!important;letter-spacing:.03em!important;line-height:1.18!important}.op-l3w span{max-width:18ch!important}}
@media(min-width:700px){.op-l3w{font-size:clamp(26px,3.6vw,52px)!important;line-height:1.12!important}}
/* historia (EU): legendas novas, mais longas */
#historia .ss figcaption{font-size:clamp(22px,5.6vw,50px);text-wrap:balance}
#historia .ss figcaption.ss-ly span{display:block;text-transform:none;font-style:italic;font-family:var(--v2-serif,Georgia,serif);font-weight:400;letter-spacing:.01em}
#historia .ss figcaption.ss-ly small{display:block;margin-top:10px;font:400 11px/1 var(--v2-sans,system-ui);letter-spacing:.32em;text-transform:uppercase;color:rgba(241,231,207,.66)}
.eu-tag{max-width:560px;margin:0 0 14px;font:300 italic 17px/1.5 var(--v2-serif,Georgia,serif);color:var(--gold-hi,#e9cf8e)}
@media(max-width:720px){.eu-tag{text-align:center;margin-inline:auto}}
/* WETTO 2.0 no rodape */
.w20{margin:14px 0 4px;text-align:center;font:300 12px/1.4 var(--v2-lt,var(--v2-sans,system-ui));letter-spacing:.34em;text-transform:uppercase;color:var(--gold-hi,#e9cf8e);opacity:.85}
/* Album antigo · Tempestade */
.alb-old{margin-top:26px;padding:18px;border-radius:16px;border:1px solid rgba(233,207,142,.18);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.alb-hd{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.alb-cv{width:74px;height:74px;border-radius:10px;object-fit:cover;flex:none}
.alb-hd h3{margin:2px 0 4px;font-size:22px}
.alb-hd .eyebrow{margin:0}
.alb-s{margin:0;color:var(--muted,#b7ad9a);font-size:14px;line-height:1.45}
.alb-row{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.alb-it{display:flex;flex-direction:column;gap:4px;min-width:0}
.alb-b,.alb-f{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:10px;overflow:hidden;background:#000;cursor:pointer}
.alb-b img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.alb-b:hover img{transform:scale(1.04)}
.alb-pl{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);border:1px solid rgba(233,207,142,.6);color:var(--gold-hi,#e9cf8e)}
.alb-pl svg{width:18px;height:18px;margin-left:2px}
.alb-it b{margin-top:6px;font-size:15px}
.alb-it > span{font-size:12px;color:var(--muted,#b7ad9a)}
.alb-yt,.alb-sp{font-size:12px;color:var(--gold-hi,#e9cf8e);text-decoration:underline;text-underline-offset:3px}
.alb-sp{display:inline-block;margin-top:14px}
@media(max-width:720px){
  .alb-old{padding:14px}
  .alb-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}
  .alb-row::-webkit-scrollbar{display:none}
  .alb-it{scroll-snap-align:start}
  .alb-sp{display:block;text-align:center}
}
/* Contratacao / Imprensa */
.biz14 .hire-who{margin:14px 0 6px;max-width:720px;font-size:16px;line-height:1.6;color:var(--ink,#ece4d4)}
.biz14 .hire-band{margin:0 0 16px;color:var(--gold-hi,#e9cf8e);font-weight:600;letter-spacing:.04em}
.hire-seg{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hire-seg li{padding:14px 16px;border-radius:12px;border:1px solid rgba(233,207,142,.18);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:5px}
.hire-seg b{color:var(--gold-hi,#e9cf8e);font-size:15px;letter-spacing:.04em}
.hire-seg span{font-size:14px;line-height:1.45;color:var(--muted,#b7ad9a)}
.hire-teq{margin:6px 0 16px;padding:18px;border-radius:14px;border:1px solid rgba(233,207,142,.3);background:radial-gradient(ellipse at 20% 0%,rgba(46,140,70,.14),transparent 60%),radial-gradient(ellipse at 90% 100%,rgba(200,40,40,.12),transparent 60%),rgba(255,255,255,.02)}
.hire-teq h3{margin:4px 0 8px;font-size:20px}
.hire-teq p{margin:0 0 12px;line-height:1.55}
.hire-teq .eyebrow{margin:0}
.hire-soon{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px dashed rgba(233,207,142,.35);color:var(--muted,#b7ad9a);font-size:14px}
.hire-soon > span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(233,207,142,.4);color:var(--gold-hi,#e9cf8e);flex:none;font-size:13px}
.hire-soon b{display:block;color:var(--ink,#ece4d4);font-size:14px}
.hire-soon small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin-top:2px}
.hire-teq .hire-soon{aspect-ratio:16/7;justify-content:center;flex-direction:column;gap:8px}
.hire-phs{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
.hire-note{margin:10px 0 18px;font-size:13px;color:var(--muted,#b7ad9a)}
@media(max-width:720px){
  .hire-seg,.hire-phs{grid-template-columns:minmax(0,1fr)}
  .biz14 .sec-head,.biz14 .hire-who,.biz14 .hire-band,.hire-note{text-align:center}
  .hire-cta{justify-content:center}
}
/* ---------- SO CELULAR (o computador fica como esta) ---------- */
@media(max-width:720px){
  /* lancamento: logo Rainha do Papi centralizado = referencia para os outros blocos */
  #lancamento .li-a,#lancamento .li-b{align-items:center;text-align:center}
  #lancamento .title-art{display:flex;justify-content:center;width:100%}
  #lancamento .launch-btns{width:100%;justify-content:center}
  /* logo WETTO do rodape (video do pincel): pequeno, limpo, centralizado */
  #contato .clogo{width:min(46vw,170px)!important;margin:0 auto 4px!important;align-self:center!important}
  #contato .contact{text-align:center}
  /* "Faca parte do mundo WETTO / Inscreva-se": centralizado */
  .foot-join{justify-content:center;text-align:center;flex-direction:column;gap:10px;font-size:19px}
  #inscreva .join{text-align:center;align-items:center}
  #inscreva .join .rd,#inscreva .v2-soc{justify-content:center;margin-inline:auto}
  /* outros botoes que ficavam encostados num lado */
  #karaoke .share-row,.rdm-spot,.g2-head{justify-content:center;text-align:center}
  .about-txt .teaser{margin-inline:auto}
}
/* r14: a 3a linha da alma agora e "Agora, entre no EU do WETTO." -> mesmo letreiro das outras duas */
.al-3{letter-spacing:.28em;text-transform:uppercase}
@media(min-width:900px){.al-3{letter-spacing:.36em}}
@media(min-width:700px){.op-l3w span{max-width:34ch!important}.op-l3w{text-shadow:0 0 18px rgba(0,0,0,.85),0 2px 40px rgba(0,0,0,.9)!important}}
@media(max-width:720px){#contato .cbox-col{display:flex;flex-direction:column;align-items:center;text-align:center}#contato .cline{justify-content:center}#contato .fold-form summary{justify-content:center}}
/* r14: titulo da secao "mente" ficou mais longo (frase nova) */
@media(max-width:720px){.mente-tx h2{font-size:clamp(24px,6.6vw,32px)!important;max-width:16ch;margin-inline:auto!important}}
@media(min-width:721px){.mente-tx h2{font-size:clamp(34px,3.4vw,50px)!important;max-width:15ch}}

/* r16: memoria sem midia (jornal/TV/E de Casa retirados): cartao so com texto */
.tl-card.tl-nom{display:block}
.tl-card.tl-nom .tl-tx{padding:18px 20px}
/* r18: aviso de privacidade (LGPD) no rodape, discreto */
.foot-lgpd{margin:12px auto 0;max-width:560px;padding:0 16px;text-align:center;font:400 11px/1.55 var(--v2-sans,system-ui);letter-spacing:.02em;color:var(--v2-mute,#9A958C);opacity:.85}

/* r21 foto-segue-mouse: início */
/* Abertura, so desktop com mouse: o retrato P&B (canvas #opCv) acompanha o ponteiro de leve (inclinacao 3D + facho de luz suave).
   O JS (fim do v2.js) so liga em (hover:hover) and (pointer:fine), sem "reduzir movimento"; aqui fica so o visual.
   will-change so existe enquanto o efeito esta ativo (classe .pf-live); parado, o canvas volta ao transform limpo. */
.op-cv.pf-live{will-change:transform;transform-origin:50% 60%}
.op-light{position:absolute;left:0;top:0;width:52vmin;height:52vmin;margin:-26vmin 0 0 -26vmin;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;mix-blend-mode:overlay;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.5) 38%,rgba(255,255,255,.16) 68%,rgba(255,255,255,0))}
.op-light.on{visibility:visible;will-change:transform,opacity}
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.op-light{display:none}.op-cv.pf-live{will-change:auto}}
/* r21 foto-segue-mouse: fim */

/* r22 frases-zonas + olhar em video (desktop com mouse): 8 frases nas bordas, fora do rosto e fora do logo, chip e pop-up.
   A frase fica ate o cursor entrar em outra zona. Os videos de olhar trocam conforme a zona; no celular nada disso existe. */
.op-fz{position:absolute;inset:0;pointer-events:none;z-index:1}
.op-fz-t{position:absolute;margin:0;max-width:min(22vw,340px);font:500 clamp(.85rem,.78rem + .22vw,1rem)/1.3 var(--v2-sans);letter-spacing:.02em;color:var(--v2-off,#f1ece2);
  text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);text-wrap:balance;opacity:0;transition:opacity .25s ease;pointer-events:none;user-select:none}
.op-fz-t.on{opacity:1}
.op-fz-ce,.op-fz-me,.op-fz-be{left:4%;text-align:left}
.op-fz-cd,.op-fz-md,.op-fz-bd{right:4%;text-align:right}
.op-fz-cc,.op-fz-bc{left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:min(40vw,520px)}
.op-fz-cc{top:calc(var(--bar-h,62px) + 64px)}
.op-fz-ce,.op-fz-cd{top:22%}
.op-fz-me,.op-fz-md{top:36%}
.op-fz-be,.op-fz-bd{top:50%}
.op-fz-bc{bottom:calc(var(--bar-h,62px) + 32px)}
@media (prefers-reduced-motion:reduce){.op-fz-t{transition:none}}
@media (hover:none),(pointer:coarse){.op-fz{display:none}}

/* video do olhar: fica sobre a foto no desktop; a foto parada continua no celular */
.op-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.06) brightness(.9);opacity:0;transition:opacity .3s ease;display:none;pointer-events:none}
.op-vid.on{opacity:1}
.op-pin.vid-live .op-cv{display:none}
.op-pin.vid-live .op-vid{display:block}
@media (hover:none),(pointer:coarse){.op-vid{display:none!important}}
@media (prefers-reduced-motion:reduce){.op-vid{transition:none}}
/* r22 frases-zonas: fim */

/* ===== Estreia: faixa EM BREVE + clipe Amor Egoista + teaser (r23) ===== */
html.v2 .est{padding:0!important;background:#000;border-top:1px solid var(--v2-hair)}
/* r25 (23/10/2026): DUAS faixas FINAS (30 px cada, texto pequeno em maiusculas), de ponta a ponta, em loop continuo e sem emenda (2 copias, deslocamento de 50%).
   Cima: so os nomes das musicas, andando da ESQUERDA para a DIREITA. Baixo: so "EM BREVE", andando da DIREITA para a ESQUERDA.
   Cada faixa e UMA linha (nowrap) de altura fixa: nada empilha nem se sobrepoe. Com "reduzir movimento" elas CONTINUAM andando, so bem mais devagar (90 s por volta).
   Pausa por acessibilidade: ao pairar (mouse), ao focar (teclado) e ao tocar no botao .est-mq-pause (alterna). As faixas sao decorativas (aria-hidden); o conjunto tem rotulo. */
.est-bands{position:relative;display:block;width:100%;overflow:hidden;--mq-t:48s;--mq-h:30px}
.est-mq{display:flex;align-items:center;width:100%;height:var(--mq-h);overflow:hidden;box-sizing:border-box}
.est-mq-songs{background:#050505;border-bottom:1px solid rgba(200,161,90,.35)}
.est-mq-soon{background:linear-gradient(180deg,#E9CF8E,#C8A15A)}
.est-mq-track{display:flex;flex:none;align-items:center;width:max-content;height:100%;will-change:transform;animation-duration:var(--mq-t);animation-timing-function:linear;animation-iteration-count:infinite}
.est-mq-songs .est-mq-track{animation-name:est-mq-lr}
.est-mq-soon .est-mq-track{animation-name:est-mq-rl}
.est-mq-run{display:flex;align-items:center;flex:none;white-space:nowrap}
.est-mq-i{display:block;flex:none;white-space:nowrap;font:600 11px/1 var(--v2-sans);letter-spacing:.26em;color:var(--v2-gold-hi);text-transform:uppercase;padding:0 18px}
.est-mq-d{display:block;flex:none;font-size:7px;line-height:1;color:var(--v2-gold)}
.est-mq-soon .est-mq-i{font-weight:800;color:#0b0b0b}
.est-mq-soon .est-mq-d{color:#0b0b0b}
@keyframes est-mq-lr{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes est-mq-rl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.est-bands.is-paused .est-mq-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.est-bands{--mq-t:90s}}
.est-mq-pause{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.est-mq-pause:focus-visible{outline:2px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 4px #000}
.est-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-block:28px 56px}
.est-main{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.est-frame{position:relative;aspect-ratio:1/1;background:#000;border:1px solid var(--v2-hair);border-radius:6px;overflow:hidden}
.est-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.est-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 2%,rgba(0,0,0,.55) 34%,rgba(0,0,0,0) 62%);pointer-events:none}
.est-logo{position:absolute;left:50%;bottom:4%;width:min(74%,360px);height:auto;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 2px 14px rgba(0,0,0,.7))}
.est-cta{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.est-eye{margin:0;font:500 12px/1.3 var(--v2-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v2-gold)}
.est-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:420px;min-height:60px;padding:0 28px;border-radius:999px;border:1px solid rgba(233,207,142,.85);background:rgba(200,161,90,.16);color:#fff3d6;font:600 17px/1 var(--v2-sans);letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .15s}
.est-play:hover{background:rgba(200,161,90,.3)}
.est-play:active{transform:scale(.98)}
.est-play svg{width:22px;height:22px;flex:none}
.est-t-soon{display:none}
.est-main.est-off .est-play{cursor:default;border-color:var(--v2-hair2);background:transparent;color:var(--v2-gold-hi);letter-spacing:.24em;font-size:15px}
.est-main.est-off .est-play:hover,.est-main.est-off .est-play:active{background:transparent;transform:none}
.est-main.est-off .est-play svg,.est-main.est-off .est-t-play,.est-main.est-off .est-note{display:none}
.est-main.est-off .est-t-soon{display:inline}
.est-note{margin:0;font:400 13px/1.4 var(--v2-sans);color:var(--v2-mute)}
.est-hint{margin:0;font:400 13px/1.4 var(--v2-sans);color:var(--v2-gold-hi,#e9cf8e)}
.est-vid{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain;z-index:3}
.est-main.est-on .est-cover,.est-main.est-on .est-logo,.est-main.est-on .est-frame::after{display:none}
.est-main.est-on .est-cta{display:none}
.est-btns{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.est-prevbtn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(233,207,142,.5);background:transparent;color:#fff3d6;font:600 15px/1 var(--v2-sans);letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s}
.est-prevbtn:hover,.est-prevbtn.on{background:rgba(200,161,90,.16);border-color:rgba(233,207,142,.85)}
.est-prevbtn:focus-visible,.est-play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.est-prevbtn .prev-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(233,207,142,.18)}
.est-prevbtn .prev-bar b{display:block;height:100%;width:0;background:#E9CF8E;transition:width .25s linear}
/* bloco de baixo: Besame, segunda musica, EM BREVE */
#lancamento .bs-banner img{aspect-ratio:16/10;object-fit:cover;object-position:50% 32%}
@media(min-width:800px){#lancamento .bs-banner img{aspect-ratio:21/9;max-height:none;object-position:50% 30%}}
.bs-seal{margin:0 0 4px}
.bs-seal span{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid rgba(233,207,142,.7);background:rgba(200,161,90,.12);font:700 12px/1 var(--v2-sans);letter-spacing:.28em;color:var(--v2-gold-hi)}
.bs-note{margin:10px 0 0;font:400 13px/1.4 var(--v2-sans);color:var(--v2-mute)}
/* 01/11/2026: bloco de baixo agora e Rainha do Papi (logo em pe: menor que a do Besame) e aviso de como funciona o jogo */
#lancamento .title-art img{width:min(100%,200px)}
@media(min-width:800px){#lancamento .title-art img{width:min(100%,220px)}}
.rdm-note{margin:12px 0 0;font:400 13px/1.45 var(--v2-sans);color:var(--v2-mute);max-width:60ch}
@media(min-width:900px){
  .est-wrap{align-items:end;padding-block:36px 72px}
  .est-main{grid-template-areas:"s";gap:0}
  .est-frame,.est-cta{grid-area:s}
  .est-frame{aspect-ratio:16/9}
  .est-cover{left:auto;right:0;width:58%;object-position:50% 22%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
  .est-frame::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 45%)}
  .est-logo{left:3%;bottom:auto;top:5%;width:40%;max-width:none;transform:none}
  .est-cta{align-self:end;justify-self:start;align-items:flex-start;text-align:left;padding:0 0 5% 3.4%;z-index:2;max-width:46%}
  .est-play{width:auto;min-width:260px}
  .est-main.est-on .est-frame{grid-area:s}
  .est-btns{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .est-prevbtn{width:auto;min-width:220px}
}

/* acessibilidade (auditoria 23/10): link de pular ao conteudo, alvos de clique >= 24px de altura sem mexer no layout */
.skip-link{position:fixed;left:12px;top:0;z-index:2147483000;transform:translateY(-200%);padding:12px 18px;border-radius:0 0 12px 12px;background:#E9CF8E;color:#140e03;font:600 14px/1.2 var(--v2-sans,system-ui,sans-serif);text-decoration:none}
.skip-link:focus,.skip-link:focus-visible{transform:none;outline:2px solid #fff;outline-offset:2px}
#mundo:focus,#topo:focus{outline:none}
.alb-yt,.studio-link,.cl-v a{display:inline-block;padding:4px 0;margin:-4px 0}
.alb-sp{padding:4px 0;margin-top:10px;margin-bottom:-4px}

/* =====================================================================
   r24: FILA VERTICAL de icones (radio, IA, avatar) no lado direito, juntos, com brilho dourado discreto.
   Radio (.rwf, injetado por radio-fita.js) e IA (.help/#helpBtn) sao reposicionados so por CSS; o avatar (#avWrap) e novo.
   Aparecem depois da abertura (html.op-past), como o radio ja fazia. Acima da barra, do som (.wsnd) e do aviso de privacidade.
   ===================================================================== */
:root{--fila-s:46px;--fila-g:10px;--fila-r:max(22px,env(safe-area-inset-right,0px));--fila-top:calc(54svh - (3 * var(--fila-s) + 2 * var(--fila-g)) / 2)}
@media(max-width:899px){:root{--fila-s:44px;--fila-g:8px;--fila-r:max(8px,env(safe-area-inset-right,0px))}}
.fila-av,html.v2 .help,html.v2 .rwf:not(.aberta){transition:opacity .4s ease,visibility .4s}
/* posicao dos 3 lugares: 0 radio, 1 IA, 2 avatar */
html.v2 .rwf:not(.aberta){left:auto!important;right:var(--fila-r)!important;bottom:auto!important;top:var(--fila-top)!important;width:var(--fila-s);height:var(--fila-s);z-index:244}
html.v2 .help{position:fixed!important;left:auto!important;right:var(--fila-r)!important;bottom:auto!important;top:calc(var(--fila-top) + var(--fila-s) + var(--fila-g))!important;width:var(--fila-s);height:var(--fila-s);display:block;z-index:244}
.fila-av{position:fixed;right:var(--fila-r);top:calc(var(--fila-top) + 2 * (var(--fila-s) + var(--fila-g)));width:var(--fila-s);height:var(--fila-s);z-index:244}
html.v2 .help.hide{display:none}
/* so depois da abertura (e se o movimento reduzido tirou a abertura, aparecem direto) */
html.v2:not(.op-past):not(.op-rm) .help,html.v2:not(.op-past):not(.op-rm) .fila-av{opacity:0;visibility:hidden;pointer-events:none}
html.v2.op-rm .rwf.intro:not(.aberta){opacity:1;visibility:visible;pointer-events:auto}
/* no celular, sobre o palco do jogo a fila some (como a IA ja fazia); com o mapa aberto tambem */
html.fila-stage .fila-av,html.fila-stage .rwf:not(.aberta),html.mw-open .fila-av,html.mw-open .rwf:not(.aberta){opacity:0;visibility:hidden;pointer-events:none}
/* IA: botao redondo (sem o texto; o rotulo acessivel continua no aria-label) */
html.v2 .help .help-btn,html.v2 .help.compact .help-btn,html.v2 .help.top .help-btn{width:var(--fila-s);height:var(--fila-s);min-height:0;padding:0;justify-content:center;gap:0;opacity:1;visibility:visible;pointer-events:auto;border:1px solid var(--v2-gold);background:rgba(11,11,12,.92)}
html.v2 .help .help-btn .help-lab{display:none}
html.v2 .help .help-btn .help-ic{width:calc(var(--fila-s) - 8px);height:calc(var(--fila-s) - 8px)}
html.v2 .help .help-btn .help-ic img{width:70%}
html.v2 .help .help-btn:focus-visible,html.v2 .rwf-mini:focus-visible,.fila-b:focus-visible{outline:2px solid #fff;outline-offset:2px}
html.v2 .rwf-mini{width:var(--fila-s);height:var(--fila-s)}
/* painel da IA: abre ao lado da fila (nao fica preso ao botao) */
html.v2 .help-panel{position:fixed;right:calc(var(--fila-r) + var(--fila-s) + 14px);left:auto;top:auto;bottom:96px;max-height:calc(100svh - 120px);overflow:auto}
@media(max-width:899px){html.v2 .help-panel{right:14px;bottom:calc(var(--bar-h) + 22px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - var(--bar-h) - 90px)}}
/* avatar */
.fila-b{display:grid;place-items:center;width:var(--fila-s);height:var(--fila-s);padding:0;border-radius:50%;border:1px solid var(--v2-gold);background:#000;cursor:pointer;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.55)}
.fila-b img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
/* brilho: anel dourado suave, devagar, um atras do outro; o radio ligado fica verde (como a fita) */
@keyframes fila-ring{0%,100%{box-shadow:0 0 0 0 rgba(var(--fr,233,207,142),0),0 0 10px 1px rgba(var(--fr,233,207,142),.28),0 8px 24px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 5px rgba(var(--fr,233,207,142),.13),0 0 22px 4px rgba(var(--fr,233,207,142),.5),0 8px 24px rgba(0,0,0,.55)}}
html.v2 .rwf:not(.aberta) .rwf-mini,html.v2 .help .help-btn,.fila-b{animation:fila-ring 3.8s ease-in-out infinite}
html.v2 .help .help-btn{animation-delay:.6s}
.fila-b{animation-delay:1.2s}
html.v2 .rwf.no-ar{--fr:124,255,79}
html.v2 .rwf:not(.aberta) .rwf-mini::before{animation:none;opacity:0}
/* o icone do radio pisca de leve, so uma vez a cada 9 s (curto) */
@keyframes fila-pisca{0%,84%,100%{opacity:1}86%{opacity:.25}88%{opacity:1}90%{opacity:.3}93%{opacity:1}}
html.v2 .rwf:not(.aberta) .rwf-mini svg{animation:fila-pisca 9s linear 3s infinite}
@media(prefers-reduced-motion:reduce){
  html.v2 .rwf:not(.aberta) .rwf-mini,html.v2 .help .help-btn,.fila-b{animation:none!important;box-shadow:0 0 12px 2px rgba(var(--fr,233,207,142),.3),0 8px 24px rgba(0,0,0,.55)}
  html.v2 .rwf:not(.aberta) .rwf-mini svg{animation:none!important}
  .fila-av,html.v2 .help,html.v2 .rwf:not(.aberta){transition:none}
}

/* ===== AVATAR WETTO (tela cheia da selfie com a arte; js/avatar.js) ===== */
.avx{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;background:#070707;color:var(--v2-off);font-family:var(--v2-sans)}
.avx[hidden]{display:none}
.avx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;border-bottom:1px solid var(--v2-hair)}
.avx .avx-top h2{margin:0;font:600 18px/1.2 var(--v2-sans);letter-spacing:.02em;color:var(--v2-gold-hi)}
.avx-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--v2-hair2);background:none;color:var(--v2-off);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.avx-x:hover{border-color:var(--v2-gold)}
.avx-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px 0;-webkit-overflow-scrolling:touch}
.avx-wrap{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;min-height:100%}
.avx-start{display:flex;flex-direction:column;gap:14px;padding-top:6vh}
.avx-lead{margin:0;font:500 18px/1.45 var(--v2-sans)}
.avx-acts{display:grid;gap:10px}
.avx-note{margin:0;font:500 13px/1.45 var(--v2-sans);color:var(--v2-mute)}
.avx-msg{margin:0;padding:12px 14px;border:1px solid var(--v2-hair2);border-radius:12px;font:500 14px/1.45 var(--v2-sans);color:var(--v2-off);background:rgba(255,255,255,.04)}
.avx-msg.warn{border-color:rgba(233,207,142,.55)}
.avx-msg[hidden],.avx [hidden]{display:none!important}
.avx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--v2-hair2);background:transparent;color:var(--v2-off);font:600 14px/1 var(--v2-sans);letter-spacing:.03em;cursor:pointer;text-decoration:none}
.avx-btn:hover{border-color:var(--v2-gold)}
.avx-btn.gold{background:var(--v2-gold);border-color:var(--v2-gold);color:#0a0a0a}
.avx-btn.gold:hover{background:var(--v2-gold-hi)}
.avx-btn.sm{min-height:44px;padding:0 16px;flex:1 1 0}
.avx-btn:disabled,.avx-shoot:disabled{opacity:.55;cursor:default}
.avx-btn:focus-visible,.avx-chip:focus-visible,.avx-x:focus-visible,.avx-shoot:focus-visible,.avx-foot a:focus-visible,.avx-stage:focus-visible,.avx-zoom input:focus-visible{outline:2px solid var(--v2-gold-hi);outline-offset:2px}
.avx-work{display:flex;flex-direction:column;gap:12px}
.avx-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.avx-stage{position:relative;width:min(100%,calc((100vh - 400px) * var(--ar)));width:min(100%,calc((100dvh - 400px) * var(--ar)));min-width:240px;aspect-ratio:var(--ar);margin:0 auto;background:#000;border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid var(--v2-hair2)}
.avx-stage.drag{cursor:grabbing}
.avx-stage[tabindex="0"]{cursor:grab}
.avx-stage video,.avx-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.avx-stage video{object-fit:cover;transform:scaleX(-1)}
.avx-stage.rear video{transform:none}
.avx-stage #avxArt{pointer-events:none}
.avx-circle{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(255,255,255,.65);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.avx-count{position:absolute;inset:0;display:grid;place-items:center;font:700 min(34vw,160px)/1 var(--v2-sans);color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.8);pointer-events:none}
.avx-hint{margin:0;text-align:center;font:500 13px/1.4 var(--v2-sans);color:var(--v2-mute)}
.avx-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.avx-lab{font:600 12px/1 var(--v2-sans);color:var(--v2-mute);margin-right:4px}
.avx-chip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--v2-hair2);background:transparent;color:var(--v2-off);font:600 13px/1 var(--v2-sans);cursor:pointer;flex:1 1 auto}
.avx-chip:hover{border-color:var(--v2-gold)}
.avx-row.f4{display:grid;grid-template-columns:repeat(2,1fr)}
.avx-chip.on{background:rgba(200,161,90,.18);border-color:var(--v2-gold);color:var(--v2-gold-hi)}
.avx-camctl,.avx-editctl{display:flex;flex-direction:column;gap:12px}
.avx-camctl{align-items:stretch}
.avx-shoot{min-height:64px;border-radius:999px;border:3px solid #fff;background:var(--v2-gold);color:#0a0a0a;font:700 17px/1 var(--v2-sans);letter-spacing:.04em;cursor:pointer}
.avx-shoot:hover{background:var(--v2-gold-hi)}
.avx-zoom{display:flex;align-items:center;gap:12px;font:600 13px/1 var(--v2-sans);color:var(--v2-off);min-height:44px}
.avx-zoom input{flex:1;min-width:0;height:44px;accent-color:var(--v2-gold)}
.avx-out{display:flex;gap:10px;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(to top,#070707 70%,rgba(7,7,7,0));z-index:2}
.avx-out .avx-btn{flex:1 1 0}
.avx-tip{margin:0;font:500 13px/1.5 var(--v2-sans);color:var(--v2-off);text-align:center;padding-bottom:6px}
.avx-live{margin:0;min-height:0;font:500 13px/1.4 var(--v2-sans);color:var(--v2-gold-hi);text-align:center}
.avx-live:empty{display:none}
.avx-foot{padding:6px 16px calc(10px + env(safe-area-inset-bottom,0px));text-align:center;border-top:1px solid var(--v2-hair)}
.avx-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:500 13px/1 var(--v2-sans);color:var(--v2-gold-hi);text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){
  .avx-wrap{max-width:1040px}
  .avx-start{max-width:560px;margin:0 auto;padding-top:10vh}
  .avx-work{flex-direction:row;align-items:flex-start;gap:28px}
  .avx-colstage{flex:1 1 56%}
  .avx-ctl{flex:1 1 40%;padding-top:4px}
  .avx-stage{width:min(100%,calc((100vh - 250px) * var(--ar)));width:min(100%,calc((100dvh - 250px) * var(--ar)))}
  .avx-out{position:static;background:none;padding:6px 0}
}
@media (prefers-reduced-motion:no-preference){
  .avx:not([hidden]){animation:avx-in .2s ease both}
  .avx-count{animation:avx-pop .9s ease-out both}
}
@keyframes avx-in{from{opacity:0}to{opacity:1}}
@keyframes avx-pop{from{transform:scale(1.25);opacity:.2}to{transform:none;opacity:1}}
/* fim AVATAR WETTO */

/* 26/10/2026: aviso "Tocar a musica" no palco do jogo (so aparece se o navegador barrar o som; nunca e botao de mudo) */
.mnote{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;border-radius:999px;border:1px solid rgba(233,207,142,.55);background:rgba(7,7,7,.88);color:#ECE8E1;font:500 13px/1.25 var(--v2-sans,system-ui,sans-serif);box-shadow:0 8px 30px rgba(0,0,0,.6)}
.mnote[hidden]{display:none}
.mnote button{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--v2-gold-hi,#e9cf8e);color:#111;font:600 13px/1 var(--v2-sans,system-ui,sans-serif);cursor:pointer}
.mnote button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:420px){.mnote{flex-direction:column;align-items:stretch;border-radius:18px;text-align:center;padding:10px 12px}}
/* painel da constelacao no computador: fixo na janela (antes ficava "absolute" a 340px do topo da secao alta e abria fora da tela) */
@media(min-width:900px){.mw-panel{position:fixed;top:96px;bottom:auto;max-height:calc(100svh - 96px - 110px);overflow:auto}}

/* =====================================================================
   r26/r27: DICA "ROLE A TELA" (v2/js/dica-rolar.js). Aviso fixo que aparece e some devagar na abertura, para quem nao sabe que o site continua para baixo.
   Celular (hover:none + pointer:coarse): dedo subindo, "Deslize o dedo para cima". Computador: mouse com a rodinha e setas, "Role a tela para baixo".
   Fica fora do caminho de tudo: acima da barra inferior no computador; no celular sobe para o peito da foto (acima da logo e dos botoes de baixo).
   Some de vez no primeiro movimento de rolagem (JS), com fade. Respeita movimento reduzido (so um fade lento, icone parado).
   ===================================================================== */
.dica{position:fixed;left:0;right:0;z-index:1100;display:flex;justify-content:center;padding:0 14px;box-sizing:border-box;pointer-events:none;
  bottom:calc(var(--bar-h,62px) + 262px + var(--dica-lift,0px) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}
.dica.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease,transform .7s ease,visibility 0s}
@media(max-width:899px) and (max-height:600px){.dica{bottom:calc(var(--bar-h,62px) + 22px + var(--dica-lift,0px) + env(safe-area-inset-bottom,0px))}}
@media(min-width:900px){.dica{bottom:calc(18px + 58px + 22px + var(--dica-lift,0px) + env(safe-area-inset-bottom,0px))}}
.dica-b{pointer-events:auto;display:flex;align-items:center;gap:16px;min-height:84px;max-width:min(100%,470px);box-sizing:border-box;margin:0;padding:10px 26px 10px 18px;border-radius:999px;
  border:2px solid rgba(233,207,142,.95);background:rgba(6,6,6,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 12px 38px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6),0 0 26px 2px rgba(233,207,142,.45);
  color:#fff;font-family:var(--v2-sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:dicaPulse 2.2s ease-in-out infinite,dicaGlow 2.2s ease-in-out infinite}
.dica-b:hover{border-color:#F6E3AE;background:rgba(6,6,6,.98)}
.dica-b:focus-visible{outline:3px solid var(--v2-gold-hi,#E9CF8E);outline-offset:4px}
.dica-ic{flex:none;display:block;color:var(--v2-gold-hi,#F1D894)}
.dica-ic svg{display:block;width:100%;height:100%;overflow:visible}
.dica-ic svg *{stroke-width:2.6}
.dica-ic-m{width:44px;height:68px}
.dica-ic-d{width:36px;height:68px}
.dica-tx{display:flex;flex-direction:column;gap:5px;min-width:0}
.dica-tx b{font-weight:700;font-size:18px;line-height:1.2;letter-spacing:.01em;color:#fff}
.dica-tx small{font-weight:500;font-size:16px;line-height:1.3;color:#EFE9DB}
@media(min-width:900px){.dica-tx b{font-size:20px}.dica-tx small{font-size:17px}}
/* uma variante por tipo de aparelho */
.dica .dm{display:none}
@media (hover:none) and (pointer:coarse){.dica .dm{display:block}.dica .dd{display:none}}
/* o fio de luz antigo da abertura (.op-cue) fica escondido enquanto a dica esta na tela */
html.dica-on .op-cue{visibility:hidden!important}
/* gestos animados (2,2 s por ciclo, mesmo ritmo do pulsar do aviso) */
.dica-hand{animation:dicaSwipe 2.2s ease-in-out infinite}
.dica-up path{animation:dicaUp 2.2s ease-in-out infinite}
.dica-up path:nth-child(2){animation-delay:.18s}
.dica-wheel{animation:dicaWheel 2.2s ease-in-out infinite}
.dica-dn path{animation:dicaDown 2.2s ease-in-out infinite}
.dica-dn path:nth-child(2){animation-delay:.2s}
.dica-dn path:nth-child(3){animation-delay:.4s}
@keyframes dicaPulse{0%{opacity:.55}35%{opacity:1}70%{opacity:1}100%{opacity:.55}}
@keyframes dicaGlow{0%,100%{box-shadow:0 12px 38px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6),0 0 14px 0 rgba(233,207,142,.25)}45%{box-shadow:0 12px 38px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6),0 0 38px 8px rgba(233,207,142,.65)}}
@keyframes dicaSwipe{0%{transform:translateY(14px);opacity:.2}25%{opacity:1}75%{transform:translateY(-10px);opacity:1}100%{transform:translateY(-10px);opacity:.2}}
@keyframes dicaUp{0%,15%{opacity:0;transform:translateY(8px)}55%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
@keyframes dicaWheel{0%,10%{transform:translateY(0);opacity:1}60%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes dicaDown{0%,10%{opacity:0;transform:translateY(-6px)}50%{opacity:1;transform:none}100%{opacity:0;transform:translateY(6px)}}
@keyframes dicaSlow{0%,100%{opacity:.75}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .dica,.dica.on{transform:none;transition:opacity 1.2s ease,visibility 0s}
  .dica-b{animation:dicaSlow 4.4s ease-in-out infinite;box-shadow:0 12px 38px rgba(0,0,0,.7),0 0 26px 3px rgba(233,207,142,.5)}
  .dica-hand,.dica-up path,.dica-wheel,.dica-dn path{animation:none;opacity:1;transform:none}
  .dica-up path:nth-child(2),.dica-dn path:nth-child(2),.dica-dn path:nth-child(3){opacity:.6}
}