:root{
  --bg:#0d0a10; --surface:#16111c; --surface-2:#1d1626;
  --primary:#71368a; --primary-dark:#5a2a6f; --accent:#b57edc;
  --text:#ffffff; --muted:#8a8a9a;
  --line:rgba(181,126,220,.14); --radius:14px;
  --font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-head:var(--font); --base:16px;

  --bw:1px; --bstyle:solid;            
  --hw:800; --track:-.03em; --lh:1.6;  
  --btn-r:calc(var(--radius) * .7);    
  --sh:0 10px 30px rgba(0,0,0,.35);    
  --bgop:.5;                           
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--base);
     line-height:var(--lh);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:margin .25s}
h1,h2,h3,h4,h5{font-family:var(--font-head)}
h1,h2,.doc-main h1{font-weight:var(--hw);letter-spacing:var(--track)}
body.upper h1,body.upper h2,body.upper .doc-main h1{text-transform:uppercase}
a{color:inherit;text-decoration:none}
::selection{background:var(--primary);color:#fff}
svg{display:block}
button{font-family:inherit}

.glow{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(120px);display:none}
.glow-1{width:600px;height:600px;background:var(--primary);top:-250px;left:-150px}
.glow-2{width:500px;height:500px;background:var(--primary-dark);top:400px;right:-250px}
body[data-bg="glow"] .glow{display:block;opacity:var(--bgop)}
body[data-bg="glow"] .glow-2{opacity:calc(var(--bgop) * .7)}

#bgcanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:none;opacity:var(--bgop)}
#bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;display:none;opacity:var(--bgop)}
body[data-bg="grid"] #bgfx,body[data-bg="dots"] #bgfx,body[data-bg="rays"] #bgfx{display:block}

body[data-bg="grid"] #bgfx{
  background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);
  background-size:46px 46px;opacity:calc(var(--bgop) * .16);animation:gridMove 22s linear infinite}
body[data-bg="dots"] #bgfx{
  background-image:radial-gradient(var(--accent) 1.4px,transparent 1.4px);
  background-size:26px 26px;opacity:calc(var(--bgop) * .3);animation:gridMove 30s linear infinite}
body[data-bg="rays"] #bgfx{
  background:conic-gradient(from 210deg at 50% -10%,transparent 0deg,
    color-mix(in srgb,var(--primary) 75%,transparent) 40deg,transparent 110deg,
    color-mix(in srgb,var(--accent) 40%,transparent) 190deg,transparent 260deg);
  filter:blur(50px);animation:raysSpin 40s linear infinite}
body.noanim #bgfx{animation:none !important}

@keyframes gridMove{to{background-position:46px 46px}}
@keyframes raysSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#bgfx{animation:none !important}}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1}

header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);
       backdrop-filter:blur(14px);border-bottom:var(--bw) var(--bstyle) var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;cursor:pointer}
.logo-mark{width:32px;height:32px;border-radius:calc(var(--radius) * .65);
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:grid;place-items:center;font-size:14px;font-weight:800}
.nav-links{display:flex;gap:26px;font-size:14px;color:var(--muted)}
.nav-links a{transition:color .2s;cursor:pointer}
.nav-links a:hover,.nav-links a.on{color:var(--accent)}
.lang-btn{border:var(--bw) var(--bstyle) var(--line);background:transparent;color:var(--accent);padding:8px 14px;
  border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:7px;white-space:nowrap}
.lang-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

#stage{container-type:inline-size;position:relative;z-index:1;margin:0 auto;transition:max-width .25s}
#stage.mobile{max-width:430px;border-left:var(--bw) var(--bstyle) var(--line);border-right:var(--bw) var(--bstyle) var(--line);min-height:60vh}
.blk{position:relative}
.blk[data-pad="none"]{padding:0}
.blk[data-pad="sm"]{padding:34px 0}
.blk[data-pad="md"]{padding:66px 0}
.blk[data-pad="lg"]{padding:96px 0}
.blk[data-pad="xl"]{padding:132px 0}
.blk[data-bg="surface"]{background:var(--surface)}
.blk[data-bg="gradient"]{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent)}
.blk[data-bg="primary"]{background:var(--primary)}
.blk[data-align="center"]{text-align:center}
.blk[data-align="center"] .cta,.blk[data-align="center"] .chips,.blk[data-align="center"] .dl-row{justify-content:center}
.blk[data-align="center"] .lead,.blk[data-align="center"] .sec-head p{margin-left:auto;margin-right:auto}
.blk .inner{max-width:1120px;margin:0 auto;padding:0 24px}
.blk[data-width="narrow"] .inner{max-width:820px}
.blk[data-width="wide"] .inner{max-width:1360px}
.blk[data-width="full"] .inner{max-width:none}
.blk.hidden{display:none}
body.editing .blk.hidden{display:block;opacity:.32}

