/* Selene Studio landing page: the hero and the product sections. Needs /site/site.css first. */
/* 01 · hero */
.hx-pista{position:relative}
@media (min-width:960px){.anim .hx-pista{height:calc(100vh + 1150px);height:calc(100svh + 1150px)}}
@media (prefers-reduced-motion:reduce){.anim .hx-pista{height:auto}}
.hx{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:var(--hx-bg)}
.hx-pontos{position:absolute;inset:0;background:radial-gradient(var(--dots) 1px,transparent 1.4px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(56% 50% at 50% 30%,transparent 42%,#000 100%);mask-image:radial-gradient(56% 50% at 50% 30%,transparent 42%,#000 100%)}
.hx-palco{position:absolute;left:50%;top:var(--palco-top,72px);width:1440px;height:928px;margin-left:-720px;transform:scale(var(--k,1));transform-origin:50% 0}
.hx-texto{position:absolute;left:50%;top:46px;width:760px;margin-left:-380px;text-align:center;z-index:2}
.hx h1{font:500 56px/1.05 var(--display);letter-spacing:-.02em}
.hx-sub{margin:20px auto 0;max-width:590px;font-size:18px;line-height:1.5;color:var(--muted-fg);text-wrap:balance}
.hx .lista{margin-top:28px}
.hx-card{position:absolute;padding:14px;transform-origin:50% 120%;transform:rotate(var(--r))}
.anim .hx-card{opacity:0}
.hx-c1{left:46px;top:592px;width:248px;z-index:2;--r:-6deg;--rn:-2deg}
.hx-c2{left:306px;top:524px;width:256px;z-index:3;--r:-3deg;--rn:1.5deg}
.hx-c3{left:566px;top:448px;width:308px;padding:12px;z-index:5;--r:0deg;--rn:0deg;box-shadow:var(--front)}
.hx-c4{left:878px;top:524px;width:256px;z-index:3;--r:3deg;--rn:-1.5deg}
.hx-c5{left:1146px;top:592px;width:248px;z-index:2;--r:6deg;--rn:2deg}
.hx-fila{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hx-fila>b,.hx-esc>b{font:600 13px/1 var(--sans)}
.hx-perfil{background:var(--muted);color:var(--muted-fg);padding-left:4px}
.hx-perfil .av{width:16px;height:16px;background:var(--pomar);font-size:8px}
.hx-prompt{margin-top:10px;padding:10px 12px;border-radius:10px;box-shadow:0 0 0 1px var(--input);font-size:13px;line-height:1.45;min-height:77px}
.hx-chips{display:flex;gap:6px;margin-top:10px}
.hx-escrever{width:100%;margin-top:12px;height:36px;font-size:14px}
.hx-esc{display:flex;align-items:center;gap:8px}
.hx-esc .faint{font-size:12px;margin-left:auto}
.hx-prog{margin-top:10px;height:4px;border-radius:2px;background:var(--muted)}
.hx-prog i{display:block;height:4px;width:33%;border-radius:2px;background:var(--signal)}
.hx-thumbs{display:flex;gap:8px;margin-top:12px;position:relative}
.hx-thumb{flex:1;height:88px;border-radius:6px;padding:6px}
.hx-thumb:nth-child(1){box-shadow:0 0 0 1px rgb(43 33 24 / .08)}
.hx-thumb:nth-child(2){box-shadow:0 0 0 1.5px var(--signal)}
.hx-thumb:nth-child(3){opacity:.7}
.hx-thumb .b{font:italic 600 6px/1 Fraunces,serif;color:var(--pomar)}
.hx-thumb .t{font:600 8px/1.1 Fraunces,serif;margin-top:4px}
.hx-thumb:nth-child(2) .t{min-height:18px}
.hx-thumb img{width:100%;height:28px;object-fit:cover;border-radius:2px;margin-top:5px}
.hx-thumb .sk{margin-top:4px}
.hx-thumb .t+.sk{margin-top:6px}
.hx-tag{position:absolute;left:128px;top:46px;display:flex;align-items:center;gap:5px;padding:3px 9px 3px 3px;border-radius:999px;background:var(--glass);box-shadow:0 0 0 1px rgb(37 88 232 / .22),0 6px 14px -6px rgb(10 26 58 / .3);font:500 11px/1 var(--sans);white-space:nowrap}
.hx-legenda{margin-top:12px}
.hx-legenda+.mini{margin-top:2px}
.hx-c3 .cap{padding:2px 2px 0}
.hx-quadro{position:relative}
.hx-slide{height:355px;border-radius:10px}
.hx-slide .b{display:flex;justify-content:space-between;align-items:center;padding:17px 17px 0}
.hx-slide .b span:first-child{font:italic 600 15px/1 Fraunces,serif;color:var(--pomar)}
.hx-slide .b span:last-child{font:500 10px/1 var(--sans);color:rgb(43 33 24 / .55)}
.hx-slide h3{padding:11px 17px 0;font:600 23px/1.1 Fraunces,serif;letter-spacing:-.01em}
.hx-slide img{margin:15px 17px 0;height:196px;width:calc(100% - 34px);border-radius:8px;object-fit:cover}
.hx-ok{left:204px;top:48px}
.hx-p2{left:176px;top:146px}
.hx-coment{position:absolute;left:78px;top:182px;width:228px;padding:10px 12px;box-shadow:var(--front);z-index:6}
.hx-quem{display:flex;align-items:center;gap:8px}
.hx-quem b{font-size:13px;font-weight:600}
.hx-quem .faint{font-size:12px}
.hx-coment>.mini{margin-top:6px}
.hx-resp{margin-top:9px;padding-top:9px;padding-bottom:2px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-start;overflow:hidden}
.hx-fotos{display:flex;gap:4px;margin-top:6px}
.hx-fotos img{width:28px;height:28px;border-radius:6px;object-fit:cover}
.hx-fotos img:first-child{box-shadow:0 0 0 calc(var(--anel,1) * 2px) var(--signal)}
.hx-fotos img+img{opacity:.75}
.hx-aprova{display:flex;align-items:center;gap:10px}
.hx-aprova .av{width:30px;height:30px}
.hx-check{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border-radius:99px;background:var(--success-soft);color:var(--success)}
.hx-agenda{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.hx-datas{display:flex;gap:6px}
.hx-datas .field2:first-child{flex:1}
.hx-redes{margin-top:12px;display:grid;gap:9px}
.hx-rede{display:flex;align-items:center;gap:8px}
.hx-rede>.i{width:14px;height:14px}
.hx-rede .tog{margin-left:auto}
.hx-status{margin-top:14px}
.hx-pub{display:flex;align-items:center;gap:6px}
.hx-pub b{font:600 13px/1 var(--sans);margin-left:2px}
.hx-pub .lbl{margin-left:auto}
.hx-nums{display:grid;grid-template-columns:1fr auto auto;gap:10px 8px;margin-top:14px;align-items:center}
.hx-nums .chip{height:20px}
.hx-num{font:600 20px/1 var(--sans);letter-spacing:-.02em}
.graf{display:block;width:100%;height:auto;overflow:visible}
.graf .grade{stroke:var(--grid)}.graf .antes{stroke:var(--compare)}.graf .linha{stroke:var(--signal)}.graf .ponto{fill:var(--signal)}
.graf .rot{fill:var(--faint);font:400 11px var(--sans)}
.graf stop{stop-color:var(--signal)}
.hx-graf{margin-top:12px}
.hx-graf.cel{display:none}

/* 02 · comment on the slide */
.cm{background:radial-gradient(70% 160px at 50% 0,var(--glow) 0%,rgb(37 88 232 / 0) 70%),var(--canvas);padding-top:120px}
.cm .wrap{display:grid;grid-template-columns:430px 1fr;gap:72px;align-items:center}
.cm-painel{background:var(--card);border-radius:24px;box-shadow:var(--window);overflow:hidden}
.cm-barra{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--border)}
.cm-barra-l{display:flex;align-items:center;gap:10px;min-width:0}
.cm-barra-l .av{background:var(--pomar)}
.cm-barra-l b{font:600 14px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-barra .seg{margin-left:auto}
.cm-palco{background:var(--stage);padding:24px 28px 26px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cm-v{display:flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);color:var(--muted-fg);margin-bottom:10px}
.cm-v i{width:8px;height:8px;border-radius:9px;background:var(--faint)}
.cm-v.agora i{background:var(--signal)}
.cm-slide{height:318px;border-radius:12px;box-shadow:0 0 0 1px rgb(43 33 24 / .06),0 10px 24px -12px rgb(10 26 58 / .25)}
.cm-slide .b{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 0}
.cm-slide .b span:first-child{font:italic 600 14px/1 Fraunces,serif;color:var(--pomar)}
.cm-slide .b span:last-child{font:500 10px/1 var(--sans);color:rgb(43 33 24 / .55)}
.cm-slide h3{padding:12px 18px 0;font:600 22px/1.1 Fraunces,serif;letter-spacing:-.01em;position:relative}
.cm-slide img{margin:16px 18px 0;width:calc(100% - 36px);height:180px;border-radius:8px;object-fit:cover}
.del{border-radius:3px;padding:0 2px;background:color-mix(in srgb,var(--del-soft) calc(var(--marca,1) * 100%),transparent);color:color-mix(in srgb,var(--del-ink) calc(var(--marca,1) * 100%),var(--pomar-ink));text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,var(--del-ink) calc(var(--marca,1) * 100%),transparent)}
.add{border-radius:3px;padding:0 2px;background:color-mix(in srgb,var(--add-soft) calc(var(--marca,1) * 100%),transparent);color:color-mix(in srgb,var(--add-ink) calc(var(--marca,1) * 100%),var(--pomar-ink))}
.cm-pin{left:173px;top:50px}
.cm-conversa{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 28px 22px}
.msg{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.msg .av{width:28px;height:28px}
.msg .av-sel{background:var(--signal-soft)}
.msg .faint{font-size:12px}
.msg .chip{margin-top:8px}

/* 03 · a look per profile */
.mp-linha{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:64px;align-items:start}
.mp-perfil:nth-child(1){margin-top:40px}.mp-perfil:nth-child(3){margin-top:56px}
.quem{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:999px;background:var(--card);box-shadow:var(--raised);font:500 13px/1 var(--sans)}
.quem i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:99px;color:#fff;font:600 10px/1 var(--sans);font-style:normal}
.quem span{color:var(--faint);font-weight:400}
.par{position:relative;height:330px;margin-top:16px}
.s{position:absolute;left:0;top:0;width:220px;height:275px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--front)}
.s.tras{left:150px;top:30px;transform:scale(.9) rotate(4deg);transform-origin:left top;box-shadow:var(--floating)}
.s-topo{display:flex;justify-content:space-between;padding:16px 16px 0}
.s img{margin:14px 16px 0;height:150px;border-radius:8px;object-fit:cover}
.tpl{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font:500 12px/1 var(--sans);color:var(--muted-fg)}
.tpl b{width:6px;height:6px;border-radius:9px;background:var(--signal)}

/* 04 · approval and schedule */
.cr .wrap{display:grid;grid-template-columns:690px 1fr;gap:72px;align-items:center}
.cr-cal{background:var(--card);border-radius:24px;box-shadow:var(--window);padding:22px 22px 0;height:330px;position:relative;overflow:hidden}
.cr-topo{display:flex;align-items:center;gap:12px}
.cr-topo h3{font:500 28px/1.15 var(--display);letter-spacing:-.015em}
.pills{display:flex;gap:6px;margin-left:8px}
.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;background:var(--muted);font:500 12px/1 var(--sans);color:var(--muted-fg)}
.pill i{width:20px;height:20px;border-radius:99px;display:grid;place-items:center;color:#fff;font:600 9px/1 var(--sans);font-style:normal}
.cr-topo .seg{margin-left:auto}
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:18px;border-top:1px solid var(--border)}
.dia{border-right:1px solid var(--border);padding:10px 6px;height:240px;display:flex;flex-direction:column;gap:7px}
.dia:last-child{border-right:0}
.dn{font:500 12px/1 var(--sans);color:var(--faint);display:flex;align-items:center;gap:6px;padding:0 2px 4px;min-height:30px}
.dn b{font:600 15px/1 var(--sans);color:var(--fg)}
.hoje .dn b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:99px;background:var(--primary);color:#fff}
.hol{font:500 11px/1.25 var(--sans);color:var(--danger);background:var(--danger-soft);border-radius:6px;padding:5px 6px}
.post{display:grid;grid-template-columns:16px 1fr;gap:6px 5px;align-items:center;padding:6px;border-radius:8px;background:var(--card);box-shadow:var(--raised)}
.post>div{display:contents}
.post.foco{box-shadow:0 0 0 1.5px var(--signal)}
.th{width:16px;height:20px;border-radius:3px;position:relative;overflow:hidden}
.th::after{content:"";position:absolute;left:3px;right:3px;top:4px;height:2.5px;border-radius:2px;background:currentColor;opacity:.75}
.post b{font:600 12px/1 var(--sans);display:flex;align-items:center;gap:4px}
.st{grid-column:1/-1;display:inline-flex;align-items:center;gap:4px;font:500 10.5px/1 var(--sans);white-space:nowrap}
.st::before{content:"";width:5px;height:5px;border-radius:9px;background:currentColor}
.pub{color:var(--signal)}.sch{color:var(--scheduled)}.apr{color:var(--success)}.rv{color:var(--warning)}
.g{width:10px;height:10px}
.vaga{height:48px;border-radius:8px;border:1.5px dashed var(--dash)}
.vaga.alvo{border-color:var(--signal);background:var(--signal-soft)}
.cr-arrastado{position:absolute;left:398px;top:117px;width:84px;transform:rotate(3deg);box-shadow:var(--floating),0 0 0 1.5px var(--signal);z-index:3}
.cr-cursor{position:absolute;left:466px;top:150px;z-index:4;width:18px;height:20px}
.cr-cursor path{fill:#111c27;stroke:#fff}
html.dark .cr-cursor path{fill:#ededed;stroke:#000}
.cr-agenda{display:none}

/* 05 · numbers and the Monday analysis */
.nu-palco{position:relative;height:440px;margin-top:56px}
.nu-an{position:absolute;left:0;top:0;width:820px;background:var(--card);border-radius:24px;box-shadow:var(--window);padding:22px 26px}
.nu-topo{display:flex;align-items:center;gap:10px}
.nu-topo>b{font:600 15px/1 var(--sans)}
.nu-topo .av{background:var(--pomar)}
.nu-topo .faint{font-size:13px}
.nu-topo .seg{margin-left:auto}
.nu-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.nu-stat{padding:16px 16px 16px 0}
.nu-stat+.nu-stat{padding-left:18px;border-left:1px solid var(--border)}
.nu-stat p{font-size:13px;color:var(--muted-fg)}
.nu-stat b{display:block;font:600 28px/1.1 var(--sans);letter-spacing:-.03em;margin-top:6px}
.d{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;font:500 12px/1 var(--sans);color:var(--success);background:var(--success-soft);margin-top:8px}
.prev{font-size:12px;color:var(--faint);margin-left:6px}
.nu-g{margin-top:16px}
.nu-g.cel{display:none}
.nu-legenda{display:flex;gap:16px;margin-top:6px;font-size:12px;color:var(--muted-fg)}
.nu-legenda span{display:flex;align-items:center;gap:6px}
.nu-legenda i{width:14px;height:2px;background:var(--signal);border-radius:2px}
.nu-legenda i.antes{height:0;background:none;border-top:2px dashed var(--compare);border-radius:0}
.nu-em{position:absolute;right:0;top:150px;width:470px;background:var(--card);border-radius:20px;box-shadow:var(--front);padding:18px 20px 20px;z-index:3}
.nu-em-topo{display:flex;align-items:center;gap:10px}
.nu-em-av{display:grid;place-items:center;width:34px;height:34px;border-radius:99px;background:var(--signal-soft);flex:none}
.nu-em-tx{line-height:1.25}
.nu-em-de b{font:600 13px/1.2 var(--sans)}
.nu-em-de span{font-size:12px}
.nu-em-assunto{font:600 15px/1.3 var(--sans);margin-top:2px}
.nu-em-data{font-size:12px;margin-left:auto;align-self:flex-start}
.nu-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.box{padding:12px;border-radius:12px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--border)}
.barras{display:grid;grid-template-columns:54px 1fr auto;gap:6px 8px;align-items:center;margin-top:10px;font-size:12px}
.barras i{height:8px;border-radius:4px;background:var(--signal);transform-origin:0 50%}
.barras i.outro{background:var(--bar-other);width:48%}
.barras b{font-weight:600}
.calor{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-top:12px;height:18px}
.calor i{border-radius:2px;background:color-mix(in srgb,var(--signal) calc(var(--v) * 100%),transparent)}
.calor-rot{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--faint)}
.calor-rot .pico{color:var(--signal);font-weight:600}
.nu-nota{margin-top:12px}
.nu-nota b{font-weight:600}

/* 06 · reels */
.re{background:radial-gradient(440px 380px at 66% 50%,var(--glow) 0%,rgb(37 88 232 / 0) 70%),var(--canvas);padding-top:120px}
.re .wrap{display:grid;grid-template-columns:470px 1fr;gap:64px;align-items:center}
.re .seg{margin-top:32px}
.re .seg span{font-size:13px;line-height:30px;padding:0 14px}
.re-nota{margin-top:20px;font-size:15px;line-height:1.5;color:var(--faint)}
.re-arte{position:relative;height:560px}
.re-cel{position:absolute;left:20px;top:0;width:280px;height:498px;border-radius:30px;padding:8px;background:var(--phone);box-shadow:0 0 0 1px rgb(10 26 58 / .25),0 2px 4px rgb(10 26 58 / .08),0 24px 48px -16px rgb(10 26 58 / .32),0 48px 90px -30px rgb(10 26 58 / .3)}
html.dark .re-cel{box-shadow:0 0 0 1px rgb(255 255 255 / .14),0 24px 56px -16px rgb(0 0 0 / .8)}
.re-tela{width:100%;height:100%;border-radius:23px;overflow:hidden;background:var(--pomar-bg);color:var(--pomar-ink);position:relative}
.re-marca{position:absolute;left:22px;top:26px;font:italic 600 16px/1 Fraunces,serif;color:var(--pomar)}
.re-tempo{position:absolute;right:20px;top:26px;font:500 11px/1 var(--sans);color:rgb(43 33 24 / .55)}
.re-cena{position:absolute;left:22px;right:22px;top:150px}
.re-cena .r{font:600 13px/1 var(--sans);color:var(--pomar);letter-spacing:.02em}
.re-cena .t{margin-top:12px;font:600 38px/1.04 Fraunces,serif;letter-spacing:-.015em}
.re-cena .x{margin-top:14px;font:500 17px/1.35 var(--sans)}
.re-cena .x span{background:var(--pomar);color:var(--pomar-bg);padding:1px 6px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.re-barra{position:absolute;left:22px;right:22px;bottom:24px;height:4px;border-radius:2px;background:rgb(43 33 24 / .12)}
.re-barra i{display:block;width:23%;height:4px;border-radius:2px;background:var(--pomar)}
.re-linha{position:absolute;left:20px;top:520px;width:600px;display:grid;grid-template-columns:3fr 6fr 6fr 9fr 6fr;gap:4px}
.re-linha i{height:6px;border-radius:3px;background:var(--track);overflow:hidden}
.re-linha i b{display:block;height:100%;width:0;background:var(--signal);border-radius:3px}
.re-linha i.feito b{width:100%;background:color-mix(in srgb,var(--signal) 35%,transparent)}
.re-linha i.on b{width:100%}
.re-rotulos{position:absolute;left:20px;top:534px;width:600px;display:grid;grid-template-columns:3fr 6fr 6fr 9fr 6fr;gap:4px;font:500 11px/1.2 var(--sans);color:var(--faint)}
.re-rotulos .on{color:var(--fg)}
.re-roteiro{position:absolute;left:260px;top:56px;width:360px;border-radius:20px;background:var(--card);padding:18px;box-shadow:var(--front)}
.re-rot-topo{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.re-rot-topo b{font:600 14px/1 var(--sans)}
.re-rot-topo span{margin-left:auto;font:500 12px/1 var(--sans);color:var(--faint)}
.sc{position:relative;display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px;margin:0 -10px;border-radius:10px;font-size:13px;line-height:1.45;transition:background-color .35s var(--ease)}
.sc::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--border);transition:opacity .35s var(--ease)}
.sc.on{background:var(--signal-soft)}
.sc.on::before,.sc.on+.sc::before{opacity:0}
.sc b{font:600 12px/1.3 var(--sans);color:var(--signal)}
.sc b span{display:block;font-size:11px;color:var(--faint);font-weight:500}

/* 07 · who it is for */
.pq-cols{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;margin-top:56px}
.pq-c{background:var(--card);border-radius:20px;box-shadow:var(--raised);padding:24px;display:flex;flex-direction:column}
.pq-c h3{font:600 18px/1.3 var(--sans)}
.pq-c>p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--muted-fg)}
.pq-vis{margin-top:auto;padding-top:22px}
.pq-dias{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pq-dia{padding:8px 6px;border-radius:10px;background:var(--soft);text-align:center;font:500 11px/1.2 var(--sans);color:var(--faint)}
.pq-dia i{display:block;height:30px;margin-top:8px;border-radius:5px;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.pq-dia i.cheio{background:#6b4fd8}
.pq-dia i.claro{background:#f3f0ff;box-shadow:inset 0 0 0 1px #d9d0ff}
.pq-legenda{margin-top:12px;font-size:13px;color:var(--faint)}
.pq-avs{display:flex;align-items:center}
.pq-av{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:99px;color:#fff;font:600 13px/1 var(--sans);box-shadow:0 0 0 3px var(--card);overflow:hidden}
.pq-av+.pq-av{margin-left:-8px}
.pq-av.mais{background:var(--muted);color:var(--muted-fg);font-size:12px}
.pq-chips{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.pq-chips .chip{height:22px;font-size:11.5px}
.pq-papeis{display:grid;gap:10px}
.papel{display:flex;align-items:center;gap:10px;font-size:14px}
.papel .av{width:30px;height:30px}
.papel .av-sel{background:var(--signal-soft)}
.papel .chip{margin-left:auto;height:22px;font-size:11.5px}
.c-sig{background:var(--signal-soft);color:var(--signal)}
.seg4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid var(--border)}
.sg{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;font-size:15px;line-height:1.45}
.sg b{display:block;font-weight:600}
.sg span{color:var(--muted-fg)}
.sg .ico{width:32px;height:32px;border-radius:9px}
.sg .ico svg{width:16px;height:16px}

/* phones and narrow windows */
@media (max-width:959px){
  /* hero: no hold, the cards stacked and alternating sides */
  .hx-pista{height:auto}
  .hx{position:relative;height:auto;min-height:0;overflow:visible;background:var(--hx-bg-cel)}
  .hx-pontos{display:none}
  .hx-palco{position:static;width:auto;height:auto;margin:0;transform:none;padding:88px 16px 72px}
  .hx-texto{position:static;width:auto;max-width:560px;margin:0 auto}
  .hx h1{font-size:36px;text-wrap:balance}
  .hx-sub{font-size:16px;margin-top:16px;text-wrap:pretty}
  .hx .lista{margin-top:24px}
  .hx .lista-msg{margin-top:10px}
  .hx-mesa{position:relative;margin:44px auto 0;max-width:400px;padding-top:8px;display:flex;flex-direction:column}
  .hx-mesa::before{content:"";position:absolute;inset:-24px -16px -40px;background:radial-gradient(var(--dots) 1px,transparent 1.4px) 0 0/18px 18px;-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
  .hx-card{position:relative;left:auto;top:auto;width:300px;transform:rotate(var(--rn))}
  .hx-card+.hx-card{margin-top:-2px}
  .hx-c1{z-index:1}.hx-c2{z-index:2;align-self:flex-end}.hx-c3{z-index:3;width:330px;align-self:center}.hx-c4{z-index:4}.hx-c5{z-index:5;align-self:flex-end}
  .hx-escrever{height:40px}
  .hx-thumbs{gap:10px}
  .hx-thumb{height:104px;padding:7px}
  .hx-thumb .b{font-size:7px}.hx-thumb .t{font-size:9px;margin-top:5px}
  .hx-thumb img{height:34px;margin-top:6px}
  .hx-tag{left:150px;top:58px}
  .hx-slide{height:340px}
  .hx-slide .b{padding:16px 16px 0}
  .hx-slide h3{padding:10px 16px 0;font-size:22px}
  .hx-slide img{margin:14px 16px 0;height:190px;width:calc(100% - 32px)}
  .hx-ok{left:196px;top:42px}.hx-p2{left:142px;top:124px}
  .hx-coment{left:52px;right:-4px;width:auto;top:170px}
  .hx-graf.pc{display:none}.hx-graf.cel{display:block}
  .cm,.re{padding-top:72px}
  .cm .wrap{display:flex;flex-direction:column}
  .cm-texto{display:contents}
  .cm-texto .lista-ic{order:3;margin-top:28px}
  .cm-painel{margin-top:28px;border-radius:20px}
  .cm-barra{display:block;padding:14px 14px 12px}
  .cm-barra-l b{flex:1;min-width:0}
  .cm-barra .seg{margin:12px 0 0}
  .cm-barra .seg span{line-height:26px;padding:0 12px}
  .cm-palco{padding:14px 14px 16px;gap:12px}
  .cm-v{font-size:11px;gap:6px;margin-bottom:8px}
  .cm-v i{width:7px;height:7px}
  .cm-slide{height:206px;border-radius:10px}
  .cm-slide.antes{overflow:visible}
  .cm-slide .b{padding:11px 11px 0}
  .cm-slide .b span:first-child{font-size:11px}
  .cm-slide .b span:last-child{display:none}
  .cm-slide h3{padding:8px 11px 0;font-size:14px;line-height:1.12}
  .cm-slide img{margin:10px 11px 0;width:calc(100% - 22px);height:112px;border-radius:6px}
  .cm-pin{left:131px;top:22px}
  .cm-conversa{grid-template-columns:1fr;gap:14px;padding:14px 14px 16px}
  .mp-linha{display:block;margin-top:0}
  .mp-perfil{width:300px;margin-top:36px!important}
  .mp-perfil:nth-child(2){margin-left:auto}
  .par{zoom:.8;height:297px;margin-top:17px}
  .tpl{margin-top:6px}
  .cr .wrap{display:block}
  .cr-cal{display:none}
  .cr-agenda{display:block;margin-top:28px;background:var(--card);border-radius:20px;box-shadow:var(--window);padding:16px 14px 6px;position:relative}
  .cr-texto .lista-ic{margin-top:28px}
  .ag-topo{display:flex;align-items:center;gap:10px}
  .ag-topo h3{font:500 21px/1.15 var(--display);letter-spacing:-.01em}
  .ag-topo .seg{margin-left:auto}
  .ag-topo .seg span{padding:0 10px}
  .cr-agenda .pills{margin:12px 0 0}
  .ag-dia{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--border)}
  .ag-dn{font:500 12px/1 var(--sans);color:var(--faint);padding-top:8px}
  .ag-dn b{display:block;margin-top:4px;font:600 16px/1 var(--sans);color:var(--fg)}
  .ag-posts{display:grid;gap:6px;position:relative}
  .ag-post{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 6px;border-radius:10px;background:var(--card);box-shadow:var(--raised)}
  .ag-post.foco{box-shadow:0 0 0 1.5px var(--signal)}
  .ag-post .th{width:22px;height:28px;border-radius:4px;flex:none}
  .ag-post .th::after{left:4px;right:4px;top:5px;height:3px}
  .ag-post b{font:600 13px/1 var(--sans);display:flex;align-items:center;gap:5px}
  .ag-post .g{width:12px;height:12px}
  .ag-post .st{margin-left:auto;font-size:12px;gap:5px}
  .ag-post .st::before{width:6px;height:6px}
  .ag-vaga{height:42px;border-radius:10px;border:1.5px dashed var(--dash)}
  .ag-vaga.alvo{border-color:var(--signal);background:var(--signal-soft)}
  .ag-hol{display:inline-flex;align-items:center;height:26px;padding:0 8px;border-radius:6px;font:500 12px/1 var(--sans);color:var(--danger);background:var(--danger-soft);justify-self:start}
  .ag-arrastado{position:absolute;left:10px;right:-6px;top:-22px;transform:rotate(-2deg);box-shadow:var(--floating),0 0 0 1.5px var(--signal);z-index:3}
  .nu-palco{height:auto;margin-top:28px;display:grid;gap:20px}
  .nu-an,.nu-em{position:static;width:auto;padding:16px;border-radius:20px}
  .nu-topo{flex-wrap:wrap;gap:8px}
  .nu-topo>b{font-size:14px}
  .nu-topo .seg{margin:4px 0 0;flex-basis:100%;max-width:max-content}
  .nu-stats{grid-template-columns:1fr 1fr;margin-top:14px;border-bottom:0}
  .nu-stat{padding:12px 0;border-bottom:1px solid var(--border)}
  .nu-stat+.nu-stat{padding-left:0;border-left:0}
  .nu-stat:nth-child(even){padding-left:14px;border-left:1px solid var(--border)}
  .nu-stat b{font-size:24px;margin-top:4px}
  .d{margin-top:6px}
  .prev{font-size:11.5px;margin-left:5px}
  .nu-g{margin-top:14px}
  .nu-g.pc{display:none}.nu-g.cel{display:block}
  .nu-legenda{margin-top:8px}
  .nu-em-topo{display:grid;grid-template-columns:34px 1fr auto;column-gap:10px;align-items:center}
  .nu-em-av{grid-row:1/3;align-self:start}
  .nu-em-tx{display:contents}
  .nu-em-de{grid-column:2}
  .nu-em-data{grid-column:3;grid-row:1;margin:0;align-self:center}
  .nu-em-assunto{grid-column:2/4;margin-top:3px}
  .nu-boxes{grid-template-columns:1fr;gap:10px}
  .barras{grid-template-columns:58px 1fr auto}
  .calor{height:20px}
  .re{background:radial-gradient(330px 340px at 50% 66%,var(--glow) 0%,rgb(37 88 232 / 0) 70%),var(--canvas)}
  .re .wrap{display:block}
  .re .seg{margin-top:22px}
  .re-nota{font-size:14px;margin-top:14px}
  .re-arte{height:auto;margin-top:36px;display:flex;flex-direction:column;align-items:center}
  .re-cel{position:relative;left:auto;top:auto;width:244px;height:434px;padding:7px}
  .re-tela{border-radius:24px}
  .re-marca{left:18px;top:22px;font-size:14px}
  .re-tempo{right:16px;top:23px;font-size:10px}
  .re-cena{left:18px;right:18px;top:128px}
  .re-cena .r{font-size:12px}
  .re-cena .t{font-size:33px;margin-top:10px}
  .re-cena .x{font-size:15px;margin-top:12px}
  .re-cena .x span{padding:1px 5px}
  .re-barra{left:18px;right:18px;bottom:20px}
  .re-linha{position:relative;left:auto;top:auto;width:300px;margin-top:18px}
  .re-rotulos{display:none}
  .re-roteiro{position:relative;left:auto;top:auto;width:100%;margin-top:28px;padding:16px}
  .sc{grid-template-columns:76px 1fr;font-size:14px}
  .pq-cols{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .pq-c{padding:20px}
  .pq-c>p{margin-top:6px}
  .pq-vis{padding-top:18px}
  .seg4{grid-template-columns:1fr;gap:18px;margin-top:32px;padding-top:24px}
  .pills+.ag-dia{margin-top:12px}
  .hoje .ag-dn b{display:grid;place-items:center;width:26px;height:26px;border-radius:99px;background:var(--primary);color:#fff;margin-top:3px}
}