/* CurtaEdit · área de membros. Mesma cara da página de vendas, mais calma. */

.topo-m{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(7,6,10,.78);border-bottom:1px solid var(--linha)}
.topo-m-in{display:flex;align-items:center;gap:16px;height:62px}
.topo-m-tag{display:none}
.quem-entrou{margin-left:auto;display:flex;align-items:center;gap:12px;font:500 .78rem/1 var(--fm);color:var(--tx2);min-width:0}
.quem-entrou span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38vw}
.btn-sair{border:1px solid var(--linha);background:transparent;border-radius:8px;padding:.55em .8em;font:600 .7rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--tx2)}
.btn-sair:hover{border-color:var(--verm);color:var(--tx)}

[hidden]{display:none!important}

.carregando{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--tx2);font:600 .78rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase}
.giro{width:18px;height:18px;border-radius:50%;border:2px solid var(--linha);border-top-color:var(--verm);animation:gira-m .8s linear infinite}
@keyframes gira-m{to{rotate:360deg}}

/* ── entrar ── */
.entrar{min-height:calc(100vh - 62px - 120px);display:grid;place-items:center;padding:48px var(--lado)}
.entrar-card{width:min(520px,100%);padding:clamp(28px,6vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:18px;
  background:radial-gradient(120% 60% at 50% 0%,rgba(255,45,75,.12),transparent 60%),var(--sup)}
.entrar h1{font-size:clamp(2.1rem,7vw,3rem)}
.entrar-card>p{color:var(--tx2)}
#formEntrar{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:6px}
.campo{display:flex;flex-direction:column;gap:8px}
.campo input{width:100%;font:500 1.05rem/1.2 var(--fx);color:var(--tx);background:var(--chao);border:1px solid var(--linha);border-radius:12px;padding:16px 16px;transition:border-color .15s,box-shadow .15s}
.campo input:focus{outline:0;border-color:var(--verm);box-shadow:0 0 0 4px rgba(255,45,75,.18)}
.campo input::placeholder{color:var(--tx3)}
#formEntrar .btn{width:100%}
#formEntrar .btn[disabled]{opacity:.7;cursor:wait;transform:none}
#formEntrar .btn[disabled] span::after{content:'';display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:gira-m .8s linear infinite}
.aviso{padding:12px 14px;border-radius:10px;font-size:.92rem;background:var(--verm-fundo);border:1px solid rgba(255,45,75,.45);color:var(--tx)}
.aviso a{color:var(--verm2)}
.entrar-dicas{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:.88rem;color:var(--tx3)}
.entrar-dicas a{color:var(--verm2)}

/* ── boas-vindas e passos ── */
.boas{display:grid;gap:28px;padding-block:clamp(40px,7vw,72px) 24px;align-items:center}
.boas-txt{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.boas h1{font-size:clamp(2.3rem,7.5vw,4.2rem)}
.boas-txt p{color:var(--tx2);max-width:44ch}
.passos{list-style:none;margin:0;padding:10px;display:grid;gap:4px;position:relative}
.passos button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:0;border-radius:10px;padding:12px}
.passos button:hover{background:var(--sup2)}
.passos button i{flex:none;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--linha);position:relative;transition:all .2s}
.passos button[aria-pressed=true] i{background:var(--ok);border-color:var(--ok);box-shadow:0 0 14px rgba(62,229,138,.45)}
.passos button[aria-pressed=true] i::after{content:'';position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid var(--chao);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.passos b{display:block;font:800 .98rem/1.2 var(--ft);text-transform:uppercase}
.passos small{display:block;color:var(--tx3);font-size:.84rem;margin-top:2px}
.passos button[aria-pressed=true] b{color:var(--tx2);text-decoration:line-through;text-decoration-color:rgba(62,229,138,.6)}
.passos-barra{height:4px;margin:8px 12px 4px;border-radius:9px;background:var(--sup2);overflow:hidden}
.passos-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--verm),var(--ok));transition:width .4s}