.blk[data-border="all"]{border:var(--bw) var(--bstyle) var(--line)}
.blk[data-border="top"]{border-top:var(--bw) var(--bstyle) var(--line)}
.blk[data-border="bottom"]{border-bottom:var(--bw) var(--bstyle) var(--line)}
.blk[data-border="y"]{border-top:var(--bw) var(--bstyle) var(--line);border-bottom:var(--bw) var(--bstyle) var(--line)}
.blk[data-shadow="on"]{box-shadow:var(--sh)}
.blk[data-bgimg="1"]{background-size:cover;background-position:center;background-repeat:no-repeat}

.hero{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center}
.hero.nophoto{grid-template-columns:1fr}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--accent);
  background:color-mix(in srgb,var(--primary) 18%,transparent);border:var(--bw) var(--bstyle) var(--line);padding:6px 14px;border-radius:999px;margin-bottom:22px}
.dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;flex:none}
a.eyebrow.live{cursor:pointer;transition:.2s}
a.eyebrow.live:hover{border-color:var(--accent);background:color-mix(in srgb,var(--primary) 30%,transparent)}
.st-label{opacity:.8}

.no-status .st-wrap,.no-status .st-label,.no-status .dot,.no-status .disc-dot{display:none}
.no-status .disc-st:empty{display:none}

.st-recado{display:block;color:var(--muted);font-size:.86rem;margin-top:2px;
  max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.no-status .st-recado{display:none !important}

.disc{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
  background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);padding:22px 24px}
.disc-av{width:60px;height:60px;border-radius:50%;position:relative;display:grid;place-items:center;font-size:26px;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));overflow:visible}
.disc-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.disc-dot{position:absolute;right:-1px;bottom:-1px;width:19px;height:19px;border-radius:50%;
  background:var(--surface);display:grid;place-items:center}
.disc-dot .dot{width:12px;height:12px}
.disc-name{font-weight:700;font-size:1.05rem}
.disc-st{font-size:.81rem;color:var(--muted);text-transform:lowercase}
.disc-actions{display:flex;gap:10px;flex-wrap:wrap}
@container (max-width:900px){
  .disc{grid-template-columns:auto 1fr;gap:14px}
  .disc-actions{grid-column:1/-1}
}
h1{font-size:clamp(30px,4.6cqi,52px);line-height:1.08;letter-spacing:var(--track);font-weight:var(--hw);margin-bottom:18px}
h1 .grad{background:linear-gradient(120deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:1.06rem;max-width:56ch;margin-bottom:32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:var(--btn-r);
  font-size:.92rem;font-weight:600;cursor:pointer;transition:.2s;border:var(--bw) var(--bstyle) transparent;background:transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 40%,transparent)}
.btn-ghost{border-color:var(--line);color:var(--text)}

body.editing .btn.sem-destino{border-color:#f87171;color:#f87171}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.photo-col{display:flex;flex-direction:column;align-items:center;gap:16px}
.photo-name{text-align:center;line-height:1.35}
.photo-name b{display:block;font-size:1.18rem;font-weight:700;letter-spacing:-.01em}
.photo-name span{display:block;font-size:.85rem;color:var(--muted);margin-top:2px}
.photo-name b:empty,.photo-name span:empty{display:none}
.photo{width:250px;height:250px;position:relative;background:linear-gradient(145deg,var(--surface-2),var(--surface));
  border:var(--bw) var(--bstyle) var(--line);display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--radius) * 1.7)}
.photo.round{border-radius:50%}

.photo.bare{background:none;border:0}
.photo img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;
  transform-origin:center;transition:none;user-select:none;-webkit-user-drag:none}
body.editing .photo.movable{cursor:grab}
body.editing .photo.movable:active{cursor:grabbing}
body.editing .photo.movable::after{content:'⤧';position:absolute;top:8px;left:8px;z-index:3;
  font-size:12px;color:var(--accent);background:color-mix(in srgb,var(--bg) 80%,transparent);
  border-radius:6px;padding:1px 6px;pointer-events:none}
.photo .ini{font-size:62px;font-weight:800;color:color-mix(in srgb,var(--accent) 50%,transparent);position:relative;z-index:1}
.photo small{position:absolute;bottom:14px;font-size:11px;color:var(--muted);z-index:2}

.stats{display:grid;gap:16px}
.stat{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);padding:20px;position:relative}
.stat b{display:block;font-size:1.62rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}
.stat span{font-size:.78rem;color:var(--muted)}

.sec-head{margin-bottom:40px}
.sec-tag{font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.14em;text-transform:uppercase}
h2{font-size:clamp(24px,3cqi,34px);font-weight:var(--hw);letter-spacing:var(--track);margin-top:8px}
.sec-head p{color:var(--muted);margin-top:10px;max-width:60ch}

.grid{display:grid;gap:22px}
.card{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);overflow:hidden;
  cursor:pointer;transition:.25s;display:flex;flex-direction:column;position:relative}
.card{box-shadow:var(--sh)}
.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.thumb{aspect-ratio:16/9;position:relative;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--surface-2),var(--surface));border-bottom:var(--bw) var(--bstyle) var(--line);overflow:hidden}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb .play{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--primary) 85%,transparent);
  display:grid;place-items:center;transition:.25s;position:relative;z-index:1}
