.sx *,.sx *:before,.sx *:after{box-sizing:content-box}
.sx img{display:inline;max-width:none}
.sx h1,.sx h2,.sx h3,.sx h4,.sx p{margin:revert}
.sx .ct{padding:0;gap:0;border-radius:0;background:none;box-shadow:none;justify-content:normal;align-items:normal}
.sx .chip{display:block;padding:0;gap:0;border-radius:0;background:none;box-shadow:none;font-size:inherit;font-weight:inherit}
.sx .chip:before{content:none}
.sx .janela{margin-top:0}
.sx .fundo{position:absolute;inset:0;z-index:0;pointer-events:none;will-change:opacity;--hz:62vh;--sy:40vh}
.sx .fundo .pedra{position:absolute;left:0;top:0;width:100%;height:var(--hz);display:block;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 62% 100% at 50% 22%,#000 0%,rgba(0,0,0,.55) 48%,rgba(0,0,0,.12) 80%,transparent 100%);mask-image:radial-gradient(ellipse 62% 100% at 50% 22%,#000 0%,rgba(0,0,0,.55) 48%,rgba(0,0,0,.12) 80%,transparent 100%)}
.sx .fundo .feixe{position:absolute;left:50%;top:0;width:1400px;height:var(--hz);margin-left:-700px;background:radial-gradient(ellipse 34% 100% at 50% 0%,rgba(222,236,255,.20) 0%,rgba(222,236,255,.07) 42%,rgba(222,236,255,0) 74%);mix-blend-mode:screen}
.sx .fundo .az{position:absolute;left:50%;top:var(--sy);width:1000px;height:640px;margin:-320px 0 0 -500px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(56,189,255,.26) 0%,rgba(0,156,255,.08) 45%,rgba(0,156,255,0) 70%)}
.sx .fundo .chao{position:absolute;left:0;right:0;top:var(--hz);bottom:0;background:linear-gradient(180deg,#0B0C0E 0%,#040405 30%,#000 100%)}
.sx .fundo .chao:before{content:"";position:absolute;left:50%;top:0;width:1300px;height:340px;margin-left:-650px;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(170,205,240,.13) 0%,rgba(170,205,240,0) 70%)}
.sx .fundo .nevoa{position:absolute;left:0;top:calc(var(--hz) - 70px);width:100%;height:96px;display:block;opacity:.75;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
.sx .fundo .linha{position:absolute;left:0;right:0;top:var(--hz);height:1px;background:linear-gradient(90deg,rgba(235,244,255,0) 0%,rgba(235,244,255,.55) 22%,#fff 50%,rgba(235,244,255,.55) 78%,rgba(235,244,255,0) 100%);box-shadow:0 0 22px 2px rgba(170,215,255,.35)}
.sx .ha-raiz{container-type:inline-size}
.sx .ha-palco{position:relative;width:100%;aspect-ratio:1280/650;transform:translateX(calc(var(--ponteiro,0)*-3cqw)) perspective(400px) rotateY(calc(var(--ponteiro,0)*4deg));transition:transform .4s ease-out}
.sx .ha-peca{position:absolute;left:var(--x);top:var(--y);width:var(--largura);height:var(--altura);transform-origin:50% var(--horizonte,50%);transform:translateX(calc(var(--ponteiro,0)*var(--deriva)*-100cqw)) perspective(400px) translateZ(var(--profundidade,0px)) rotateY(var(--giro,0deg));transition:transform .4s ease-out}
.sx .ha-img{display:block;width:100%;height:100%;object-fit:cover}
.sx .ha-corpo{position:absolute;inset:0}
.sx .ha-tablet:before{content:"";position:absolute;inset:0;border-radius:var(--raio);background:linear-gradient(180deg,#3e3e3e,#676767 50%,#3e3e3e);transform:translate(var(--espessura-x),var(--espessura-y))}
.sx .ha-moldura,.sx .ha-tampa{position:absolute;background:#0b0b0b;box-shadow:inset 0 0 0 var(--aro-largura) var(--aro-cor)}
.sx .ha-moldura{inset:0;border-radius:var(--raio)}
.sx .ha-tela{position:absolute;inset:var(--borda);overflow:hidden;border-radius:var(--raio-tela)}
.sx .ha-tampa{top:0;left:9.52%;width:80.93%;height:96.6%;border-radius:var(--raio) var(--raio) 0 0;background:linear-gradient(to top,#1b222b .76cqw,#0b0b0b .76cqw)}
.sx .ha-notebook .ha-tela{border-radius:0 0 var(--raio-tela) var(--raio-tela)}
.sx .ha-barra{position:absolute;top:.81cqw;left:.6cqw;right:.6cqw;height:.67cqw;border-radius:var(--raio-tela) var(--raio-tela) 0 0;background:radial-gradient(circle at .55cqw 50%,#ff5f57 .11cqw,transparent .13cqw),radial-gradient(circle at .95cqw 50%,#febc2e .11cqw,transparent .13cqw),radial-gradient(circle at 1.35cqw 50%,#28c840 .11cqw,transparent .13cqw),linear-gradient(#5a5a5c,#444446)}
.sx .ha-base{position:absolute;left:0;right:0;bottom:0;height:3.4%;border-radius:0 0 8% 8%/0 0 100% 100%;background:linear-gradient(180deg,#c3c9d0 0%,#98a0a8 30%,#5c6268 60%,#1d2023 100%)}
.sx .ha-base:after{content:"";position:absolute;top:0;left:43%;width:14%;height:38%;border-radius:0 0 .4cqw .4cqw;background:linear-gradient(180deg,#4f555c,#7b828a)}
.sx .ha-reflexo{position:absolute;top:100%;left:0;right:0;height:var(--reflexo);overflow:hidden;opacity:.5;filter:blur(.15cqw);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.sx .ha-reflexo .ha-corpo{inset:0 0 auto;height:var(--altura);transform:scaleY(-1)}
.sx #hp-aparelhos{position:absolute;left:0;top:0;z-index:4}
.sx .ha-notebook .ha-tampa{background:none;box-shadow:none}
.sx .ha-notebook .ha-tampa:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,#1b222b .76cqw,#0b0b0b .76cqw);box-shadow:inset 0 0 0 var(--aro-largura) var(--aro-cor);opacity:var(--moldura,1)}
.sx .ha-notebook .ha-barra,.sx .ha-notebook .ha-base,.sx .ha-notebook > .ha-reflexo{opacity:var(--moldura,1)}
.sx .ha-notebook > .ha-corpo .ha-tela{overflow:visible;background:transparent}
.sx .anel{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:1100px;perspective-origin:50% 50%;opacity:0;visibility:hidden}
.sx .an-cil{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.sx .an-c{position:absolute;left:-160px;top:-100px;width:320px;height:200px;border-radius:12px;overflow:hidden;backface-visibility:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 30px 60px -30px rgba(0,0,0,.9)}
.sx .an-c img{display:block;width:100%;height:100%;object-fit:cover}
.sx .janela{position:absolute;left:0;top:0;width:880px;height:550px;border-radius:18px;background:#101113;box-shadow:0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.07),0 60px 120px -40px rgba(0,0,0,.95);overflow:hidden;z-index:6;transform-origin:50% 50%;will-change:transform,opacity;opacity:0;font-family:Inter,system-ui,sans-serif;color:#E8ECF0;display:flex;flex-direction:column}
.sx .jt{height:40px;flex:none;display:flex;align-items:center;gap:8px;padding:0 14px;background:#141518;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.sx .jt i{width:11px;height:11px;border-radius:50%;background:#2A2C31}
.sx .jt .busca{margin:0 auto;width:260px;height:24px;border-radius:7px;background:#1C1D21;color:#6B7580;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px}
.sx .jt .eu{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#7FE6FF,#009CFF)}
.sx .jc{flex:1;display:flex;min-height:0}
.sx .lateral{width:168px;flex:none;padding:12px 10px;box-sizing:border-box;background:#0E0F11;box-shadow:inset -1px 0 0 rgba(255,255,255,.05);display:flex;flex-direction:column;gap:2px}
.sx .lateral .marca{display:flex;align-items:center;gap:8px;padding:4px 8px 12px;font:700 14px Satoshi,sans-serif;color:#fff}
.sx .lateral .marca img{width:18px;height:19px}
.sx .si{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:12.5px;font-weight:500;color:#8B95A1;transition:background .35s,color .35s}
.sx .si svg{flex:none;stroke:#59636E;transition:stroke .35s}
.sx .si.on{background:rgba(56,189,255,.12);color:#fff}
.sx .si.on svg{stroke:#38BDFF}
.sx .si .bd{margin-left:auto;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#38BDFF;color:#04121c;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.34,1.5,.64,1)}
.sx .si .bd.on{opacity:1;transform:none}
.sx .principal{flex:1;position:relative;overflow:hidden;min-width:0}
.sx .vista{position:absolute;inset:0;padding:16px;box-sizing:border-box;will-change:transform,opacity}
.sx .v-site{display:grid;grid-template-columns:1fr 236px;gap:14px}
.sx .sitep{position:relative;border-radius:12px}
.sx .contatos{position:relative;border-radius:12px;background:#16171A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);padding:12px 10px;display:flex;flex-direction:column;min-height:0}
.sx .contatos .hd{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;font-size:12.5px;font-weight:600}
.sx .contatos .hd span{font-size:10.5px;font-weight:700;color:#04121c;background:#38BDFF;border-radius:999px;padding:2px 7px}
.sx .ct{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .4s}
.sx .ct > div{overflow:hidden}
.sx .ct .in{display:flex;align-items:center;gap:8px;padding:7px 6px;margin-top:2px;border-radius:9px;transition:background .3s,box-shadow .3s}
.sx .ct.on{grid-template-rows:1fr;opacity:1}
.sx .ct.toque .in{background:rgba(56,189,255,.16);box-shadow:inset 0 0 0 1px rgba(56,189,255,.5)}
.sx .av{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}
.sx .ct .nm{min-width:0;flex:1 1 auto}
.sx .ct .n{font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.sx .ct .c{font-size:10.5px;color:#8B95A1;white-space:nowrap}
.sx .ct .t{margin-left:auto;font-size:10px;color:#59636E}
.sx .chip{position:absolute;left:0;top:0;z-index:8;opacity:0;will-change:transform,opacity;pointer-events:none}
.sx .chip .ci2{display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(26,27,31,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 20px 40px -18px rgba(0,0,0,.9);font-family:Inter,system-ui,sans-serif;white-space:nowrap;animation:boia 5s ease-in-out infinite}
.sx .chip .n{font-size:13px;font-weight:600}
.sx .chip .c{font-size:11px;color:#8B95A1}
@keyframes boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.sx .janela.estreita{width:560px;height:620px}
.sx .janela.estreita .lateral{display:none}
.sx .janela.estreita .v-site{grid-template-columns:1fr 200px}
.sx .tl .vt{--surface-floor:#dfe3e8;--surface-raised-top:#ffffff;--surface-raised-bottom:#f2f4f7;--surface-raised-strong-top:#ffffff;--surface-raised-strong-bottom:#eef1f5;--surface-field:#e9edf1;--surface-chip:#e4e8ec;--accent-brand:#0072cc;--accent-danger:#dc2626;--text-primary:#1a2330;--text-secondary:#334155;--text-muted:#55657a;--text-faint:#7c8aa0;--edge-soft:rgba(23,32,42,.10);--edge-halo:rgba(255,255,255,.9);--relief-raised:0 0 0 1px rgba(23,32,42,.10),inset 0 1px 0 0 rgba(255,255,255,.95),0 10px 24px -10px rgba(23,32,42,.22),0 2px 6px -2px rgba(23,32,42,.12);--relief-raised-short:0 0 0 1px rgba(23,32,42,.10),inset 0 1px 0 0 rgba(255,255,255,.95),0 8px 18px -8px rgba(23,32,42,.24),0 2px 5px -2px rgba(23,32,42,.12);--relief-tab-active:0 0 0 1px rgba(23,32,42,.10),inset 0 1px 0 0 rgba(255,255,255,.95),0 10px 24px -10px rgba(23,32,42,.22),0 2px 6px -2px rgba(23,32,42,.12),0 4px 10px -4px rgba(23,32,42,.28),inset 2px 0 0 0 var(--accent-brand);--relief-field-sunken:inset 0 1px 3px rgba(23,32,42,.18),inset 0 -1px 0 rgba(255,255,255,.8);--relief-pill:inset 0 1px 3px rgba(23,32,42,.15),inset 0 -1px 0 rgba(255,255,255,.75);--relief-popover:0 0 0 1px rgba(23,32,42,.10),inset 0 1px 0 0 rgba(255,255,255,.95),0 24px 48px -16px rgba(23,32,42,.35),0 6px 14px -6px rgba(23,32,42,.16);--radius-card:12px;overflow:hidden;background:var(--surface-floor);font-family:Inter,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}
.sx .tl .escala{position:absolute;left:0;top:0;width:var(--jw);height:var(--jh);transform:scale(var(--js));transform-origin:0 0;box-sizing:border-box;padding:4px;display:flex;gap:8px;line-height:1.5}
.sx .tl .escala *,.sx .tl .escala *:before,.sx .tl .escala *:after{box-sizing:border-box}
.sx .tl .ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block}
.sx .tl .shell-card-3d{position:relative;border-radius:var(--radius-card);background-image:linear-gradient(180deg,var(--surface-raised-top) 0%,var(--surface-raised-bottom) 100%);box-shadow:var(--relief-raised-short)}
.sx .tl .shell-card-3d--tall{box-shadow:var(--relief-raised)}
.sx .tl .shell-popover-3d{border-radius:14px;background-image:linear-gradient(180deg,var(--surface-raised-top) 0%,var(--surface-raised-bottom) 100%);box-shadow:var(--relief-popover)}
.sx .tl .shell-chip--inset{background:var(--surface-chip);box-shadow:var(--relief-pill)}
.sx .tl .shell-tab{position:relative;border-radius:7px}
.sx .tl .shell-tab--active{color:var(--text-primary);background-image:linear-gradient(180deg,var(--surface-raised-strong-top) 0%,var(--surface-raised-strong-bottom) 100%);box-shadow:var(--relief-tab-active)}
.sx .tl .shell-tab--idle{color:var(--text-muted)}
.sx .tl .vtrilho{width:80px;flex-shrink:0;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:4px}
.sx .tl .logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -1px .5px rgba(23,32,42,.12))}
.sx .tl .logo img{width:28px;height:28px;object-fit:contain;display:block}
.sx .tl .trilho-div{width:32px;height:1px;margin:4px 0;background:var(--edge-soft)}
.sx .tl .produto{width:66px;height:54px;flex-shrink:0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.sx .tl .produto--ativo .ic{color:var(--accent-brand)}
.sx .tl .produto-nome{font-size:10px;line-height:12px;font-weight:500;white-space:nowrap}
.sx .tl .trilho-fim{flex:1}
.sx .tl .ajustes{width:44px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.sx .tl .paginas{position:absolute;z-index:40;top:4px;left:92px;width:224px;height:calc(100% - 8px);display:flex;flex-direction:column}
.sx .tl .paginas-titulo{padding:18px 20px 12px;font-size:15px;line-height:20px;font-weight:600}
.sx .tl .paginas-lista{display:flex;flex-direction:column;gap:2px;padding:0 10px}
.sx .tl .pagina{height:32px;display:flex;align-items:center;padding:0 10px;border-radius:8px;font-size:13px;line-height:16px;font-weight:500}
.sx .tl .pagina.shell-tab--active{font-weight:600}
.sx .tl .conteudo{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}
.sx .tl .cabecalho{height:48px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 8px 0 16px;border-radius:12px;position:relative;z-index:2}
.sx .tl .titulo{margin:0;font-size:16px;line-height:20px;font-weight:600;white-space:nowrap}
.sx .tl .contagem{font-size:12px;color:var(--text-muted);white-space:nowrap;margin-left:8px}
.sx .tl .sep{width:1px;flex-shrink:0;background:var(--edge-soft)}
.sx .tl .busca{margin-left:10px;width:240px;height:30px;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;background:var(--surface-field);box-shadow:var(--relief-field-sunken);font-size:12px;color:var(--text-faint)}
.sx .tl .ctrl{position:relative;height:30px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}
.sx .tl .ctrl--icone{width:30px}
.sx .tl .ctrl--rotulo{gap:6px;padding:0 10px;font-size:12px;font-weight:500;white-space:nowrap}
.sx .tl .ctrl--principal{font-weight:600;color:var(--accent-brand)}
.sx .tl .ponto-sino{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:999px;background:var(--accent-danger);box-shadow:0 0 0 2px var(--edge-halo)}
.sx .tl .espaco{flex:1}
.sx .tl .pessoa{margin:0 2px 0 6px;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.sx .tl .pessoa-nome{font-size:13px;line-height:16px;font-weight:600;white-space:nowrap}
.sx .tl .pessoa-linha{display:flex;align-items:center;gap:3px;font-size:11px;line-height:14px;color:var(--text-muted);white-space:nowrap}
.sx .tl .avatar{width:32px;height:32px;flex-shrink:0;border-radius:999px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#F2CDB8 0 22%,rgba(0,0,0,0) 23%),radial-gradient(ellipse 60% 44% at 50% 100%,#B9577F 0 70%,rgba(0,0,0,0) 72%),radial-gradient(circle at 50% 34%,#5B3A2E 0 34%,rgba(0,0,0,0) 35%),linear-gradient(160deg,#F4E3D7,#E8C9B6);box-shadow:0 0 0 2px #fff,0 2px 6px rgba(23,32,42,.25)}
.sx .tl .area{flex:1;min-height:0;padding:8px 0 0;overflow:hidden}
.sx .tl .grade{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px}
.sx .tl .vcartao{position:relative;aspect-ratio:4/3;border-radius:16px}
.sx .tl .cartao-face{position:absolute;inset:0;isolation:isolate;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0f172a;box-shadow:0 0 0 1px rgba(23,32,42,.28),0 10px 22px -12px rgba(23,32,42,.45)}
.sx .tl .cartao-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sx .tl .cartao-face:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 20%,rgba(0,0,0,.30) 55%,rgba(0,0,0,.05) 100%)}
.sx .tl .cartao-face:before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:25%;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
.sx .tl .cartao-cima{position:absolute;z-index:2;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sx .tl .selo{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.55);color:#cbd5e1}
.sx .tl .selo--premium{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.32)}
.sx .tl .circulo{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#fff;margin-left:auto}
.sx .tl .cartao-baixo{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff}
.sx .tl .cartao-baixo h3{margin:0;font-size:14px;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.sx .tl .cartao-baixo p{margin:0 0 10px;font-size:11px;color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.sx .tl .acoes{display:flex;gap:8px}
.sx .tl .acao{flex:1;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:600;color:#fff}
.sx .tl .vcartao.vivo .cartao-face{box-shadow:0 0 0 1px rgba(23,32,42,.28),0 22px 36px -16px rgba(23,32,42,.6)}
.sx .tl .vcartao.vivo{transform:perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(-2px)}
.sx .tl .vcartao.vivo .acao{background:rgba(255,255,255,.25)}
.sx .tl .mouse{position:absolute;z-index:50;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.sx .tl .tablet .busca{display:none}
.sx .tl .ejan{position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;background:#171717;user-select:none}
.sx .tl .ed *,.sx .tl .ed *:before,.sx .tl .ed *:after,.sx .tl .artboard *{box-sizing:border-box}
.sx .tl .ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block}
.sx .tl .etopo{height:51px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 10px;background:#111;border-bottom:1px solid #212121}
.sx .tl .ib{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;flex-shrink:0}
.sx .tl .lab{width:26px;height:26px;border-radius:6px;background:#0099ff;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx .tl .topo-meio{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}
.sx .tl .doc{font-size:12px;font-weight:600;color:#fff}
.sx .tl .salvo{font-size:11px;color:#999;white-space:nowrap}
.sx .tl .ebtn{height:30px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#fff;background:#1f1f1f;white-space:nowrap}
.sx .tl .ebtn--nu{background:transparent}
.sx .tl .ebtn--publicar{background:#0099ff;font-weight:600}
.sx .tl .corpo{flex:1;min-height:0;display:flex}
.sx .tl .esq,.sx .tl .dir{width:260px;flex-shrink:0;background:#111;display:flex;flex-direction:column;overflow:hidden}
.sx .tl .esq{border-right:1px solid #212121}
.sx .tl .dir{border-left:1px solid #212121}
.sx .tl .abas{display:flex;border-bottom:1px solid #212121;flex-shrink:0}
.sx .tl .aba{flex:1;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#ccc;border-bottom:2px solid transparent}
.sx .tl .aba--ativa{color:#fff;border-bottom-color:#0099ff}
.sx .tl .ecampo{height:30px;padding:0 10px;border-radius:8px;background:#1f1f1f;font-size:12px;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
.sx .tl .campo--vazio{color:#777}
.sx .tl .ecampo .ic{margin-left:auto;color:#999}
.sx .tl .arvore{flex:1;min-height:0;padding:0 0 8px}
.sx .tl .no{height:24px;display:flex;align-items:center;gap:6px;padding-right:8px;font-size:12px;color:#ccc;white-space:nowrap}
.sx .tl .no .seta{width:12px;color:#777}
.sx .tl .no .tipo{color:#999}
.sx .tl .no--sel{background:#0099ff22;color:#fff}
.sx .tl .no--sel .tipo{color:#0099ff}
.sx .tl .historico{border-top:1px solid #212121;padding:8px 10px 10px;flex-shrink:0}
.sx .tl .historico b{display:block;font-size:11px;font-weight:600;color:#ccc}
.sx .tl .historico span{display:block;margin-top:6px;font-size:11px;color:#777}
.sx .tl .epalco{flex:1;min-width:0;position:relative;overflow:hidden;background:#171717}
.sx .tl .rotulo{position:absolute;display:flex;align-items:baseline;gap:4px;font-size:11px;color:#999;white-space:nowrap}
.sx .tl .rotulo b{font-weight:600;color:#ccc}
.sx .tl .artboard{position:absolute;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #2a2a2a}
.sx .tl .site-escala{position:absolute;left:0;top:0;width:1280px;transform-origin:0 0}
.sx .tl .sel{position:absolute;inset:-6px -8px;border:2px solid #0099ff;pointer-events:none}
.sx .tl .sel i{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #0099ff;border-radius:3px}
.sx .tl .sel .al1{left:-8px;top:-8px}
.sx .tl .sel .al2{right:-8px;top:-8px}
.sx .tl .sel .al3{left:-8px;bottom:-8px}
.sx .tl .sel .al4{right:-8px;bottom:-8px}
.sx .tl .sel .medida{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);padding:3px 10px;border-radius:6px;background:#0099ff;color:#fff;font:600 20px/1.3 Inter,sans-serif;letter-spacing:0;white-space:nowrap}
.sx .tl .barra{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#1a1a1a;border:1px solid #212121;box-shadow:0 8px 24px rgba(0,0,0,.45);z-index:5}
.sx .tl .barra .ib{width:28px;height:28px;border-radius:999px}
.sx .tl .barra .ib--ativo{background:#0099ff;color:#fff}
.sx .tl .zoom{height:28px;display:flex;align-items:center;gap:4px;padding:0 8px 0 10px;font-size:12px;color:#fff}
.sx .tl .zoom .ic{color:#999}
.sx .tl .secao{border-bottom:1px solid #212121}
.sx .tl .secao-topo{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:#ccc}
.sx .tl .secao-topo span{color:#999;width:12px;text-align:center}
.sx .tl .secao-corpo{display:flex;flex-direction:column;gap:8px;padding:0 10px 12px}
.sx .tl .linha{display:flex;gap:8px;align-items:flex-end}
.sx .tl .linha>div{flex:1;min-width:0}
.sx .tl .legenda{display:block;margin-bottom:3px;font-size:12px;color:#ccc}
.sx .tl .cor{width:16px;height:16px;border-radius:4px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.sx .tl .segmentos{display:flex;height:30px;border-radius:8px;background:#1f1f1f;padding:2px;gap:2px}
.sx .tl .segmentos span{flex:1;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;color:#999}
.sx .tl .segmentos .ligado{background:#2a2a2a;color:#fff}
.sx .tl .nome-no{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;border-bottom:1px solid #212121;font-size:12px;font-weight:600}
.sx .tl .nome-no .ic{color:#0099ff}
.sx .tl .bella-hero *{box-sizing:border-box;margin:0;padding:0}
.sx .tl .bella-hero{position:relative;width:1280px;height:800px;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
.sx .tl .bella-hero .nav{position:absolute;left:0;right:0;top:0;height:84px;display:flex;align-items:center;gap:34px;padding:0 140px;z-index:2}
.sx .tl .bella-hero .nav .marca{margin-right:auto}
.sx .tl .bella-hero .nav a{font-size:13px;letter-spacing:.04em;text-decoration:none;color:inherit}
.sx .tl .bella-hero .btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:999px}
.sx .tl .bella-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.sx .tl .bella-hero{background:#F4ECE4;color:#2E211D}
.sx .tl .bella-hero .nav .marca{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;letter-spacing:.01em}
.sx .tl .bella-hero .nav .marca i{color:#B0664A}
.sx .tl .bella-hero .nav .agendar{height:40px;padding:0 20px;font-size:12px;background:#2E211D;color:#F4ECE4}
.sx .tl .bella-hero .texto{position:absolute;left:140px;top:178px;width:520px}
.sx .tl .bella-hero .kicker{font-size:11px;letter-spacing:.32em;color:#B0664A;font-weight:600;display:flex;align-items:center;gap:14px}
.sx .tl .bella-hero .kicker:before{content:"";width:34px;height:1px;background:#B0664A}
.sx .tl .bella-hero h1{margin-top:26px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:104px;line-height:.92;letter-spacing:-.01em}
.sx .tl .bella-hero h1 em{color:#B0664A;font-style:italic}
.sx .tl .bella-hero p{margin-top:26px;font-size:16px;line-height:1.6;color:#5B4A43;width:420px}
.sx .tl .bella-hero .acoes{margin-top:34px;display:flex;gap:14px}
.sx .tl .bella-hero .a1{background:#2E211D;color:#F4ECE4}
.sx .tl .bella-hero .a2{border:1px solid #2E211D}
.sx .tl .bella-hero .quadro{position:absolute;left:700px;top:118px;width:460px;height:600px;border-radius:230px 230px 18px 18px;overflow:hidden}
.sx .tl .bella-hero .quadro .foto{background-position:62% center}
.sx .tl .bella-hero .nota{position:absolute;left:640px;top:600px;background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 18px 40px -16px rgba(46,33,29,.35)}
.sx .tl .bella-hero .nota b{display:block;font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1}
.sx .tl .bella-hero .nota span{font-size:12px;color:#7A6A63}
.sx .tl .bella-hero .foto{background-image:url("img/83266404cb5fcd7180f1f43000954b80.jpg")}
.sx .tl .agenda{position:relative;width:1280px;height:var(--ag,0px);overflow:hidden;background:#EFE3D8;color:#2E211D;font-family:Inter,sans-serif}
.sx .tl .ag-in{position:absolute;left:0;top:0;width:1280px;height:420px;box-sizing:border-box;padding:76px 140px;display:flex;justify-content:space-between;align-items:center}
.sx .tl .ag-tx{width:470px}
.sx .tl .ag-tx .kicker{font-size:11px;letter-spacing:.32em;color:#B0664A;font-weight:600}
.sx .tl .ag-tx h2{margin:16px 0 0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:68px;line-height:.95}
.sx .tl .ag-tx h2 em{color:#B0664A}
.sx .tl .ag-tx p{margin:20px 0 0;font-size:15px;line-height:1.6;color:#5B4A43}
.sx .tl .ag-card{width:470px;padding:26px;border-radius:22px;background:#FBF7F3;box-shadow:0 24px 50px -30px rgba(46,33,29,.55);display:flex;flex-direction:column;gap:12px}
.sx .tl .ag-f{height:50px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4D6CB;display:flex;align-items:center;padding:0 16px;font-size:15px;color:#A39189;transition:box-shadow .25s}
.sx .tl .ag-f.cheio{color:#2E211D}
.sx .tl .ag-f.foco{box-shadow:inset 0 0 0 2px #B0664A}
.sx .tl .ag-f .ic{margin-left:auto;color:#A39189}
.sx .tl .ag-btn{position:relative;height:52px;border-radius:999px;background:#2E211D;color:#F4ECE4;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;transition:background .35s}
.sx .tl .ag-btn.feito{background:#3F6B4E}
.sx .tl .servicos{width:1280px;padding:96px 140px 110px;background:#FBF7F3;color:#2E211D;font-family:Inter,sans-serif;box-sizing:border-box}
.sx .tl .servicos .kicker{font-size:11px;letter-spacing:.32em;color:#B0664A;font-weight:600}
.sx .tl .servicos h2{margin:18px 0 0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:60px;line-height:1}
.sx .tl .servicos .grade{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sx .tl .servicos .item{padding:26px 24px;border-radius:18px;background:#fff;box-shadow:0 14px 30px -22px rgba(46,33,29,.45)}
.sx .tl .servicos .item b{display:block;font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600}
.sx .tl .servicos .item span{display:block;margin-top:8px;font-size:14px;line-height:1.5;color:#7A6A63}
.sx .tl .servicos .item em{display:block;margin-top:18px;font-style:normal;font-size:13px;font-weight:600;color:#B0664A}
.sx .tl{position:absolute;left:0;top:0;width:1280px;height:1600px;transform-origin:0 0;overflow:hidden;font-family:Inter,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:normal}
.sx .tl-sombra{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;opacity:0;box-shadow:0 60px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.sx .tl .vt{position:absolute;left:0;top:0;width:1280px;height:800px;z-index:6}
.sx .tl .ed-fundo{position:absolute;left:0;top:0;width:1280px;height:800px;background:#171717;z-index:0}
.sx .tl .ed{position:absolute;left:0;top:0;width:1280px;height:800px;z-index:2}
.sx .tl .ed .etopo{position:absolute;left:0;top:0;width:1280px}
.sx .tl .ed .esq,.sx .tl .ed .dir{position:absolute;top:51px;height:749px}
.sx .tl .ed .esq{left:0}
.sx .tl .ed .dir{right:0}
.sx .tl .ed .rotulo{left:320px;top:75px}
.sx .tl .no--novo{height:0;overflow:hidden}
.sx .tl .dir2{opacity:0}
.sx .tl .campo-l{display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:#1f1f1f;font-size:12px;color:#fff}
.sx .tl .campo-l em{font-style:normal;color:#999}
.sx .tl .artboard{z-index:1;left:320px;top:95px;width:640px;height:705px}
.sx .tl .artboard .sel{opacity:1}
.sx .tl #tl-fsel{opacity:0}
.sx .tl #tl-h1t{transition:color .45s}
.sx .tl .caret{display:inline-block;width:5px;height:.8em;margin-left:6px;vertical-align:-.04em;background:#0099ff;animation:tl-pisca 1s steps(1) infinite}
.sx .tl .menu{position:absolute;left:82px;top:46px;width:190px;padding:6px;border-radius:10px;background:#1f1f1f;box-shadow:0 0 0 1px #2a2a2a,0 18px 40px rgba(0,0,0,.55);opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .25s}
.sx .tl .menu.on{opacity:1;transform:none}
.sx .tl .mi{height:30px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:6px;font-size:12px;color:#ccc}
.sx .tl .mi.hover{background:#0099ff;color:#fff}
.sx .tl .pop{position:absolute;padding:12px;border-radius:12px;background:#1f1f1f;box-shadow:0 0 0 1px #2a2a2a,0 18px 40px rgba(0,0,0,.55);opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .25s}
.sx .tl .pop.on{opacity:1;transform:none}
.sx .tl .pop b{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:10px}
.sx .tl .pop-cor{left:780px;width:200px}
.sx .tl .amostras{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sx .tl .amostras i{height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.sx .tl .amostras i.on{box-shadow:0 0 0 2px #1f1f1f,0 0 0 4px #0099ff}
.sx .tl .pop-pub{right:10px;top:46px;width:286px}
.sx .tl .dominio{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#171717;margin-bottom:12px;color:#999}
.sx .tl .dominio span{display:block;font-size:13px;font-weight:600;color:#fff}
.sx .tl .dominio em{display:flex;align-items:center;gap:5px;margin-top:2px;font-style:normal;font-size:11px;color:#86E0B8}
.sx .tl .dominio em i{width:6px;height:6px;border-radius:50%;background:#34D399}
.sx .tl .pub-agora{display:flex;justify-content:center;gap:8px;height:34px}
.sx .tl .pub-agora.feito{background:#1E7A4E}
.sx .tl .gira{display:none;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:tl-gira .7s linear infinite}
.sx .tl .carregando .gira{display:inline-block}
.sx .tl .bb{position:absolute;left:0;top:0;width:1280px;height:36px;z-index:3;background:#ECE7E2;display:flex;align-items:center;gap:7px;padding:0 14px;box-sizing:border-box;opacity:0;box-shadow:inset 0 -1px 0 rgba(46,33,29,.1)}
.sx .tl .bb>i{width:11px;height:11px;border-radius:50%;background:#D3CBC4}
.sx .tl .bb .url{margin:0 auto;height:24px;padding:0 14px;border-radius:7px;background:#fff;color:#5B4A43;font-size:12.5px;display:flex;align-items:center;gap:7px}
.sx .tl .bb .url .ic{color:#3F6B4E}
.sx .tl .clone{position:absolute;z-index:7;overflow:hidden;opacity:0;border-radius:6px}
.sx .tl .clone img{position:absolute;display:block}
.sx .tl .cur{position:absolute;left:0;top:0;z-index:8;transform-origin:4px 2px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));opacity:0}
@keyframes tl-pisca{50%{opacity:0}}
@keyframes tl-gira{to{transform:rotate(360deg)}}