/* ── blocos ── */
.bloco{padding-block:clamp(34px,6vw,60px)}
.cab-m{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-width:62ch}
.cab-m h2{font-size:clamp(1.9rem,5.5vw,3rem)}
.cab-m p{color:var(--tx2)}
code{font:600 .92em var(--fm);color:var(--verm2);background:var(--sup2);border:1px solid var(--linha);border-radius:6px;padding:.08em .4em;white-space:nowrap}

/* ── downloads ── */
.baixar{display:grid;gap:12px}
.arquivo{display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:center;padding:22px}
.arquivo .btn{grid-column:1/-1;width:100%}
.arquivo-zip{border-color:rgba(255,45,75,.55);background:radial-gradient(100% 120% at 0% 0%,rgba(255,45,75,.14),transparent 60%),var(--sup)}
.arquivo-ic{width:58px;height:70px;border-radius:10px;display:grid;place-items:center;font:900 .9rem/1 var(--ft);color:#fff;background:var(--verm);box-shadow:var(--brilho);
  clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%)}
.arquivo-ic-video{background:var(--sup2);box-shadow:none;color:var(--verm2);border:1px solid var(--linha)}
.arquivo-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.arquivo h2{font-size:1.5rem}
.arquivo p{color:var(--tx2);font-size:.9rem}
.arquivo .btn.carregando{opacity:.75;pointer-events:none}
.aviso-baixar{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--verm-fundo);border:1px solid rgba(255,45,75,.45);font-size:.92rem}

/* ── vídeo ── */
.video-grade{display:grid;gap:14px;align-items:start}
.player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--linha);background:#000;box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 90px -40px rgba(255,45,75,.4)}
.player video{width:100%;height:100%;object-fit:contain;background:#000}
.player-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;
  background:linear-gradient(180deg,rgba(7,6,10,.1),rgba(7,6,10,.6));font:800 1rem/1 var(--ft);text-transform:uppercase}
.play-ic{width:72px;height:72px;border-radius:50%;background:var(--verm);box-shadow:var(--brilho);position:relative;transition:transform .2s}
.play-ic::after{content:'';position:absolute;left:52%;top:50%;translate:-40% -50%;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.player-play:hover .play-ic{transform:scale(1.07)}
.player.tocando .player-play{display:none}
.player.carregando .play-ic{animation:pulsa 1s ease-in-out infinite}
@keyframes pulsa{50%{transform:scale(.9);opacity:.7}}
.capitulos{list-style:none;margin:0;padding:8px;display:grid;gap:2px;max-height:none}
.capitulos button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;border-radius:8px;padding:10px 12px;color:var(--tx2);font-size:.94rem;transition:background .15s,color .15s}
.capitulos button:hover{background:var(--sup2);color:var(--tx)}
.capitulos time{flex:none;font:600 .74rem/1 var(--fm);color:var(--tx3);min-width:3.2em}
.capitulos button.agora{background:var(--sup2);color:var(--tx)}
.capitulos button.agora time{color:var(--verm)}