.card:hover .thumb .play{transform:scale(1.12);background:var(--primary)}
.thumb .ph{position:absolute;bottom:10px;left:12px;font-size:10.5px;color:var(--muted);z-index:1}
.badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--bg) 80%,transparent);
  border:var(--bw) var(--bstyle) var(--line);color:var(--accent);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px);z-index:2}
.card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.card-body h3{font-size:1.15rem;font-weight:700}
.card-body p{color:var(--muted);font-size:.87rem;margin:8px 0 16px;flex:1}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.tag{font-size:.72rem;color:var(--muted);border:var(--bw) var(--bstyle) var(--line);padding:3px 10px;
  border-radius:calc(var(--radius) * .4);display:inline-flex;align-items:center;gap:5px}
.chip-x{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;
  padding:0 1px;border-radius:4px;transition:.15s;align-items:center}
.chip-x:hover{color:#f87171;transform:scale(1.2)}
.card-actions{display:flex;gap:8px}

.demo-tag{position:absolute;z-index:3;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:10px;font-weight:800;letter-spacing:.09em;pointer-events:none;
  background:var(--primary);color:#fff;padding:4px 9px;border-radius:999px;
  box-shadow:0 4px 14px rgba(0,0,0,.45)}

body.editing .demo-tag{pointer-events:auto;cursor:grab}
body.editing .demo-tag.movendo{cursor:grabbing;opacity:.8}
body.editing .demo-tag b{outline:none !important}

.demo-faixa{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:16px 18px;
  border:var(--bw) var(--bstyle) color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius);
  background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 26%,transparent),transparent);transition:.2s}
.demo-faixa:hover{border-color:var(--accent);transform:translateY(-2px);
  background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 40%,transparent),transparent)}
.demo-faixa .ic{width:42px;height:42px;border-radius:50%;background:var(--primary);display:grid;place-items:center;flex:none}
.demo-faixa .tx{flex:1;font-size:.82rem;color:var(--muted);line-height:1.45}
.demo-faixa .tx b{display:block;color:var(--text);font-size:.98rem;font-weight:700;margin-bottom:1px}
.demo-faixa .seta{font-size:1.1rem;color:var(--accent)}
.btn-sm{padding:9px 14px;font-size:.81rem;flex:1;justify-content:center}

.about{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}

.timeline{position:relative;padding-left:38px;--marker:'</>'}
.timeline::before{content:'';position:absolute;left:13px;top:4px;bottom:4px;width:2px;
  background:linear-gradient(var(--primary),color-mix(in srgb,var(--primary) 35%,transparent) 55%,transparent)}
.job{position:relative;padding-bottom:28px}
.job::before{content:var(--marker);position:absolute;left:-38px;top:1px;width:28px;
  text-align:center;font-family:ui-monospace,Consolas,'Courier New',monospace;
  font-size:12.5px;font-weight:700;line-height:1.5;color:var(--accent);
  background:var(--bg);padding:2px 0}
.job h4{font-size:1rem;font-weight:700}
.job .when{font-size:.78rem;color:var(--accent);margin:2px 0 6px}
.job p{font-size:.87rem;color:var(--muted)}
.skills-box{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);padding:24px}
.skills-box h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{font-size:.81rem;padding:7px 13px;border-radius:calc(var(--radius) * .55);
  background:color-mix(in srgb,var(--primary) 16%,transparent);border:var(--bw) var(--bstyle) var(--line);color:var(--text);
  display:inline-flex;align-items:center;gap:6px}

.gh{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);padding:28px;
  display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.gh-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  display:grid;place-items:center;font-weight:800;font-size:22px}
.gh-meta{display:flex;gap:26px;margin-top:10px;font-size:.81rem;color:var(--muted);flex-wrap:wrap}
.gh-meta b{color:var(--accent)}
.repos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}
.repo{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:calc(var(--radius) * .8);padding:18px;transition:.2s}
.repo:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-3px)}
.repo h5{font-size:.94rem;color:var(--accent);font-weight:700}
.repo p{font-size:.81rem;color:var(--muted);margin:6px 0 12px}
.repo h5{display:flex;align-items:center;justify-content:space-between;gap:8px}
.repo h5 .estrelas{font-size:.72rem;color:var(--muted);font-weight:600}
.repo .lang{font-size:.72rem;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.repo .lang em{font-style:normal;opacity:.65}
.repo .lang.mais{opacity:.6}
.langs{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:10px}
.lang-dot{width:9px;height:9px;border-radius:50%;background:#f1e05a;flex:none}

.lang-barra{display:flex;height:6px;border-radius:99px;overflow:hidden;margin-top:12px;
  background:color-mix(in srgb,var(--muted) 22%,transparent)}
.lang-barra i{display:block;height:100%}
.repo.carregando{opacity:.4;pointer-events:none}
.repo.carregando h5,.repo.carregando p{background:color-mix(in srgb,var(--muted) 18%,transparent);
  border-radius:6px;color:transparent}
.gh-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}

.contact{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent);
  border:var(--bw) var(--bstyle) var(--line);border-radius:calc(var(--radius) * 1.4);padding:52px;text-align:center}
