/* PYD0_001_PORTFOLIO_SITE | site.css */
/* fontes (arquivos na propria VPS, em static/fonts/) */
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/nunito-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/open-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/open-sans-latin-600-normal.woff2) format("woff2")}
:root{
  --l1:#F1ECFA;--l2:#DCD0F3;--l3:#B9A6E6;--l4:#9F86D8;--l5:#6B4FB3;--l6:#3B2870;
  --preto:#0A0A0A;--preto2:#161616;--fundo:#FAFAFA;--branco:#fff;--cinza:#6F6A78;--linha:#E4DEEE;
  --verde:#25D366;
  --t:"Nunito","Segoe UI",system-ui,sans-serif;
  --b:"Open Sans","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--fundo);color:var(--preto);font-family:var(--b);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;font-size:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--l5);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.sec{padding:80px 0}
@media(min-width:900px){.sec{padding:120px 0}}
.kick{font-family:var(--t);font-weight:800;font-size:19.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--l5);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.kick.kick-lg{font-size:19.8px}
.h2{font-family:var(--t);font-weight:900;font-size:clamp(34px,7vw,64px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px}
.lead{max-width:36em;color:#4A4553;margin:0 0 14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:60px;padding:16px 26px;font-family:var(--t);font-weight:800;font-size:16px;transition:transform .25s cubic-bezier(.3,.7,.4,1),background .2s,box-shadow .2s;will-change:transform}
.btn svg{width:20px;height:20px}
.btn.wa{background:var(--verde);color:#06331a;box-shadow:0 14px 30px -14px rgba(37,211,102,.8)}
.btn.dk{background:var(--preto);color:#fff}
.btn.lt{background:#fff;color:var(--preto);box-shadow:0 10px 30px -18px rgba(59,40,112,.6)}
.btn.ol{background:transparent;color:var(--preto);border:2px solid var(--preto)}
.btn:active{transform:scale(.96)}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* ===== Efeitos de entrada no computador (fxd) ===== */
.fxd .hero h1.typing .w span{transform:none;transition:none}
.hero h1 .ch{font-style:normal}
.fxd .hero h1 .ch{opacity:0}
.fxd .hero h1 .ch.v{opacity:1}
.hero h1 .caret{display:inline-block;width:.07em;height:.82em;margin-left:.03em;margin-right:-.1em;background:var(--l5);vertical-align:-.04em;animation:blk 1s steps(2) infinite}
.hero h1 .caret.end{animation:none;opacity:0;transition:opacity .4s}
.fxd #reel.rv{opacity:1;transform:none;transition:none}
.fxd #grid .vc.rv{opacity:1;transform:none}
.fxd #grid .vc.rv::after{content:"";position:absolute;inset:-1px;z-index:6;background:var(--fundo);transform-origin:top;transform:scaleY(1);transition:transform 1s cubic-bezier(.7,0,.2,1);pointer-events:none}
.fxd #grid .vc.rv.in::after{transform:scaleY(0)}
.fxd #grid .vc.rv.d1::after{transition-delay:.15s}.fxd #grid .vc.rv.d2::after{transition-delay:.3s}.fxd #grid .vc.rv.d3::after{transition-delay:.45s}
.fxd #track.rv{opacity:1;transform:none}
.fxd #track.rv .seg{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.7,0,.2,1),filter .3s,opacity .3s}
.fxd #track.rv.in .seg{clip-path:inset(0 0 0 0)}
.fxd #track.rv.in .seg.s2{transition-delay:.45s,0s,0s}.fxd #track.rv.in .seg.s3{transition-delay:.9s,0s,0s}
.fxd #track.rv .head{opacity:0;transition:opacity .4s 1.5s}.fxd #track.rv.in .head{opacity:1}
.fxd #cg{perspective:1400px}
.fxd #cg .cc.rv{opacity:0;transform:rotateY(-78deg) translateX(-30px);transform-origin:left center;transition:opacity .5s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.fxd #cg .cc.rv.in{opacity:1;transform:none}
.fxd #cg .cc.rv.d1{transition-delay:.2s}.fxd #cg .cc.rv.d2{transition-delay:.4s}
.fxd #cg .cc.cx.rv.in.tilt{transition:transform .12s ease-out,box-shadow .3s;transition-delay:0s}
.fxd .st::before{transform:scaleX(0);transform-origin:left;transition:transform .7s ease-out}
.fxd .st.in::before{transform:scaleX(1)}
.fxd .st h4,.fxd .st p,.fxd .st .mini{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.fxd .st.in h4,.fxd .st.in p,.fxd .st.in .mini{opacity:1;transform:none}
.fxd .st.in::before{transition-delay:inherit}
.fxd .fm.rv{transform:translateX(-120px) rotate(-2deg);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.fxd #gal.rv,.fxd #dp.rv{transform:translateX(120px) rotate(2deg);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.fxd .fm.rv.in,.fxd #gal.rv.in,.fxd #dp.rv.in{transform:none}
.fxd .ct-in{transform:scale(.9);opacity:.001;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .9s}
.fxd .ct-in.in{transform:none;opacity:1}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}


/* timeline progress */
.tl{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;background:transparent}
.tl i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--l4),var(--l5),var(--l3))}

/* nav */
.nav{position:sticky;top:0;z-index:100;background:rgba(250,250,250,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linha);padding-top:env(safe-area-inset-top,0px)}
.nav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 20px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--t);font-weight:900;font-size:18px;margin-right:auto}
.logo b{width:36px;height:36px;border-radius:11px;background:var(--preto);color:var(--l3);display:grid;place-items:center;font-size:14px;letter-spacing:.02em}
.tc{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--l5);background:var(--l1);padding:4px 9px;border-radius:8px;display:none}
@media(min-width:700px){.tc{display:inline-block}}
.nav-l{display:none;gap:24px;font-family:var(--t);font-weight:700;font-size:15px}
.nav-l a{position:relative}
.nav-l a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--l5);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-l a:hover::after{transform:scaleX(1)}
@media(min-width:960px){.nav-l{display:flex}}
.nav .btn{padding:10px 18px;font-size:14px}
.nav .btn.wa{display:none}
@media(min-width:600px){.nav .btn.wa{display:inline-flex}}
.burger{width:42px;height:42px;border-radius:12px;border:1px solid var(--linha);background:#fff;display:grid;place-items:center}
.burger svg{width:22px;height:22px}
@media(min-width:960px){.burger{display:none}}
.mnu{position:fixed;inset:0;z-index:150;background:var(--preto);color:#fff;display:flex;flex-direction:column;padding:calc(80px + env(safe-area-inset-top,0px)) 28px 40px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.mnu.on{transform:none}
.mnu a{font-family:var(--t);font-weight:900;font-size:40px;line-height:1.25;opacity:0;transform:translateY(20px);transition:.4s}
.mnu.on a{opacity:1;transform:none}
.mnu a:nth-child(2){transition-delay:.05s}.mnu a:nth-child(3){transition-delay:.1s}.mnu a:nth-child(4){transition-delay:.15s}.mnu a:nth-child(5){transition-delay:.2s}
.mnu .x{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:20px;width:46px;height:46px;border-radius:50%;border:1px solid #333;background:none;color:#fff;font-size:20px}
.mnu .btn{margin-top:auto}

/* hero */
.hero{background:var(--l4);color:var(--preto);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,var(--l3),transparent 65%);right:-200px;top:-200px}
.hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(59,40,112,.45),transparent 65%);left:-160px;bottom:-200px}
.hero-in{position:relative;z-index:2;display:grid;gap:40px;padding-top:44px;padding-bottom:64px}
@media(min-width:960px){.hero-in{grid-template-columns:1.15fr .85fr;align-items:center;padding-top:32px;padding-bottom:40px}}
/* titulo do Hero em ES (mais longo) sempre em 3 linhas no computador: no maximo 94px, acompanha a largura da coluna */
@media(min-width:960px){html[lang="es"] .hero h1{font-size:min(94px,calc((100vw - 80px) * .083))}}
.tag{display:inline-flex;align-items:center;gap:8px;background:var(--preto);color:#fff;font-family:var(--t);font-weight:700;font-size:13px;padding:7px 14px;border-radius:40px;margin-bottom:22px}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 0 rgba(37,211,102,.7);animation:pls 1.8s infinite}
@keyframes pls{70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero h1{font-family:var(--t);font-weight:900;font-size:clamp(44px,11vw,98px);line-height:.95;letter-spacing:-.035em;margin:0 0 22px;min-height:3.03em}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.hero h1 .w span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.hero h1.go .w span{transform:none}
.hero h1 em{font-style:normal;color:#fff;position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;background:var(--preto);transform:scaleX(0);transform-origin:left;transition:transform .8s 1s cubic-bezier(.2,.8,.2,1)}
.hero h1.go em::after{transform:scaleX(1)}
.hero .lead{color:#000;font-size:20.4px}
@media(max-width:600px){.hero .lead{font-size:20px}}
.hero-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.langs{display:flex;align-items:center;gap:10px;margin-top:26px;font-family:var(--t);font-weight:700;font-size:14px}
.flag{display:inline-block;vertical-align:middle;width:28px;height:20px;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);flex:none}
.flag svg{width:100%;height:100%}
/* bandeiras do Hero (trocam o idioma, mesmo comportamento do topo) */
.hlng{display:inline-flex;align-items:center;gap:4px}
.hlng button{display:grid;place-items:center;border:none;background:none;padding:3px;border-radius:8px;cursor:pointer;opacity:.6;filter:grayscale(.3);transition:opacity .2s,filter .2s,background .2s,transform .15s}
.hlng button[aria-pressed="true"]{opacity:1;filter:none;background:rgba(255,255,255,.35)}
@media(hover:hover){.hlng button:hover{opacity:.9;filter:none;transform:translateY(-2px)}}
.hlng button:active{transform:scale(.9)}

/* editor frame */
.frame{position:relative;width:min(100%,400px);margin:0 auto}
.scr{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:var(--l6);box-shadow:0 40px 80px -30px rgba(20,10,50,.7);transform:rotate(1.5deg);transition:transform .5s}
.frame:hover .scr{transform:rotate(0)}
.scr img{width:100%;height:100%;object-fit:cover}
.scr img.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.scr img.hs.on{opacity:1}
.scr .fb{position:absolute;inset:0;display:none;place-items:center;font-family:var(--t);font-weight:900;font-size:110px;color:var(--l3);background:linear-gradient(135deg,var(--l6),var(--l5))}
.scr.fail .fb{display:grid}.scr.fail img{display:none}
.ov{position:absolute;inset:0;pointer-events:none}
.corner{position:absolute;width:26px;height:26px;border-color:rgba(255,255,255,.85);border-style:solid}
.c1{top:16px;left:16px;border-width:2px 0 0 2px}.c2{top:16px;right:16px;border-width:2px 2px 0 0}.c3{bottom:16px;left:16px;border-width:0 0 2px 2px}.c4{bottom:16px;right:16px;border-width:0 2px 2px 0}
.rec{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.55);color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:4px 10px;border-radius:20px}
.rec i{width:8px;height:8px;border-radius:50%;background:#FF3B3B;animation:blk 1s steps(2) infinite}
@keyframes blk{50%{opacity:0}}
.cap{position:absolute;left:0;right:0;bottom:80px;text-align:center;font-family:var(--t);font-weight:900;font-size:24px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);text-transform:uppercase;padding:0 20px}
.cap b{color:var(--l3);background:var(--preto);padding:0 8px;border-radius:6px}
.wave{position:absolute;left:78px;right:22px;bottom:26px;height:34px;display:flex;align-items:center;gap:3px}
.scr .wave{transition:left .35s cubic-bezier(.3,.7,.4,1)}
.scr.mus-on .wave{left:164px}
.mus-vol{position:absolute;left:78px;bottom:34px;width:74px;height:22px;margin:0;margin-bottom:-2px;padding:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s;z-index:2;cursor:pointer;touch-action:none;transform-origin:left center}
.scr.mus-on .mus-vol{opacity:1;transform:none;pointer-events:auto}
.mus-vol:focus{outline:none}
.mus-vol::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--l3) 0,var(--l3) var(--vp,100%),rgba(255,255,255,.35) var(--vp,100%),rgba(255,255,255,.35) 100%)}
.mus-vol::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.35)}
.mus-vol::-moz-range-progress{height:4px;border-radius:4px;background:var(--l3)}
.mus-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;margin-top:-5px;box-shadow:0 2px 6px rgba(0,0,0,.45);border:none}
.mus-vol::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.45);border:none}
.mus-vol:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(185,166,230,.6)}
.wave.live i{animation:none;transition:height .09s linear}
.mus{position:absolute;left:28px;bottom:24px;width:40px;height:40px;border-radius:50%;border:none;padding:0;background:#fff;color:var(--preto);display:grid;place-items:center;cursor:pointer;pointer-events:auto;box-shadow:0 8px 20px -6px rgba(0,0,0,.55);transition:transform .25s cubic-bezier(.3,.7,.4,1),background .2s,opacity .2s;z-index:2}
.mus svg{width:16px;height:16px}
.mus .i-pa{display:none}.mus.on .i-pl{display:none}.mus.on .i-pa{display:block}
.mus .i-pl{margin-left:2px}
@media(hover:hover){.mus:hover{transform:scale(1.12);background:var(--l3)}}
.mus:focus-visible{transform:scale(1.12);background:var(--l3)}
.mus.on{background:var(--l3)}
.mus.dim{opacity:.55}
.mus.pulse::before,.mus.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--l3);animation:mpl 2.2s ease-out infinite;pointer-events:none}
.mus.pulse::after{animation-delay:1.1s}
@keyframes mpl{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.mus-tip{position:absolute;left:0;bottom:calc(100% + 10px);white-space:nowrap;background:rgba(0,0,0,.72);color:#fff;font-family:var(--t);font-weight:800;font-size:12px;padding:5px 10px;border-radius:20px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
@media(hover:hover){.mus:hover .mus-tip{opacity:1;transform:none}}
.mus:focus-visible .mus-tip{opacity:1;transform:none}
.wave i{flex:1;background:rgba(255,255,255,.85);border-radius:3px;height:30%;animation:wv 1.2s ease-in-out infinite}
@keyframes wv{50%{height:100%}}
.float{position:absolute;background:#fff;border-radius:14px;padding:9px 13px;font-family:var(--t);font-weight:800;font-size:13px;box-shadow:0 18px 36px -18px rgba(20,10,50,.6);display:flex;align-items:center;gap:8px;animation:flt 5s ease-in-out infinite}
.float i{width:10px;height:10px;border-radius:3px}
.f1{left:-14px;top:18%}.f2{right:-12px;top:46%;animation-delay:-1.6s}
@keyframes flt{50%{transform:translateY(-10px)}}
@media(max-width:480px){.f1{left:-6px}.f2{right:-6px}}
/* botao WhatsApp do Hero: texto curto so no celular */
.hero-b .wa-sm{display:none}
/* Hero no celular: foto menor no canto superior direito, ao lado do titulo */
@media(max-width:959px){
 .hero-in{grid-template-columns:minmax(0,1fr) 42%;column-gap:14px;row-gap:16px;padding-top:28px;padding-bottom:40px;align-items:start}
 .hero-in>div:first-child{display:contents}
 .hero h1{grid-column:1;grid-row:1;align-self:center;font-size:clamp(30px,8.6vw,48px);margin:0;min-height:0}
 .hero .frame{grid-column:2;grid-row:1;width:100%;margin:0}
 .hero .lead{grid-column:1/-1;margin:0}
 .hero-b{grid-column:1/-1;margin-top:2px;flex-wrap:nowrap;gap:10px}
 .hero-b .btn{flex:0 0 auto;width:195px;padding:14px 16px;font-size:15px;white-space:nowrap}
 .hero-b .wa-lg{display:none}.hero-b .wa-sm{display:inline}
 .hero .langs{display:none}
 .hero .scr{border-radius:18px}
 .hero .scr .corner{width:16px;height:16px}
 .hero .scr .c1{top:10px;left:10px}.hero .scr .c2{top:10px;right:10px}.hero .scr .c3{bottom:10px;left:10px}.hero .scr .c4{bottom:10px;right:10px}
 .hero .scr .rec{top:12px;font-size:9.5px;padding:3px 7px;gap:4px;white-space:nowrap}.hero .scr .rec i{width:6px;height:6px}
 .hero .scr .cap,.hero .scr .wave,.hero .scr .mus-vol,.hero .float{display:none}
 .hero .mus{left:12px;bottom:12px;width:34px;height:34px}.hero .mus svg{width:14px;height:14px}
}
@media(max-width:360px){.hero-b{gap:8px}.hero-b .btn{padding:12px 12px;font-size:14px;gap:8px}}

/* marquee */
.mq{background:var(--preto);color:#fff;overflow:hidden;padding:18px 0;white-space:nowrap}
.mq-t{display:inline-flex;gap:40px;animation:mq 26s linear infinite;font-family:var(--t);font-weight:900;font-size:clamp(22px,4vw,38px);letter-spacing:-.01em}
.mq-t span{display:inline-flex;align-items:center;gap:40px}
.mq-t span::after{content:"";width:14px;height:14px;border-radius:50%;background:var(--l4)}
.mq.lil{background:var(--l2);color:var(--l6)}
.mq.lil .mq-t{animation-direction:reverse;font-size:clamp(18px,3vw,26px)}
.mq.lil .mq-t span::after{background:var(--l5)}
@keyframes mq{to{transform:translateX(-50%)}}

/* showreel */
.reel{background:var(--preto);color:#fff}
.reel .kick{color:var(--l3)}
.reel .lead{color:#bdb6c9}
.reel-v{position:relative;width:100%;max-width:380px;margin:0 auto;border-radius:28px;overflow:hidden;aspect-ratio:9/16;background:linear-gradient(160deg,#6B4FB3,#3B2870);box-shadow:0 40px 80px -40px rgba(159,134,216,.6)}
.reel-v video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.reel-v .pl{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent,rgba(0,0,0,.35));border:none;color:#fff;transition:opacity .3s}
.reel-v.on .pl{opacity:0}
.reel-v.on:hover .pl{opacity:1}
.pbtn{width:96px;height:96px;border-radius:50%;background:var(--l4);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(159,134,216,.6);animation:pls2 2.2s infinite;transition:transform .3s}
.pbtn svg{width:34px;height:34px;margin-left:4px}
.reel-v .pl:hover .pbtn{transform:scale(1.08)}
@keyframes pls2{70%{box-shadow:0 0 0 26px rgba(159,134,216,0)}100%{box-shadow:0 0 0 0 rgba(159,134,216,0)}}
.reel-ov{z-index:2}
.reel-v .rec.reel-rec{left:auto;right:28px;top:28px;transform:none}
.reel-bar{position:absolute;left:28px;right:28px;bottom:46px;height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden}
.reel-bar b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--l3);border-radius:4px}
.reel-tm{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.reel-v::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none;z-index:1}
.reel-v.fail .reel-ov,.reel-v.fail::after{display:none}
.reel-tag{z-index:3}
.reel-tag{position:absolute;left:30px;top:28px;background:var(--l4);color:var(--preto);font-family:var(--t);font-weight:900;font-size:13px;padding:5px 12px;border-radius:30px}

/* portfolio */
.filt{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 30px}
.fb2{border:2px solid var(--preto);background:transparent;color:var(--preto);font-family:var(--t);font-weight:800;font-size:14px;padding:9px 18px;border-radius:40px;transition:.2s}
.fb2[aria-pressed="true"]{background:var(--preto);color:var(--l3)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:20px}}
/* espaco dos 4 cards reservado enquanto o JavaScript monta a grade */
.grid:empty{aspect-ratio:9/16}
@media(min-width:900px){.grid:empty{aspect-ratio:9/4}}
.vc{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--l6);border:none;padding:0;text-align:left;color:#fff;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.3,.7,.4,1),opacity .4s,box-shadow .3s;box-shadow:0 26px 40px -30px rgba(20,10,50,.8)}
.vc.hide{display:none}
.vc video,.vc img.po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vc .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 50%,rgba(0,0,0,.85));z-index:2}
.vc .top{position:absolute;left:12px;right:12px;top:12px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:6px}
.chip{font-family:var(--t);font-weight:800;font-size:11px;padding:4px 10px;border-radius:30px;background:var(--l4);color:var(--preto);white-space:nowrap}
.chip.k{background:rgba(0,0,0,.6);color:#fff}
.vc .top .chip:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.vc .top .chip.k{flex:none}
@media(max-width:899px){.vc .top{left:10px;right:10px;top:10px;gap:4px}.chip{font-size:10.5px;padding:4px 8px}}
@media(max-width:380px){.vc .top{left:8px;right:8px;top:8px}.chip{font-size:10px;padding:3px 7px}}
.vc .bt{position:absolute;left:14px;right:14px;bottom:14px;z-index:3}
.vc .nm{display:block;font-family:var(--t);font-weight:900;font-size:clamp(16px,2.2vw,21px);line-height:1.1;margin-bottom:4px}
.vc .ni{display:block;font-size:12.5px;color:#e5def5}
/* computador: previa de 8s em qualidade boa (sem blur). Celular: video completo */
.vc .sh{border-radius:inherit}
/* botao de play em vidro fosco, sempre visivel (computador e celular) */
.vc .pp{position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;border:1.5px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px -8px rgba(0,0,0,.5);display:grid;place-items:center;transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform .3s,background .3s}
.vc .pp svg{width:22px;height:22px;margin-left:3px;fill:#fff}
@media(hover:hover){.vc:hover .pp{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,.32)}}
.vc:focus-visible .pp{transform:translate(-50%,-50%) scale(1.1)}
@media(hover:none){.vc .pp{width:52px;height:52px;opacity:1;transform:translate(-50%,-50%) scale(1);background:rgba(255,255,255,.22);color:#fff;border:1.5px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px -8px rgba(0,0,0,.5)}.vc .pp svg{width:20px;height:20px;fill:#fff}.vc:active .pp{transform:translate(-50%,-50%) scale(.92)}}
.vc .prog{position:absolute;left:0;bottom:0;height:3px;background:var(--l3);z-index:4;width:0}
.pnote{font-size:13px;color:var(--cinza);margin-top:14px}
/* espaco acima do rotulo PORTFOLIO: celular 45px, computador 48px */
@media(max-width:899px){#portfolio{padding-top:45px}}
@media(min-width:900px){#portfolio{padding-top:48px}}
/* titulo do Portfolio em PT sempre em 1 linha no computador (EN e ES ja cabem) */
@media(min-width:900px){html[lang="pt-BR"] #portfolio .h2{font-size:min(64px,calc((100vw - 40px) / 18))}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:300;background:rgba(10,10,10,.94);display:none;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 12px env(safe-area-inset-bottom,0px)}
.lb.on{display:flex;animation:fi .3s}
@keyframes fi{from{opacity:0}}
.lb-in{position:relative;width:min(100%,440px);display:flex;flex-direction:column;gap:12px}
.lb video{width:100%;max-height:min(74vh,calc(100dvh - 250px));border-radius:20px;background:#000;aspect-ratio:9/16;object-fit:contain}
.lb-h{color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lb-h b{font-family:var(--t);font-weight:900;font-size:22px;line-height:1.15;display:block}
.lb-h span{font-size:13px;color:#b8b0c7}
.lb-x{width:44px;height:44px;border-radius:50%;background:#222;border:none;color:#fff;font-size:18px;flex:none}
.lb-n{display:flex;gap:10px}
.lb-n button{flex:1;border:1px solid #333;background:#161616;color:#fff;border-radius:14px;padding:12px;font-family:var(--t);font-weight:800}
.lb-wa{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 18px;border-radius:16px;background:var(--verde);color:#06331a;font-family:var(--t);font-weight:900;font-size:17px;box-shadow:0 14px 30px -12px rgba(37,211,102,.8);isolation:isolate}
.lb-wa svg{width:22px;height:22px}
.lb-wa::before{content:"";position:absolute;inset:0;border-radius:16px;background:var(--verde);animation:rpb 2.4s infinite;z-index:-1}
@keyframes rpb{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.08,1.35);opacity:0}}
.lb-wa:active{transform:scale(.98)}

/* bruto x editado */
.be{background:var(--l1)}
.ba{position:relative;width:100%;aspect-ratio:9/16;max-width:380px;margin:0 auto;border-radius:26px;overflow:hidden;background:#000;touch-action:pan-y;box-shadow:0 40px 70px -40px rgba(59,40,112,.9)}
@media(min-width:900px){.ba{aspect-ratio:4/5;max-width:440px}}
.ba video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .raw{filter:grayscale(1) contrast(.85) brightness(.9)}
.ba .edw{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.ba .edw video{filter:saturate(1.35) contrast(1.08)}
.ba .kar{position:absolute;left:0;right:0;bottom:22%;text-align:center;font-family:var(--t);font-weight:900;font-size:28px;text-transform:uppercase;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.7);padding:0 18px;line-height:1.1}
.ba .kar span{transition:color .15s,background .15s;padding:0 4px;border-radius:6px}
.ba .kar span.on{background:var(--l4);color:var(--preto)}
.ba .zoom{position:absolute;inset:0;animation:zm 6s ease-in-out infinite}
.ba.real .kar{display:none}.ba.real .zoom{animation:none;transform:none}
@keyframes zm{50%{transform:scale(1.08)}}
.ba .bar{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-1.5px);z-index:5;pointer-events:none}
.ba .kn{position:absolute;top:50%;left:50%;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--l6);transform:translate(-50%,-50%);display:grid;place-items:center;z-index:6;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:7;cursor:ew-resize}
.ba .lab{position:absolute;top:16px;z-index:5;font-family:var(--t);font-weight:800;font-size:12.5px;padding:5px 12px;border-radius:20px;pointer-events:none}
.ba .lab.a{left:14px;background:rgba(0,0,0,.65);color:#fff}.ba .lab.b{right:14px;background:var(--l4);color:var(--preto)}
.be-g{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.be-g{grid-template-columns:1fr 1fr;gap:70px}}
.be-l{list-style:none;padding:0;margin:20px 0 0}
.be-l li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--l2)}
.be-l li b{font-family:var(--t);font-weight:900;color:var(--l5);min-width:26px}

/* anatomia */
.ana{background:var(--preto);color:#fff}
.ana .kick{color:var(--l3)}.ana .lead{color:#bdb6c9}
.ana-g{display:grid;gap:34px;align-items:center}
@media(min-width:900px){.ana-g{grid-template-columns:.9fr 1.1fr;gap:70px}}
.ana-v{position:relative;aspect-ratio:9/16;max-width:360px;margin:0 auto;border-radius:24px;overflow:hidden;background:#111;width:100%}
.ana-v video{width:100%;height:100%;object-fit:cover}
.ana-v .lbl{position:absolute;left:14px;top:14px;background:var(--l4);color:var(--preto);font-family:var(--t);font-weight:900;font-size:13px;padding:5px 12px;border-radius:20px;transition:.3s}
.track{position:relative;height:66px;border-radius:14px;overflow:hidden;display:flex;margin:26px 0 14px;background:#1b1b1b;cursor:pointer}
.seg{height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 14px;font-family:var(--t);font-weight:800;font-size:14px;border:none;color:var(--preto);text-align:left;transition:filter .3s,opacity .3s;opacity:.55}
.seg small{font-family:ui-monospace,monospace;font-weight:400;font-size:11px}
.seg.on{opacity:1}
.seg.s1{background:var(--l3);flex:0 0 20%}.seg.s2{background:var(--l2);flex:1}.seg.s3{background:var(--l4);flex:0 0 22%}
.head{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:0;pointer-events:none;box-shadow:0 0 10px #fff}
.head::before{content:"";position:absolute;top:-2px;left:-6px;border:7px solid transparent;border-top-color:#fff}
.track{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.track.drag{cursor:ew-resize}
.head::after{content:"";position:absolute;bottom:-1px;left:-6px;width:14px;height:14px;border-radius:50%;background:#fff}
.track.drag .head{width:3px}
.ana-times{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:ui-monospace,monospace;font-size:12px;color:#9a93a8;margin:-4px 0 14px}
.ana-times b{color:#fff;font-weight:600}
.ana-ctl{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px;border-radius:40px;background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ana-ctl button{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s}
.ana-ctl button:hover{background:rgba(255,255,255,.14)}
.ana-ctl button:active{transform:scale(.92)}
.ana-ctl button svg{width:20px;height:20px}
.ana-ctl #ana-pp{background:var(--l4);color:var(--preto)}
.ana-info{background:var(--preto2);border:1px solid #262626;border-radius:20px;padding:22px;min-height:150px}
.ana-info b{font-family:var(--t);font-weight:900;font-size:24px;color:var(--l3);display:block;margin-bottom:6px}
.ana-info p{margin:0;color:#cfc8db}
.tcode{font-family:ui-monospace,monospace;color:var(--l3);font-size:13px;margin-bottom:8px}

/* canais */
.can{background:var(--l4)}
.can .kick{color:var(--l6)}
.can .lead{color:#000}
.cg{display:grid;gap:16px;margin-top:34px}
@media(min-width:900px){.cg{grid-template-columns:repeat(3,1fr);gap:22px}}
.cc{background:var(--fundo);border-radius:26px;padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.3,.7,.4,1),box-shadow .3s;box-shadow:0 24px 40px -34px rgba(20,10,50,.9)}
.cc:hover{transform:translateY(-6px)}
.cc-h{display:flex;align-items:center;gap:14px}
.av{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-family:var(--t);font-weight:900;font-size:22px;color:#fff;flex:none;position:relative}
.av::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--l4)}
.cc-h b{font-family:var(--t);font-weight:900;font-size:19px;line-height:1.15;display:block}
.cc-h span{font-size:13px;color:var(--cinza)}
.cc-h .av{font-size:22px;color:#fff}
.cc .fl{position:absolute;top:20px;right:20px}
.cc p{margin:0;font-size:14.5px;color:#403b4a;flex:1}
.cc .tags{display:flex;flex-wrap:wrap;gap:6px}
.cc .tags span{font-size:12px;background:var(--l1);color:var(--l6);padding:4px 10px;border-radius:20px;font-weight:600}
.cc .btn{width:100%;padding:14px}
/* Canais: versão expressiva */
.cc.cx{background:linear-gradient(155deg,color-mix(in srgb,var(--cc) 72%,#160c33) 0%,color-mix(in srgb,var(--cc) 38%,#0A0A0A) 100%);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 30px 50px -30px color-mix(in srgb,var(--cc) 80%,#000);isolation:isolate;transform-style:preserve-3d}
.cc.cx::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.22),transparent 55%);z-index:-1;pointer-events:none}
.cc.cx .stamp{position:absolute;right:-26px;bottom:62px;transform:rotate(-14deg);opacity:.2;z-index:-1;transition:opacity .35s,transform .35s;pointer-events:none}
.cc.cx .stamp .flag{width:190px;height:136px;border-radius:14px;box-shadow:none}
.cc.cx:hover .stamp{opacity:.34;transform:rotate(-10deg) scale(1.05)}
.cc.cx .fl .flag{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 6px 14px rgba(0,0,0,.35)}
.cc.cx .cc-h span{color:rgba(255,255,255,.72)}
.cc.cx .av{box-shadow:0 0 0 3px rgba(255,255,255,.9)}
.cc.cx .av::after{border-color:rgba(255,255,255,.35)}
.cc.cx .cc-h>div{padding-right:38px;min-width:0}
.cc.cx .cc-h b{overflow-wrap:anywhere}
.cx-n{font-family:var(--t);font-weight:900;font-size:clamp(22px,2.3vw,27px);line-height:1.1;letter-spacing:-.01em}
.cx-n small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:6px}
.cc.cx p{color:rgba(255,255,255,.86)}
.cc.cx .tags span{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22)}
.cc.cx .btn.dk{background:#fff;color:var(--preto)}
.cc .hob{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--t);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:20px;background:rgba(255,255,255,.14);border:1px dashed rgba(255,255,255,.5);color:#fff;margin:-2px 0 -6px}
.cc .hob::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.cc.cx.tilt{transition:transform .12s ease-out,box-shadow .3s}
.yt{width:20px;height:20px}
.langs2{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-family:var(--t);font-weight:800}
.langs2 div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.55);padding:10px 16px;border-radius:40px}

/* ferramentas / processo */
.tools-g{display:grid;gap:14px;margin-top:30px}
@media(min-width:760px){.tools-g{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.tools-g{grid-template-columns:repeat(4,1fr)}}
.tg{background:#fff;border:1px solid var(--linha);border-radius:22px;padding:22px;transition:transform .3s,border-color .3s}
.tg:hover{transform:translateY(-4px);border-color:var(--l4)}
.tg .ic{width:46px;height:46px;border-radius:14px;background:var(--l1);display:grid;place-items:center;color:var(--l5);margin-bottom:14px}
.tg .ic svg{width:24px;height:24px}
.tg h4{font-family:var(--t);font-weight:900;font-size:19px;margin:0 0 10px}
.tg .tl2{display:flex;flex-wrap:wrap;gap:6px}
.tg .tl2 span{font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;background:var(--preto);color:#fff}
.flow{margin-top:60px;position:relative}
.flow h3{font-family:var(--t);font-weight:900;font-size:clamp(26px,4.5vw,40px);margin:0 0 26px;line-height:1.1}
.steps{display:grid;gap:0;position:relative}
@media(min-width:900px){.steps{grid-template-columns:repeat(5,1fr)}}
.st{position:relative;padding:0 0 30px 44px}
@media(min-width:900px){.st{padding:48px 16px 0 0}}
.st::before{content:"";position:absolute;left:14px;top:34px;bottom:0;width:2px;background:var(--l2)}
@media(min-width:900px){.st::before{left:34px;right:0;top:14px;bottom:auto;width:auto;height:2px}}
.st:last-child::before{display:none}
.st .dt{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--l4);color:var(--preto);display:grid;place-items:center;font-family:var(--t);font-weight:900;font-size:14px;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.st.in .dt{transform:scale(1)}
.st h4{font-family:var(--t);font-weight:900;font-size:18px;margin:0 0 4px}
.st p{margin:0 0 8px;font-size:14px;color:#4A4553}
.st .mini{display:flex;flex-wrap:wrap;gap:5px}
.st .mini span{font-size:11.5px;font-weight:600;background:var(--l1);color:var(--l6);padding:3px 9px;border-radius:14px}

/* numeros */
.nums{background:var(--preto);color:#fff;padding:60px 0}
.ng{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:899px){.ng>div:nth-child(3):last-child{grid-column:1/-1}}
@media(min-width:900px){.ng{grid-template-columns:repeat(3,1fr)}}
.nn{font-family:var(--t);font-weight:900;font-size:clamp(46px,9vw,78px);line-height:1;color:var(--l3);letter-spacing:-.03em}
.nl{font-size:14px;color:#bdb6c9;margin-top:6px}
.nn.nt{font-size:clamp(26px,3.4vw,36px);line-height:1.08;letter-spacing:-.01em}
#nums>div{display:flex;flex-direction:column;justify-content:flex-end}

/* formação + depoimentos */
.fm-g{display:grid;gap:22px}
@media(min-width:900px){.fm-g{grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}}
.fm{background:var(--l5);color:#fff;border-radius:28px;padding:30px;position:relative;overflow:hidden}
.fm::after{content:"DR";position:absolute;right:-10px;bottom:-40px;font-family:var(--t);font-weight:900;font-size:200px;color:rgba(255,255,255,.08);line-height:1}
.fm .kick{color:var(--l2)}
.fm h3{font-family:var(--t);font-weight:900;font-size:clamp(26px,4vw,36px);line-height:1.1;margin:0 0 12px}
.fm p{margin:0 0 10px;color:#E6DEF8}
.fm .bdg{display:inline-flex;align-items:center;gap:8px;background:var(--preto);border-radius:30px;padding:8px 14px;font-family:var(--t);font-weight:800;font-size:13px;margin-top:10px}
.dp{background:#fff;border:1px solid var(--linha);border-radius:28px;padding:30px;display:flex;flex-direction:column}
.dp-q{font-family:var(--t);font-weight:800;font-size:clamp(19px,2.6vw,24px);line-height:1.35;flex:1;min-height:120px;transition:opacity .4s}
.dp-q::before{content:"\201C";display:block;font-size:70px;line-height:.6;color:var(--l4);margin-bottom:8px}
.gal{position:relative;border-radius:28px;overflow:hidden;background:var(--preto);min-height:340px;box-shadow:0 30px 60px -30px rgba(20,10,50,.45)}
.gal .gs{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.gal .gs.on{opacity:1}
.gal .gs .bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(26px) brightness(.55) saturate(1.2);transform:scale(1.1)}
.gal .gs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;transform:scale(1.04);transition:transform 6s ease-out}
.gal .gs.on img{transform:scale(1)}
.fm-g.nodp .dp{display:none}
.fm-g:not(.nodp) .gal{display:none}
.dp-a{display:flex;align-items:center;gap:12px;margin-top:20px}
.dp-a i{width:44px;height:44px;border-radius:50%;background:var(--l2);display:grid;place-items:center;font-style:normal;font-family:var(--t);font-weight:900;color:var(--l6)}
.dp-a b{display:block;font-family:var(--t)}
.dp-a span{font-size:13px;color:var(--cinza)}
.dots{display:flex;gap:6px;margin-left:auto}
.dots button{width:10px;height:10px;border-radius:10px;border:none;background:var(--l2);padding:0;transition:width .3s,background .3s}
.dots button[aria-current="true"]{width:26px;background:var(--l5)}

/* contato */
.ct{background:var(--l4);position:relative;overflow:hidden}
.ct-in{position:relative;z-index:2;text-align:center}
.ct h2{font-size:clamp(40px,9vw,88px)}
.ct .lead{margin:0 auto 30px;color:#000}
.ct-g{display:grid;gap:12px;max-width:900px;margin:34px auto 0}
@media(min-width:760px){.ct-g{grid-template-columns:repeat(3,1fr)}}
.ctc{background:var(--fundo);border-radius:22px;padding:20px;display:flex;align-items:center;gap:14px;text-align:left;transition:transform .3s,box-shadow .3s}
.ctc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(20,10,50,.7)}
.ctc .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
.ctc .ic svg{width:24px;height:24px}
.ctc b{font-family:var(--t);font-weight:900;display:block}
.ctc span{font-size:13.5px;color:var(--cinza);word-break:break-all}

/* footer */
footer{background:var(--preto);color:#fff;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
.fcta{padding:70px 0 50px;border-bottom:1px solid #222;display:grid;gap:26px}
@media(min-width:900px){.fcta{grid-template-columns:1.3fr .7fr;align-items:end}}
.fcta h3{font-family:var(--t);font-weight:900;font-size:clamp(34px,6vw,62px);line-height:1;margin:0;letter-spacing:-.02em}
.fcta h3 span{color:var(--l3)}
.stat{display:inline-flex;align-items:center;gap:10px;background:#161616;border:1px solid #2a2a2a;border-radius:40px;padding:8px 16px;font-size:14px;margin-bottom:18px}
.stat i{width:9px;height:9px;border-radius:50%;background:var(--verde);animation:pls 1.8s infinite}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:34px 20px;padding:50px 0}
@media(min-width:900px){.fcols{grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr}}
.fcols h5{font-family:var(--t);font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--l3);margin:0 0 14px}
.fcols ul{list-style:none;padding:0;margin:0}
.fcols li{margin-bottom:9px;font-size:14.5px;color:#cfc8db}
.fcols a:hover{color:#fff}
.fcols .ab p{font-size:14.5px;color:#cfc8db;margin:0 0 14px}
.soc{display:flex;gap:10px}
.soc a{width:42px;height:42px;border-radius:50%;border:1px solid #2e2e2e;display:grid;place-items:center;transition:background .25s,border-color .25s}
.soc a:hover{background:var(--l4);border-color:var(--l4);color:var(--preto)}
.soc svg{width:18px;height:18px}
.clock{font-family:ui-monospace,monospace;font-size:26px;color:#fff;margin:4px 0 2px}
.fl-inline{display:inline-flex;vertical-align:middle;margin-left:6px}
.fl-inline .flag{width:20px;height:14px;border-radius:2px}
.fbig{font-family:var(--t);font-weight:900;font-size:clamp(52px,13.5vw,200px);line-height:.85;letter-spacing:-.05em;white-space:nowrap;padding:10px 0 0;background:linear-gradient(90deg,var(--l3),var(--l4),#fff,var(--l4),var(--l3));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gr 8s linear infinite;text-align:center}
@keyframes gr{to{background-position:-200% 0}}
.fbot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding:22px 0 30px;border-top:1px solid #222;font-size:13px;color:#8d869a}
.fbot .fby{color:var(--l3);font-weight:600;transition:color .2s}
.fbot .fby:hover{color:#fff}
@media(max-width:699px){.fbot{flex-direction:column;align-items:flex-start;gap:12px}}
.totop{display:inline-flex;align-items:center;gap:8px;border:1px solid #333;background:none;color:#fff;border-radius:30px;padding:9px 16px;font-family:var(--t);font-weight:800;font-size:13px;transition:background .25s}
.totop:hover{background:var(--l4);color:var(--preto)}
.totop svg{width:16px;height:16px;transition:transform .3s}
.totop:hover svg{transform:translateY(-3px)}

/* whatsapp flutuante */
.waf{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:200;width:62px;height:62px;border-radius:50%;background:var(--verde);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(37,211,102,.8);transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.waf.on{transform:scale(1)}
.waf::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--verde);animation:rp 2.4s infinite;z-index:-1}
@keyframes rp{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
.waf svg{width:32px;height:32px;color:#fff}
.waf .tip{position:absolute;right:74px;top:50%;transform:translateY(-50%);background:#fff;color:var(--preto);font-family:var(--t);font-weight:800;font-size:13px;padding:8px 14px;border-radius:14px;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s}
.waf:hover .tip,.waf.hint .tip{opacity:1}
/* ===== v2 ===== */
.reel-g{display:grid;gap:34px;margin-top:34px;align-items:center}
@media(min-width:900px){.reel-g{grid-template-columns:420px 1fr;gap:70px}}
.reel-v .soon{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;font-family:var(--t);font-weight:900;font-size:20px;text-align:center;padding:20px}
.reel-v.fail .soon{display:flex}.reel-v.fail video,.reel-v.fail .pl{display:none}
.hl{display:grid;gap:14px}
.hl div{border:1px solid #262626;background:var(--preto2);border-radius:20px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start}
.hl b{font-family:var(--t);font-weight:900;font-size:18px;display:block;margin-bottom:2px}
.hl p{margin:0;color:#bdb6c9;font-size:14.5px}
.hl i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--l4);color:var(--preto);display:grid;place-items:center;font-style:normal;font-family:var(--t);font-weight:900}
.vc{background:linear-gradient(160deg,var(--l5),var(--l6))}
/* idioma e efeitos */
.lflags{display:flex;align-items:center;gap:2px;height:42px;min-width:116px;padding:0 4px;border-radius:12px;border:1px solid var(--linha);background:#fff}
.lflags button{display:grid;place-items:center;width:34px;height:34px;border:none;background:none;border-radius:9px;padding:0;cursor:pointer;opacity:.6;filter:grayscale(.3);transition:opacity .2s,filter .2s,background .2s,transform .15s}
.lflags button:hover{opacity:.85;filter:none}
.lflags button[aria-pressed="true"]{opacity:1;filter:none;background:var(--l1)}
.lflags button:active{transform:scale(.9)}
.lflags .flag{width:22px;height:16px;border-radius:3px;overflow:hidden;display:block}
.lflags .flag svg{width:100%;height:100%;display:block}
@media(max-width:480px){.nav-in{gap:8px;padding:10px 14px}.lflags button{width:30px}.lflags{min-width:104px}}
.logo span{white-space:nowrap}
@media(max-width:400px){.logo span{display:none}}
.ctl{position:relative}
.ctl-b{height:42px;border-radius:12px;border:1px solid var(--linha);background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;font-family:var(--t);font-weight:800;font-size:13px;color:var(--preto)}
.ctl-b .flag{width:22px;height:16px;border-radius:3px}
.ctl-b svg.ic{width:18px;height:18px}
.drop{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--linha);border-radius:18px;padding:8px;min-width:190px;box-shadow:0 24px 50px -20px rgba(20,10,50,.45);display:none;z-index:130}
.drop.on{display:block;animation:dr .25s ease-out}
@keyframes dr{from{opacity:0;transform:translateY(-6px)}}
.drop button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:10px 12px;border-radius:12px;font-family:var(--t);font-weight:700;font-size:14.5px;color:var(--preto);text-align:left}
.drop button:hover,.drop button[aria-pressed="true"]{background:var(--l1)}
.drop button[aria-pressed="true"]::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--l5)}
.drop .flag{width:24px;height:17px}
.drop.fx{min-width:230px;padding:14px}
.drop h6{margin:0 0 8px;font-family:var(--t);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cinza)}
.sw2{display:flex;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--t);font-weight:700;font-size:14.5px}
.tg3{width:48px;height:28px;border-radius:30px;background:var(--linha);border:none;position:relative;padding:0;transition:background .25s;flex:none}
.tg3::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
.tg3[aria-checked="true"]{background:var(--l5)}
.tg3[aria-checked="true"]::after{transform:translateX(20px)}
.drop .tg3{display:block;width:48px;height:28px;padding:0;border-radius:30px;background:var(--linha)}
.drop .tg3:hover{background:var(--linha)}
.drop .tg3[aria-checked="true"],.drop .tg3[aria-checked="true"]:hover{background:var(--l5)}
.drop .tg3::after{display:block}
.sw2 span{margin-right:14px}
.drop .note{font-size:12px;color:var(--cinza);margin:8px 0 0;line-height:1.45}
.mnu .lng{display:flex;gap:10px;margin-top:22px}
.mnu .lng button{flex:1;border:1px solid #333;background:#161616;color:#fff;border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--t);font-weight:800;font-size:13px}
.mnu .lng button[aria-pressed="true"]{border-color:var(--l4);background:#221a38}
.mnu .lng .flag{width:30px;height:21px}
.fade{transition:opacity .25s}
.fade.out{opacity:0}
@media(max-width:420px){.ctl-b .lbl{display:none}.nav-in{gap:10px}.logo span{font-size:16px}}