/* curso.css — áreas dos cursos pagos do Tengui (02/11/2026). Mesmo visual do Tengui. */
:root{--breu:#0F1512;--breu2:#18201C;--breu3:#212b25;--ouro:#C9A227;--ouro2:#E8B93A;--rubi:#9C2B2B;--creme:#EDE6D6;--fosco:#A8A093;--linha:rgba(237,230,214,.14);--verde:#2FA85E;--erro:#e38b7a}
*{box-sizing:border-box}
body{margin:0;background:var(--breu);color:var(--creme);font-family:'Work Sans',system-ui,sans-serif;line-height:1.65}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;margin:0;line-height:1.15}
a{color:var(--ouro2)}img{max-width:100%;height:auto}
.wrap{max-width:min(1120px,94vw);margin:0 auto;padding:0 24px}
header.cab{padding:16px 0;border-bottom:1px solid var(--linha)}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:min(1180px,94vw);margin:0 auto;padding:0 24px}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--creme)}
.marca img{height:34px;width:auto;display:block}.marca span{font-family:'Fraunces',serif;font-size:1.15rem}
nav.tg{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
nav.tg a{padding:7px 11px;font-size:.9rem;text-decoration:none;color:var(--fosco);border-radius:8px}
nav.tg a:hover{color:var(--ouro2)}nav.tg a.aqui{color:var(--creme)}
nav.tg a.destaque{background:var(--ouro);color:var(--breu);font-weight:600}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.btn{display:inline-block;background:var(--ouro);color:var(--breu);text-decoration:none;padding:14px 28px;border-radius:10px;font-weight:600;border:none;font:inherit;font-weight:600;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--ouro2)}.btn:disabled{opacity:.55;cursor:default}
.btn.vaz{background:transparent;color:var(--ouro2);border:1px solid var(--ouro)}
.btn.vaz:hover{background:rgba(201,162,39,.14)}
.btn.mini{padding:8px 14px;font-size:.86rem}
.btn.del{background:transparent;color:var(--erro);border:1px solid rgba(227,139,122,.55)}
.bloco{background:var(--breu2);border:1px solid var(--linha);border-radius:16px;padding:24px;margin-bottom:18px}
.nota{color:var(--fosco);font-size:.88rem}
.aviso{display:none;margin:14px 0;padding:12px 16px;border-radius:10px;font-size:.94rem}
.aviso.ok{display:block;background:rgba(47,168,94,.13);border:1px solid rgba(47,168,94,.45)}
.aviso.erro{display:block;background:rgba(227,139,122,.12);border:1px solid rgba(227,139,122,.5)}
.aviso.info{display:block;background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.45)}
.carregando{color:var(--fosco);padding:50px 0;text-align:center}
footer.rod{border-top:1px solid var(--linha);margin-top:50px;padding:30px 24px 60px;color:var(--fosco);font-size:.86rem;text-align:center}
footer.rod a{color:var(--fosco)}
/* venda */
.heroi{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:40px;padding:50px 0 30px;align-items:center}
.heroi .capa{border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#1d2722,#0f1512);border:1px solid var(--linha);display:flex;align-items:center;justify-content:center}
.heroi .capa img{width:100%;height:100%;object-fit:cover;display:block}
.heroi .capa .sem{font-family:'Fraunces',serif;color:var(--ouro);font-size:1.4rem;padding:24px;text-align:center}
.heroi h1{font-size:clamp(2rem,5vw,3rem);margin-top:10px}
.heroi .subt{color:var(--fosco);font-size:1.12rem;margin-top:14px}
.preco{background:var(--breu2);border:1px solid rgba(201,162,39,.45);border-radius:16px;padding:22px 24px;margin-top:24px}
.preco .valor{font-family:'Fraunces',serif;font-size:2rem;color:var(--ouro2)}
.preco .cond{color:var(--fosco);font-size:.9rem;margin:4px 0 16px}
.descricao{white-space:pre-line;color:#d9d2c2}
.programa{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.programa li{background:rgba(15,21,18,.45);border:1px solid var(--linha);border-radius:12px;padding:14px 16px}
.programa .n{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.14em;color:var(--ouro);text-transform:uppercase}
.programa strong{display:block;margin-top:2px}
.programa small{color:var(--fosco)}
/* aulas */
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding:10px 0 40px}
.cartao{display:flex;flex-direction:column;background:var(--breu2);border:1px solid var(--linha);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--creme);transition:border-color .15s,transform .15s}
.cartao:hover{border-color:rgba(201,162,39,.6);transform:translateY(-2px)}
.cartao .img{aspect-ratio:16/9;background:linear-gradient(160deg,#1d2722,#0f1512) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:2.2rem;color:var(--ouro)}
.cartao .txt{padding:16px 18px 18px}
.cartao .n{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.cartao h3{font-size:1.08rem;margin-top:4px}
.cartao p{color:var(--fosco);font-size:.9rem;margin:8px 0 0}
.selo-vista{display:inline-block;margin-top:8px;font-size:.76rem;color:var(--verde)}
.selo-rasc{display:inline-block;margin-top:8px;font-size:.76rem;color:var(--ouro2)}
/* aula */
.aula-cab{padding:40px 0 18px}
.aula-cab h1{font-size:clamp(1.7rem,4.5vw,2.5rem);margin-top:8px}
.leia{border-left:3px solid var(--rubi);background:rgba(156,43,43,.08);padding:14px 18px;border-radius:0 12px 12px 0;margin:18px 0;white-space:pre-line}
.leia b{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);display:block;margin-bottom:6px;font-weight:400}
.midia{margin:18px 0}
.midia audio{width:100%}
.midia .rot{font-size:.86rem;color:var(--fosco);margin-bottom:6px}
.video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.texto{color:#d9d2c2;white-space:pre-line}
.navaula{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:30px 0}
@media(max-width:760px){.heroi{grid-template-columns:1fr;gap:24px;padding-top:30px}.heroi .capa{max-width:300px;width:100%;margin:0 auto}}
/* painel */
label{display:block;font-size:.8rem;color:var(--fosco);margin:14px 0 5px}
input,textarea,select{width:100%;background:var(--breu);border:1px solid var(--linha);border-radius:9px;padding:11px 12px;color:var(--creme);font-family:inherit;font-size:.96rem}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ouro)}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.colunas{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:20px;align-items:start}
.item{display:flex;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--linha);border-radius:11px;cursor:pointer;background:rgba(15,21,18,.45);margin-bottom:8px}
.item:hover,.item.on{border-color:var(--ouro)}
.item .num{font-family:'IBM Plex Mono',monospace;color:var(--ouro);min-width:28px}
.tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:5px;border:1px solid var(--linha);margin-right:4px}
.tag.ok{color:var(--verde);border-color:rgba(47,168,94,.5)}.tag.rasc{color:var(--ouro2);border-color:rgba(201,162,39,.5)}
.arq{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:.86rem;color:var(--fosco)}
.barra{height:5px;background:rgba(237,230,214,.12);border-radius:99px;margin-top:8px;overflow:hidden;display:none}
.barra span{display:block;height:100%;background:var(--ouro);width:0%}
@media(max-width:900px){.colunas{grid-template-columns:1fr}.dupla{grid-template-columns:1fr}}