.contact h2{margin-bottom:12px}
.contact p{color:var(--muted);max-width:48ch;margin:0 auto 28px}
.contact .cta{justify-content:center}
.rich{color:var(--muted);white-space:pre-wrap}
.rich.lg{font-size:1.15rem}
.rich.sm{font-size:.87rem}
.blk-gallery{display:grid;gap:14px}
.blk-gallery .shot{aspect-ratio:16/10;border-radius:calc(var(--radius) * .7);overflow:hidden;position:relative;
  background:linear-gradient(135deg,var(--surface-2),var(--surface));border:var(--bw) var(--bstyle) var(--line);display:grid;place-items:center;color:var(--muted);font-size:11px}
.blk-gallery .shot img{width:100%;height:100%;object-fit:cover}
.blk-video{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:var(--bw) var(--bstyle) var(--line);
  background:linear-gradient(135deg,var(--surface-2),var(--surface));display:grid;place-items:center;position:relative}
.blk-video iframe,.blk-video video{width:100%;height:100%;border:0}
.divider{height:1px;background:var(--line)}

footer{border-top:var(--bw) var(--bstyle) var(--line);padding:28px 0;font-size:.81rem;color:var(--muted);position:relative;z-index:1}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

.overlay{position:fixed;inset:0;background:rgba(5,3,7,.85);backdrop-filter:blur(6px);z-index:160;display:none;place-items:center;padding:24px;overflow-y:auto}
.overlay.open{display:grid}
.modal{background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:calc(var(--radius) * 1.3);
  max-width:820px;width:100%;overflow:hidden;animation:pop .25s ease;margin:auto}
@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.modal .video{aspect-ratio:16/9;background:linear-gradient(135deg,var(--surface-2),var(--surface));display:grid;place-items:center;position:relative}
.modal .video iframe,.modal .video video{width:100%;height:100%;border:0;display:block}
.modal-body{padding:28px}
.modal-body h3{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}
.modal-body .sub{color:var(--accent);font-size:.84rem;margin:4px 0 16px}
.modal-body .desc{color:var(--muted);font-size:.9rem;margin-bottom:20px;white-space:pre-wrap}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
.shot{aspect-ratio:16/10;border-radius:calc(var(--radius) * .6);background:linear-gradient(135deg,var(--surface-2),var(--surface));
  border:var(--bw) var(--bstyle) var(--line);display:grid;place-items:center;font-size:10px;color:var(--muted);overflow:hidden;position:relative}
.shot img{width:100%;height:100%;object-fit:cover}
.shot.drg{cursor:grab}
.shot.drg:active{cursor:grabbing}
.shot.drag{opacity:.35}
.shot.over{outline:2px solid var(--accent);outline-offset:2px}

.cover-tag{position:absolute;bottom:6px;left:6px;z-index:4;font-size:9.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;background:var(--primary);color:#fff;padding:2px 8px;border-radius:999px;pointer-events:none}
body:not(.editing) .shot img{cursor:zoom-in}

.lightbox{background:rgba(4,3,7,.94);z-index:200;padding:0}
.lightbox.open{display:grid;grid-template-rows:1fr auto}
.lb-palco{display:grid;place-items:center;overflow:hidden;padding:56px 24px 8px}
.lb-palco img{max-width:min(1400px,92vw);max-height:78vh;border-radius:8px;
  box-shadow:0 30px 90px rgba(0,0,0,.7);transition:transform .12s ease;user-select:none}
.lb-palco img.ampliada{cursor:grab;transition:none}
.lb-palco img.ampliada:active{cursor:grabbing}
.lightbox .close{top:18px;right:22px;width:42px;height:42px;font-size:22px;position:fixed}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:76px;z-index:3;
  background:color-mix(in srgb,var(--bg) 70%,transparent);border:var(--bw) var(--bstyle) var(--line);
  color:#fff;font-size:28px;cursor:pointer;border-radius:12px;transition:.15s}
.lb-nav:hover{background:var(--primary);border-color:var(--primary)}
.lb-nav.prev{left:20px} .lb-nav.next{right:20px}
.lb-barra{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px 22px;color:var(--muted);font-size:12.5px}
.lb-barra button{width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:16px;
  background:color-mix(in srgb,var(--surface) 90%,transparent);border:var(--bw) var(--bstyle) var(--line);color:#fff}
.lb-barra button:hover{background:var(--primary);border-color:var(--primary)}
.lb-barra #lbZoom{min-width:52px;text-align:center}
.lb-conta{margin-left:10px;opacity:.7}
@media(max-width:640px){ .lb-nav{width:38px;height:60px;font-size:22px} .lb-palco{padding:52px 8px 4px} }

.modal .video .capa-video{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.dl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--bg) 80%,transparent);
  border:var(--bw) var(--bstyle) var(--line);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:18px;z-index:3}