/* ── instalar ── */
.instalar-grade{display:grid;gap:16px;align-items:start}
.precisa-m{padding:22px;display:flex;flex-direction:column;gap:14px}
.lista-m{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lista-m li{position:relative;padding-left:22px;color:var(--tx2);font-size:.95rem}
.lista-m li::before{content:'';position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--verm);box-shadow:0 0 8px var(--verm)}
.lista-m b{color:var(--tx);font-weight:600}
.lista-m a,.cobra a{color:var(--verm2)}
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:e}
.etapas li{counter-increment:e;position:relative;padding:18px 18px 18px 64px;background:var(--sup);border:1px solid var(--linha);border-radius:12px;color:var(--tx2)}
.etapas li::before{content:counter(e);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--sup2);border:1px solid var(--linha);font:800 .9rem/1 var(--ft);color:var(--tx)}
.etapas li:nth-child(5){border-color:rgba(255,45,75,.55)}
.etapas li:nth-child(5)::before{background:var(--verm);border-color:var(--verm);color:#fff;box-shadow:0 0 16px rgba(255,45,75,.5)}
.etapas b{color:var(--tx);font-weight:600}
.copia{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:8px 8px 8px 16px;border-radius:10px;background:var(--chao);border:1px solid var(--linha)}
.copia code{background:none;border:0;padding:0;font-size:1.05rem;color:var(--tx)}
.copia button{border:0;border-radius:8px;background:var(--verm);color:#fff;font:700 .7rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;padding:.75em 1em}
.copia button.copiou{background:var(--ok);color:var(--chao)}

/* ── usar ── */
.caminhos{display:grid;gap:12px}
.caminho{padding:22px;display:flex;flex-direction:column;gap:10px;position:relative}
.caminho-n{position:absolute;right:18px;top:12px;font:900 3rem/1 var(--ft);color:var(--sup2)}
.caminho p{color:var(--tx2);font-size:.95rem}
.caminho p b{color:var(--verm2);font:700 .72rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}
.proximas{margin-top:12px;padding:22px;display:grid;gap:14px;align-items:center}
.proximas p{color:var(--tx2);margin-top:8px;font-size:.95rem}
.proximas .copia{margin:0}

/* ── ajuda ── */
.ajuda-grade{display:grid;gap:16px;align-items:start}
.cobra{padding:22px;display:flex;flex-direction:column;gap:14px}
.problemas{display:flex;flex-direction:column;gap:8px}
.problemas h3{margin-bottom:8px}
.problemas details{background:var(--sup);border:1px solid var(--linha);border-radius:12px}
.problemas details[open]{border-color:rgba(255,45,75,.5)}
.problemas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:15px 18px;font-weight:600;font-size:.96rem}
.problemas summary::-webkit-details-marker{display:none}
.problemas summary::after{content:'+';flex:none;font:700 1.2rem/1 var(--fm);color:var(--verm);transition:transform .2s}
.problemas details[open] summary::after{transform:rotate(45deg)}
.problemas details p{padding:0 18px 16px;color:var(--tx2);font-size:.94rem}
.suporte{margin-top:16px;padding:22px;display:flex;align-items:center;gap:18px}
.suporte p{color:var(--tx2);margin-top:6px}
.suporte a{color:var(--verm2)}
.raposa{flex:none;width:56px;height:56px;image-rendering:pixelated}

.rodape-m{border-top:1px solid var(--linha);padding:30px 0 40px;text-align:center;color:var(--tx2);font-size:.88rem}
.rodape-m a{color:var(--tx2)}
.rodape-m .rodape-leg{color:var(--tx3);font-size:.76rem;margin-top:8px}

.torrada{position:fixed;left:50%;bottom:20px;z-index:60;translate:-50% 140%;padding:12px 18px;border-radius:12px;background:var(--sup2);border:1px solid var(--linha);
  font:600 .82rem/1.3 var(--fx);box-shadow:0 20px 40px rgba(0,0,0,.5);max-width:calc(100vw - 32px);
  visibility:hidden;opacity:0;transition:translate .3s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility .3s}
.torrada.on{translate:-50% 0;visibility:visible;opacity:1}

@media (min-width:720px){
  .topo-m-tag{display:inline}
  .baixar{grid-template-columns:1.2fr 1fr}
  .arquivo{grid-template-columns:auto 1fr;grid-template-rows:auto auto}
  .caminhos{grid-template-columns:repeat(3,1fr)}
  .proximas{grid-template-columns:1fr auto}
}
@media (min-width:960px){
  .boas{grid-template-columns:1.15fr .85fr;gap:48px}
  .video-grade{grid-template-columns:1fr 300px}
  .instalar-grade{grid-template-columns:320px 1fr}
  .precisa-m{position:sticky;top:84px}
  .ajuda-grade{grid-template-columns:.9fr 1.1fr}
}