.close:hover{background:var(--primary)}

.form-contato{max-width:560px}
.form-contato h3{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.form-contato .ct-sub{color:var(--muted);font-size:.87rem;margin:6px 0 22px}
.form-contato label{display:block;margin-bottom:14px}
.form-contato label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;
  color:var(--muted);margin-bottom:6px}
.form-contato input[type=text],.form-contato input[type=email],.form-contato textarea{
  width:100%;padding:11px 13px;border-radius:calc(var(--radius) * .6);
  border:var(--bw) var(--bstyle) var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);
  color:var(--text);font-size:.92rem;font-family:inherit;resize:vertical;transition:.15s}
.form-contato input:focus,.form-contato textarea:focus{outline:0;border-color:var(--accent);
  background:color-mix(in srgb,var(--primary) 10%,transparent)}
.form-contato .ct-linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-contato .isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-contato .ct-fim{display:flex;align-items:center;gap:14px;margin-top:4px}
.form-contato .ct-fim .btn{min-width:130px;justify-content:center}
.ct-aviso{font-size:.83rem;color:var(--muted)}
.ct-aviso.ok{color:#4ade80}
.ct-aviso.erro{color:#f87171}
@container (max-width:900px){ .form-contato .ct-linha{grid-template-columns:1fr} }
@media(max-width:640px){ .form-contato .ct-linha{grid-template-columns:1fr} }

.soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:60px 0}
.soon-mark{font-family:ui-monospace,'Courier New',monospace;font-size:2.6rem;font-weight:700;
  color:var(--accent);opacity:.55;margin-bottom:10px}
.soon h1{margin-bottom:6px}
.soon p{color:var(--muted);font-size:1.02rem;max-width:46ch;margin-bottom:26px;white-space:pre-wrap}
.soon-flag{display:flex;align-items:center;gap:8px;margin:14px 0 -4px;padding:9px 14px;font-size:12.5px;
  color:var(--accent);background:color-mix(in srgb,var(--primary) 14%,transparent);
  border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:calc(var(--radius) * .6)}

.docs{display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:start}
.doc-side{position:sticky;top:92px;background:var(--surface);border:var(--bw) var(--bstyle) var(--line);border-radius:var(--radius);padding:20px}
.doc-side h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}
.doc-side a{display:block;padding:8px 12px;border-radius:calc(var(--radius) * .55);font-size:.87rem;color:var(--muted);cursor:pointer;transition:.15s;margin-bottom:2px}
.doc-side a:hover{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--text)}
.doc-side a.on{background:var(--primary);color:#fff;font-weight:600}
.doc-main h1{font-size:clamp(26px,3.4cqi,38px);margin-bottom:8px}
.doc-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.pill{font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--primary) 20%,transparent);
  border:var(--bw) var(--bstyle) var(--line);color:var(--accent);padding:4px 12px;border-radius:999px}
.doc-intro{color:var(--muted);font-size:1rem;margin-bottom:36px;white-space:pre-wrap}
.doc-sec{margin-bottom:34px;scroll-margin-top:92px;position:relative}
.doc-sec h3{font-size:1.3rem;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:var(--bw) var(--bstyle) var(--line)}
.doc-sec .body{color:var(--muted);font-size:.94rem;white-space:pre-wrap}
pre.code{background:color-mix(in srgb,var(--bg) 70%,#000);border:var(--bw) var(--bstyle) var(--line);border-radius:calc(var(--radius) * .7);
  padding:16px 18px;overflow-x:auto;font-family:ui-monospace,Consolas,monospace;font-size:.84rem;color:#d9c8e8;margin-top:12px;white-space:pre}

.doc-video{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;margin-top:16px;
  border:var(--bw) var(--bstyle) var(--line);background:var(--surface-2)}
.doc-video iframe,.doc-video video{width:100%;height:100%;border:0;display:block}
.doc-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.doc-shots .shot{aspect-ratio:16/10}
.sec-tools{gap:8px;margin-top:14px;flex-wrap:wrap}
.sec-tools .ebtn{padding:6px 11px;font-size:12px}

.cl{position:relative;padding-left:38px;margin-top:8px;--marker:'</>'}
.cl::before{content:'';position:absolute;left:13px;top:4px;bottom:4px;width:2px;
  background:linear-gradient(var(--primary),color-mix(in srgb,var(--primary) 35%,transparent) 55%,transparent)}
.cl-item{position:relative;padding-bottom:26px}
.cl-item::before{content:var(--marker);position:absolute;left:-38px;top:0;width:28px;
  text-align:center;font-family:ui-monospace,Consolas,'Courier New',monospace;
  font-size:12.5px;font-weight:700;line-height:1.6;color:var(--accent);
  background:var(--bg);padding:2px 0}
.cl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cl-ver{font-size:1rem;font-weight:800;color:var(--accent)}
.cl-date{font-size:.78rem;color:var(--muted)}
.cl-item ul{list-style:none;margin-top:10px}
.cl-item li{color:var(--muted);font-size:.9rem;padding-left:20px;position:relative;margin-bottom:6px}
.cl-item li::before{content:'▸';position:absolute;left:0;color:var(--primary)}

.ebtn{padding:9px 14px;font-size:13px;border-radius:9px;font-weight:600;cursor:pointer;border:var(--bw) var(--bstyle) var(--line);
  background:transparent;color:var(--text);transition:.15s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ebtn:hover{border-color:var(--accent);color:var(--accent)}
.ebtn.on{background:var(--primary);border-color:var(--primary);color:#fff}
.ebtn.warn:hover{border-color:#f87171;color:#f87171}
.ebtn:disabled{opacity:.35;cursor:default}
.ebtn:disabled:hover{border-color:var(--line);color:var(--text)}

.editbar{display:none}
body.pode-editar .editbar{display:flex}
.editbar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:170;gap:8px;align-items:center;
  background:color-mix(in srgb,var(--surface) 96%,transparent);border:var(--bw) var(--bstyle) var(--line);backdrop-filter:blur(14px);
  padding:10px 12px;border-radius:calc(var(--radius) * 1.1);box-shadow:0 12px 40px rgba(0,0,0,.6);flex-wrap:wrap;max-width:calc(100vw - 32px);justify-content:center}
.editbar .sep{width:1px;height:24px;background:var(--line)}
.editbar .tiny{font-size:11.5px;color:var(--muted);padding:0 4px}

.ed-side,.ed-panel{position:fixed;top:0;bottom:0;z-index:150;background:color-mix(in srgb,var(--surface) 97%,#000);
  border-color:var(--line);display:flex;flex-direction:column;transition:transform .25s;overflow:hidden}
.ed-side{left:0;width:276px;border-right:var(--bw) var(--bstyle) var(--line);transform:translateX(-100%)}
.ed-panel{right:0;width:300px;border-left:var(--bw) var(--bstyle) var(--line);transform:translateX(100%)}
body.editing .ed-side{transform:none}
body.editing.has-sel .ed-panel{transform:none}
body.editing{margin-left:276px}
body.editing.has-sel{margin-right:300px}
.ed-head{padding:16px;border-bottom:var(--bw) var(--bstyle) var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}
.ed-head b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ed-body{flex:1;overflow-y:auto;padding:14px}
.ed-tabs{display:flex;gap:6px;padding:12px 14px 0}
.ed-tabs button{flex:1;padding:8px;font-size:12.5px;font-weight:600;border-radius:8px;border:var(--bw) var(--bstyle) var(--line);
  background:transparent;color:var(--muted);cursor:pointer}
.ed-tabs button.on{background:var(--primary);border-color:var(--primary);color:#fff}

.bl{display:flex;align-items:center;gap:8px;padding:9px 10px;border:var(--bw) var(--bstyle) var(--line);border-radius:9px;
  margin-bottom:6px;background:color-mix(in srgb,var(--bg) 55%,transparent);cursor:pointer;transition:.15s;font-size:13px}
.bl:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.bl.on{border-color:var(--accent);background:color-mix(in srgb,var(--primary) 20%,transparent)}
.bl.off{opacity:.45}
.bl .grip{cursor:grab;color:var(--muted);font-size:14px;line-height:1;user-select:none}
.bl .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl .ico{width:20px;text-align:center;opacity:.85}
.bl .act{display:flex;gap:2px;opacity:0;transition:.15s}
.bl:hover .act,.bl.on .act{opacity:1}
.bl .act button{width:24px;height:24px;border-radius:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1}
.bl .act button:hover{background:color-mix(in srgb,var(--primary) 40%,transparent);color:#fff}
.bl.drag{opacity:.4}
.bl.over{border-color:var(--accent);border-top-width:3px}

.ctl{margin-bottom:16px}
.ctl > label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:7px}
.seg{display:flex;gap:4px;flex-wrap:wrap}
.seg button{flex:1;min-width:38px;padding:7px 6px;font-size:11.5px;font-weight:600;border:var(--bw) var(--bstyle) var(--line);
  border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transition:.15s}
.seg button:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.seg button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.ctl input[type=text],.ctl select,.ctl input[type=number]{width:100%;padding:9px 11px;border-radius:8px;
  border:var(--bw) var(--bstyle) var(--line);background:color-mix(in srgb,var(--bg) 60%,transparent);color:var(--text);font-size:13px;font-family:inherit}
.ctl input[type=range]{width:100%;accent-color:var(--primary)}
.ctl .rowc{display:flex;align-items:center;gap:9px}
.ctl input[type=color]{width:38px;height:30px;padding:0;border:var(--bw) var(--bstyle) var(--line);border-radius:7px;background:transparent;cursor:pointer}
.ctl .val{font-size:11.5px;color:var(--muted);min-width:42px;text-align:right}
.hint{font-size:11.5px;color:var(--muted);line-height:1.5;margin-bottom:14px}
.grp{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  margin:22px 0 12px;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.grp:first-child{margin-top:2px}

.palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.palette button{padding:12px 8px;border:1px dashed var(--line);border-radius:9px;background:transparent;
  color:var(--muted);cursor:pointer;font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.15s}
.palette button:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--primary) 12%,transparent)}
.palette button .pi{font-size:17px}

body.editing [data-bind]{outline:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px;border-radius:3px;cursor:text}
body.editing [data-bind]:hover{outline-color:var(--accent)}
body.editing [data-bind]:focus{outline:2px solid var(--accent);background:color-mix(in srgb,var(--primary) 12%,transparent)}
body.editing .blk{outline:1px solid transparent;outline-offset:-1px}
body.editing .blk:hover{outline-color:color-mix(in srgb,var(--accent) 30%,transparent)}
body.editing .blk.sel{outline:2px solid var(--accent)}
body.editing .blk::before{content:attr(data-name);position:absolute;top:0;left:0;z-index:6;font-size:10.5px;font-weight:700;
  background:var(--primary);color:#fff;padding:2px 9px;border-radius:0 0 7px 0;opacity:0;transition:.15s;pointer-events:none}
body.editing .blk:hover::before,body.editing .blk.sel::before{opacity:1}
body.editing .card{cursor:default}

.adder{display:none;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius);
  padding:14px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;background:transparent;width:100%;transition:.15s;align-items:center;justify-content:center;gap:8px}
.adder:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--accent)}
body.editing .adder{display:flex}
.del{display:none;position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:7px;
  background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid rgba(248,113,113,.5);color:#f87171;cursor:pointer;font-size:14px;z-index:5;place-items:center;line-height:1}
body.editing .del{display:grid}
.del:hover{background:#f87171;color:#fff}
.edit-only{display:none}
body.editing .edit-only{display:inline-flex}

body.editing [data-bind]:empty{display:inline-block;min-width:5em;min-height:1em;
  border-bottom:1px dashed color-mix(in srgb,var(--accent) 45%,transparent)}
body.editing [data-bind]:empty::before{
  content:'escrever…';color:var(--muted);opacity:.6;pointer-events:none;user-select:none}

.alca{
  cursor:grab;user-select:none;align-items:center;justify-content:center;
  color:var(--muted);font-size:13px;line-height:1;letter-spacing:-1px;
  padding:2px 5px;border-radius:6px;flex:0 0 auto;
  background:color-mix(in srgb,var(--bg) 78%,transparent);
  border:1px solid var(--line);
}
.alca:hover{color:var(--accent);border-color:var(--accent)}
.alca:active{cursor:grabbing}

.card>.alca{position:absolute;top:8px;left:40px;z-index:6}
.job>.alca{position:absolute;left:-26px;top:2px}
.doc-sec>.alca{position:absolute;left:-34px;top:36px}
.cl-item>.alca{position:absolute;left:-40px;top:34px}
.stat>.alca{position:absolute;top:4px;left:4px}
.doc-side a .alca,.tag .alca,.skill .alca,.btn .alca,.cl li .alca{margin-right:6px}

body.editing [data-lista]{outline:1px solid transparent;outline-offset:3px;transition:outline-color .12s,opacity .12s}
body.editing .arrastando{opacity:.4}
body.editing .sobre{outline-color:var(--accent)}

body.editing .card{overflow:visible}

.flash{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;
  padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;z-index:180;opacity:0;transition:opacity .25s;pointer-events:none}
.flash.show{opacity:1}
.view{display:none}
.view.on{display:block}

@container (max-width:900px){
  .hero{grid-template-columns:1fr;gap:40px}
  .photo-col{order:-1;align-items:flex-start}
  .photo-name{text-align:left}
  .about{grid-template-columns:1fr;gap:36px}
  .gh{grid-template-columns:auto 1fr;gap:16px}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .docs{grid-template-columns:1fr;gap:24px}
  .doc-side{position:static}
  .stats{grid-template-columns:repeat(2,1fr) !important}
  .grid,.blk-gallery{grid-template-columns:1fr !important}
  .contact{padding:34px 22px}
}
@media(max-width:1100px){
  body.editing{margin-left:0}
  body.editing.has-sel{margin-right:0}
  .ed-side,.ed-panel{width:260px;box-shadow:0 0 40px rgba(0,0,0,.6)}
}
@media(max-width:820px){ .nav-links{display:none} }

.fposts{display:flex;flex-direction:column;gap:28px}

.fpost{position:relative;background:var(--surface);border:var(--bw) var(--bstyle) var(--line);
  border-radius:var(--radius);padding:26px 26px 20px}
.fpost-topo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fpost-topo h3{font-family:var(--font-head);font-weight:var(--hw);letter-spacing:var(--track);font-size:1.32rem}
.fpost-data{color:var(--muted);font-size:.8rem;white-space:nowrap}
.fpost-desc{color:var(--muted);margin-top:10px;white-space:pre-wrap}

.fmidia{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.fmidia-v{position:relative;aspect-ratio:16/9;border-radius:calc(var(--radius) * .6);overflow:hidden;background:#000}
.fmidia-v iframe,.fmidia-v video{width:100%;height:100%;border:0;display:block}
.fmidia-imgs{display:grid;gap:12px}
.fmidia-ed{display:flex;gap:8px;flex-wrap:wrap}

.fpost-pe{display:flex;align-items:center;gap:16px;margin-top:18px;
  padding-top:16px;border-top:1px solid var(--line)}
.fpost-n{color:var(--muted);font-size:.82rem}
.fvotos{display:flex;gap:8px}
.fv{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;font:inherit;font-size:.85rem;
  color:var(--muted);background:var(--surface-2);border:1px solid var(--line);
  border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.fv:hover{color:var(--text);border-color:var(--accent)}
.fv.on{color:var(--accent);border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 14%,transparent)}

.fv.off{cursor:default;opacity:.55}
.fv.off:hover{color:var(--muted);border-color:var(--line)}

.fcms{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.fcms-titulo{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.fcm{display:flex;gap:12px}
.fcm-av{width:32px;height:32px;border-radius:50%;flex:0 0 32px;object-fit:cover;
  background:var(--surface-2)}
.fcm-corpo{flex:1;min-width:0}
.fcm-topo{display:flex;align-items:center;gap:9px}
.fcm-topo b{font-size:.9rem}
.fcm-quando{color:var(--muted);font-size:.75rem}
.fcm-x{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;
  font-size:16px;line-height:1;padding:2px 6px;border-radius:6px;opacity:0;transition:opacity .15s}
.fcm:hover .fcm-x{opacity:1}
.fcm-x:hover{color:#ff6b6b;background:color-mix(in srgb,#ff6b6b 12%,transparent)}

.fcm-corpo p{font-size:.93rem;line-height:1.55;white-space:pre-wrap;
  overflow-wrap:anywhere;margin-top:3px}

.fescreve{display:flex;gap:12px;margin-top:4px}
.fescreve-campo{flex:1;min-width:0}
.fescreve textarea{width:100%;resize:vertical;min-height:62px;font:inherit;font-size:.93rem;
  color:var(--text);background:var(--surface-2);border:1px solid var(--line);
  border-radius:calc(var(--radius) * .6);padding:11px 13px}
.fescreve textarea:focus{outline:0;border-color:var(--accent)}
.fescreve-pe{display:flex;align-items:center;gap:12px;margin-top:9px}
.fsair{background:none;border:0;color:var(--muted);font:inherit;font-size:.8rem;
  cursor:pointer;text-decoration:underline}
.fsair:hover{color:var(--text)}

.fentrar{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.fentrar span{color:var(--muted);font-size:.85rem}
.fmsg{color:var(--muted);font-size:.87rem;background:var(--surface-2);
  border:1px solid var(--line);border-radius:calc(var(--radius) * .6);padding:13px 15px}
.fmsg a{color:var(--accent)}
.fmsg-dev{opacity:.7;font-size:.8rem}

.fvazio{text-align:center;color:var(--muted);padding:44px 0}
.fvazio p{margin-bottom:16px}

@container (max-width:900px){
  .fpost{padding:20px 18px 16px}
  .fmidia-imgs{grid-template-columns:1fr !important}
  .fpost-pe{flex-wrap:wrap;gap:10px}
}

.fv svg{flex:0 0 auto}
.fv:last-child svg{transform:translateY(1px)}

.fconta{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;margin-right:auto}
.fconta.perto{color:var(--accent)}

.eu-discord{position:relative}
.eu-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;font:inherit;font-size:13px;
  color:var(--muted);background:var(--surface);border:1px solid var(--line);
  border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s}
.eu-btn:hover{color:var(--text);border-color:var(--accent)}
.eu-btn svg{flex:0 0 auto}
.eu-btn img{width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--surface-2)}
.eu-btn.logado{padding:5px 12px 5px 5px}

.eu-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:60;
  min-width:170px;padding:12px;background:var(--surface);
  border:1px solid var(--line);border-radius:calc(var(--radius) * .7);box-shadow:var(--sh)}
.eu-discord.aberto .eu-menu{display:block}
.eu-menu-nome{font-size:13px;margin-bottom:2px;overflow-wrap:anywhere}
.eu-menu-tag{font-size:11px;color:var(--accent);margin-bottom:10px}
.eu-menu-tag.aviso{color:#e0a23c}
.eu-menu button{width:100%;padding:8px;font:inherit;font-size:12.5px;color:var(--muted);
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:calc(var(--radius) * .5);cursor:pointer;margin-top:8px}
.eu-menu button:hover{color:var(--text);border-color:var(--accent)}

.proj-votos{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fentrar-mini{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;font:inherit;
  font-size:12.5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);
  border:1px solid var(--line);border-radius:999px;cursor:pointer}
.fentrar-mini:hover{border-color:var(--accent)}
.fmsg-mini{color:var(--muted);font-size:12.5px}

@media(max-width:640px){
  .eu-btn.logado span{display:none}
  .eu-btn.logado{padding:5px}
}