/* /Components/Compartilhado/ArvoreRecortes.razor.rz.scp.css */
/* Árvore de recortes BNCC (compartilhada: Simulado multi + Consultar BNCC única) */
.ar-arvore[b-ok9qtejj1d] {
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid var(--gp-borda, #e2e5f0);
    border-radius: 10px;
    padding: .5rem .65rem;
    background: #fff;
    font-size: .9rem;
}

.ar-linha[b-ok9qtejj1d] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .18rem .2rem;
    border-radius: 6px;
}

.ar-linha:hover[b-ok9qtejj1d] { background: #f4f6fd; }

.ar-exp[b-ok9qtejj1d] {
    border: 0;
    background: transparent;
    padding: 0;
    width: 1.2rem;
    color: #6b7280;
    cursor: pointer;
    flex-shrink: 0;
}

.ar-exp.ar-folha[b-ok9qtejj1d] { cursor: default; }

.ar-check[b-ok9qtejj1d] {
    width: .95rem;
    height: .95rem;
    accent-color: #5b5bd6;
    cursor: pointer;
    flex-shrink: 0;
}

.ar-icone[b-ok9qtejj1d] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.ar-nome[b-ok9qtejj1d] { cursor: pointer; }

.ar-nome.on[b-ok9qtejj1d] { color: #5b5bd6; font-weight: 600; }

.ar-serie > .ar-linha .ar-nome[b-ok9qtejj1d] { font-weight: 600; }

.ar-filhos[b-ok9qtejj1d] {
    margin-left: 1.1rem;
    border-left: 1px dashed #d9dcea;
    padding-left: .45rem;
}

.ar-vazio[b-ok9qtejj1d] {
    color: #8b90a4;
    padding: .25rem .4rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}
/* /Components/Compartilhado/BuscaTopo.razor.rz.scp.css */
.bt-busca[b-q0yvxsoxab] {
    min-width: 0;
    height: 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    /* metade da tela, responsivo (04/07): sobra espaço pra escola/WhatsApp/sino */
    width: min(50vw, 520px);
    justify-self: start;
    align-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
    overflow: hidden;
}

.bt-busca i[b-q0yvxsoxab] {
    color: #6366f1;
    justify-self: center;
}

.bt-busca input[b-q0yvxsoxab] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-size: .9rem;
    font-weight: 650;
}

.bt-busca input[b-q0yvxsoxab]::placeholder {
    color: #79829b;
    font-weight: 650;
}

.bt-busca button[b-q0yvxsoxab] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
}


.bt-busca button i[b-q0yvxsoxab] { color: #fff; font-size: .95rem; }

@media (max-width: 900px) {
    .bt-busca[b-q0yvxsoxab] { width: 100%; }
}
/* /Components/Compartilhado/FeedbackWidget.razor.rz.scp.css */
/* aba flutuante na lateral direita */
.fb-aba[b-p22mk38ctx] {
    position: fixed;
    right: 0;
    top: 55%;
    z-index: 45;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 9px 10px 12px;
    border: 0;
    border-radius: 12px 0 0 12px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    writing-mode: vertical-rl;
    box-shadow: -6px 8px 22px rgba(79, 70, 229, .3);
}

.fb-aba i[b-p22mk38ctx] { writing-mode: horizontal-tb; }

.fb-badge[b-p22mk38ctx] {
    position: absolute;
    top: -7px;
    left: -7px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .66rem;
    font-weight: 900;
    writing-mode: horizontal-tb;
    box-shadow: 0 0 0 2px #fff;
}

.fb-overlay[b-p22mk38ctx] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.fb-card[b-p22mk38ctx] {
    width: min(520px, 100%);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding-bottom: 16px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
}

.fb-head[b-p22mk38ctx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.fb-head > i[b-p22mk38ctx] { font-size: 1.3rem; }
.fb-head div[b-p22mk38ctx] { flex: 1; display: grid; }
.fb-head strong[b-p22mk38ctx] { font-size: 1rem; }
.fb-head span[b-p22mk38ctx] { font-size: .76rem; opacity: .85; }

.fb-head button[b-p22mk38ctx] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 9px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.fb-msg[b-p22mk38ctx] { margin: 0 18px; padding: 9px 13px; border-radius: 10px; font-size: .84rem; font-weight: 700; }
.fb-msg.ok[b-p22mk38ctx] { background: #dcfce7; color: #15803d; }
.fb-msg.err[b-p22mk38ctx] { background: #fef2f2; color: #b91c1c; }

.fb-tipos[b-p22mk38ctx] { display: flex; gap: 8px; padding: 0 18px; }

.fb-tipos button[b-p22mk38ctx] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 6px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    color: #475569;
    font-size: .8rem;
    font-weight: 800;
    transition: border-color .14s ease, color .14s ease;
}

.fb-tipos button.on[b-p22mk38ctx] { border-color: #7c3aed; color: #6d28d9; background: #faf9ff; }

.fb-card textarea[b-p22mk38ctx] {
    margin: 0 18px;
    padding: 10px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    font: inherit;
    resize: vertical;
}

.fb-enviar[b-p22mk38ctx] {
    margin: 0 18px;
    padding: 11px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
}

.fb-enviar:disabled[b-p22mk38ctx] { opacity: .5; }

.fb-hist[b-p22mk38ctx] { display: grid; gap: 10px; padding: 4px 18px 0; }

.fb-hist-titulo[b-p22mk38ctx] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.fb-item[b-p22mk38ctx] {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
}

.fb-item.nova[b-p22mk38ctx] { border-color: #c4b5fd; background: #faf9ff; }

.fb-item-cab[b-p22mk38ctx] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.fb-item-cab em[b-p22mk38ctx] {
    padding: 2px 9px;
    border-radius: 999px;
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
    color: #fff;
}

.fb-item-cab em.t1[b-p22mk38ctx] { background: #2563eb; }
.fb-item-cab em.t2[b-p22mk38ctx] { background: #d97706; }
.fb-item-cab em.t3[b-p22mk38ctx] { background: #dc2626; }
.fb-item-cab small[b-p22mk38ctx] { color: #94a3b8; font-size: .7rem; font-weight: 700; }

.fb-item p[b-p22mk38ctx] { margin: 0; color: #334155; font-size: .82rem; line-height: 1.45; }

.fb-resposta[b-p22mk38ctx] {
    display: grid;
    gap: 3px;
    padding: 8px 11px;
    border-radius: 9px;
    background: #eef2ff;
}

.fb-resposta strong[b-p22mk38ctx] { color: #3730a3; font-size: .74rem; }
.fb-resposta span[b-p22mk38ctx] { color: #334155; font-size: .8rem; line-height: 1.4; }

.fb-lida[b-p22mk38ctx] {
    justify-self: start;
    padding: 5px 12px;
    border: 0;
    border-radius: 8px;
    background: #7c3aed;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

@media print {
    .fb-aba[b-p22mk38ctx] { display: none; }
}
/* /Components/Compartilhado/GraficoBarras.razor.rz.scp.css */
.gb-card[b-p05dkj58f2] {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.gb-card h2[b-p05dkj58f2] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: .92rem;
    font-weight: 900;
}

.gb-vazio[b-p05dkj58f2] { margin: 0; color: #94a3b8; font-size: .84rem; }

.gb-legenda[b-p05dkj58f2] {
    display: flex;
    gap: 14px;
    margin-bottom: 6px;
    font-size: .74rem;
    font-weight: 800;
}

.gb-legenda span[b-p05dkj58f2] { display: inline-flex; align-items: center; gap: 6px; color: #475569; }
.gb-legenda span[b-p05dkj58f2]::before { content: ""; width: 11px; height: 11px; border-radius: 3px; }
.gb-legenda .s1[b-p05dkj58f2]::before { background: #3b82f6; }
.gb-legenda .s2[b-p05dkj58f2]::before { background: #7c3aed; }

.gb-scroll[b-p05dkj58f2] { overflow-x: auto; }
/* /Components/Compartilhado/IconeChatSuporte.razor.rz.scp.css */
.ics-btn[b-7c6yzz7hgy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 40px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #4f46e5;
    font-size: 1.05rem;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.ics-btn:hover[b-7c6yzz7hgy] {
    transform: translateY(-1px);
    border-color: #a5b4fc;
    box-shadow: 0 10px 18px rgba(79, 70, 229, .12);
    color: #4f46e5;
}

.ics-badge[b-7c6yzz7hgy] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
}
/* /Components/Compartilhado/MiniTabela.razor.rz.scp.css */
.mt-card[b-uu0y26pfrq] {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.mt-card h2[b-uu0y26pfrq] {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: .92rem;
    font-weight: 900;
}

.mt-vazio[b-uu0y26pfrq] { margin: 0; color: #94a3b8; font-size: .84rem; }

.mt-scroll[b-uu0y26pfrq] { max-height: 340px; overflow: auto; }

.mt-card table[b-uu0y26pfrq] { width: 100%; border-collapse: collapse; font-size: .76rem; }

.mt-card th[b-uu0y26pfrq] {
    position: sticky;
    top: 0;
    padding: 6px 8px;
    background: #f8fafc;
    color: #475569;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

.mt-card td[b-uu0y26pfrq] {
    padding: 5px 8px;
    border-top: 1px solid #f1f5f9;
    color: #334155;
    white-space: nowrap;
}
/* /Components/Compartilhado/RaioXProva.razor.rz.scp.css */
/* Raio-X da prova — painel gráfico compartilhado (professor olha e sabe) */
.rxp-vazio[b-r6ky25gmtg] { color: #8b90a4; padding: .8rem; display: flex; gap: .45rem; align-items: center; }

.rxp-painel[b-r6ky25gmtg] { display: flex; flex-direction: column; gap: .8rem; }

/* ===== hero: gauge + métricas ===== */
.rxp-hero[b-r6ky25gmtg] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    align-items: center;
    border: 1px solid #ede9fe;
    border-radius: 14px;
    background: linear-gradient(135deg, #fbfaff 0%, #f4f6fd 100%);
    padding: .7rem .8rem;
}

.rxp-gauge[b-r6ky25gmtg] { position: relative; width: 108px; height: 108px; }

.rxp-gauge svg[b-r6ky25gmtg] { width: 100%; height: 100%; transform: rotate(-90deg); }

.rxp-gauge circle[b-r6ky25gmtg] { fill: none; stroke-width: 11; stroke-linecap: round; }

.rxp-gauge .trilha[b-r6ky25gmtg] { stroke: #e8eaf6; }

.rxp-gauge .valor.otimo[b-r6ky25gmtg] { stroke: #17a673; }
.rxp-gauge .valor.bom[b-r6ky25gmtg] { stroke: #f2a93b; }
.rxp-gauge .valor.fraco[b-r6ky25gmtg] { stroke: #eb5757; }

.rxp-gauge-num[b-r6ky25gmtg] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rxp-gauge-num strong[b-r6ky25gmtg] { font-size: 1.7rem; line-height: 1; color: #2d3050; }

.rxp-gauge-num span[b-r6ky25gmtg] { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; color: #8b90a4; }

.rxp-hero-metricas[b-r6ky25gmtg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

.rxp-metrica[b-r6ky25gmtg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .05rem;
    background: #fff;
    border: 1px solid #ede9fe;
    border-radius: 10px;
    padding: .4rem .55rem;
}

.rxp-metrica i[b-r6ky25gmtg] { color: #5b5bd6; font-size: .95rem; }

.rxp-metrica strong[b-r6ky25gmtg] { font-size: 1.15rem; color: #2d3050; line-height: 1.1; }

.rxp-metrica strong small[b-r6ky25gmtg] { font-size: .68rem; color: #8b90a4; margin-left: 2px; }

.rxp-metrica span[b-r6ky25gmtg] { font-size: .7rem; color: #8b90a4; }

.rxp-estrelas[b-r6ky25gmtg] { color: #f2a93b !important; letter-spacing: .08em; }

/* ===== blocos ===== */
.rxp-bloco[b-r6ky25gmtg] {
    border: 1px solid #eef0f7;
    border-radius: 12px;
    padding: .55rem .7rem;
    background: #fff;
}

.rxp-bloco h4[b-r6ky25gmtg] {
    margin: 0 0 .45rem;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: .35rem;
}

.rxp-bloco h4 i[b-r6ky25gmtg] { color: #5b5bd6; }

.rxp-duplo[b-r6ky25gmtg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }

/* barra empilhada */
.rxp-stack[b-r6ky25gmtg] {
    display: flex;
    height: .8rem;
    border-radius: 999px;
    overflow: hidden;
    background: #eef0f7;
}

.rxp-stack span[b-r6ky25gmtg] { display: block; height: 100%; transition: width .3s ease; }

.rxp-stack .f[b-r6ky25gmtg] { background: #34c98e; }
.rxp-stack .m[b-r6ky25gmtg] { background: #f2a93b; }
.rxp-stack .d[b-r6ky25gmtg] { background: #eb5757; }

.rxp-stack.tipos .obj[b-r6ky25gmtg] { background: #5b5bd6; }
.rxp-stack.tipos .dis[b-r6ky25gmtg] { background: #c084fc; }

.rxp-stack.papeis .an[b-r6ky25gmtg] { background: #0ea5e9; }
.rxp-stack.papeis .in[b-r6ky25gmtg] { background: #94a3b8; }
.rxp-stack.papeis .de[b-r6ky25gmtg] { background: #f97316; }

.rxp-legenda[b-r6ky25gmtg] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .8rem;
    margin-top: .35rem;
    font-size: .78rem;
    color: #4b5163;
}

.rxp-dot[b-r6ky25gmtg] { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .25rem; }
.rxp-dot.obj[b-r6ky25gmtg] { background: #5b5bd6; }
.rxp-dot.dis[b-r6ky25gmtg] { background: #c084fc; }
.rxp-dot.an[b-r6ky25gmtg] { background: #0ea5e9; }
.rxp-dot.in[b-r6ky25gmtg] { background: #94a3b8; }
.rxp-dot.de[b-r6ky25gmtg] { background: #f97316; }

/* barras horizontais (Bloom / TRI) */
.rxp-hbar[b-r6ky25gmtg] {
    display: grid;
    grid-template-columns: 7rem 1fr 2.6rem;
    gap: .45rem;
    align-items: center;
    margin-bottom: .3rem;
    font-size: .8rem;
}

.rxp-hbar-rotulo[b-r6ky25gmtg] { color: #4b5163; text-transform: capitalize; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rxp-hbar-trilha[b-r6ky25gmtg] {
    height: .65rem;
    background: #eef0f7;
    border-radius: 999px;
    overflow: hidden;
}

.rxp-hbar-trilha i[b-r6ky25gmtg] { display: block; height: 100%; background: #5b5bd6; border-radius: 999px; transition: width .3s ease; }

.rxp-hbar-trilha.tri .fraco[b-r6ky25gmtg] { background: #eb5757; }
.rxp-hbar-trilha.tri .medio[b-r6ky25gmtg] { background: #f2a93b; }
.rxp-hbar-trilha.tri .forte[b-r6ky25gmtg] { background: #17a673; }
.rxp-hbar-trilha.tri .chute[b-r6ky25gmtg] { background: #94a3b8; }

.rxp-hbar em[b-r6ky25gmtg] { font-style: normal; font-weight: 700; color: #2d3050; text-align: right; }

.rxp-tri-selo[b-r6ky25gmtg] {
    margin-top: .35rem;
    font-size: .78rem;
    border-radius: 8px;
    padding: .3rem .5rem;
}

.rxp-tri-selo.ok[b-r6ky25gmtg] { background: #f0fbf6; color: #17a673; }
.rxp-tri-selo.warn[b-r6ky25gmtg] { background: #fff7e8; color: #b26a00; }

/* chips */
.rxp-chips[b-r6ky25gmtg] { display: flex; flex-wrap: wrap; gap: .35rem; }

.rxp-chip[b-r6ky25gmtg] {
    background: #f2f3f8;
    color: #4b5163;
    border-radius: 999px;
    padding: .2rem .6rem;
    font-size: .76rem;
    font-weight: 600;
}

.rxp-chip.ok[b-r6ky25gmtg] { background: #f0fbf6; color: #17a673; }
.rxp-chip.warn[b-r6ky25gmtg] { background: #fff7e8; color: #b26a00; }

.rxp-leitura[b-r6ky25gmtg] { font-size: .82rem; color: #4b5163; margin-bottom: .25rem; }

@media (max-width: 680px) {
    .rxp-duplo[b-r6ky25gmtg] { grid-template-columns: 1fr; }
    .rxp-hero[b-r6ky25gmtg] { grid-template-columns: 1fr; justify-items: center; }
}
/* /Components/Compartilhado/RaioXQuestaoModal.razor.rz.scp.css */
/* Raio-X completo da questão — modal compartilhado */
.rxm-overlay[b-fyke66hwag] {
    position: fixed;
    inset: 0;
    background: rgba(23, 25, 48, .55);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.rxm-modal[b-fyke66hwag] {
    background: #fff;
    border-radius: 14px;
    width: min(760px, 96vw);
    max-height: 88vh;
    overflow-y: auto;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 18px 48px rgba(23, 25, 48, .3);
}

.rxm-head[b-fyke66hwag] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .7rem;
}

.rxm-head h2[b-fyke66hwag] { font-size: 1.15rem; margin: .1rem 0 0; }

.rxm-eyebrow[b-fyke66hwag] {
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #5b5bd6;
    font-weight: 700;
}

.rxm-fechar[b-fyke66hwag] { border: 0; background: transparent; color: #6b7280; cursor: pointer; }

.rxm-vazio[b-fyke66hwag] { color: #8b90a4; padding: 1rem 0; }

.rxm-enunciado[b-fyke66hwag] { font-size: .95rem; margin-bottom: .5rem; white-space: pre-wrap; }

.rxm-imagem[b-fyke66hwag] {
    display: block;
    max-width: 100%;
    max-height: 320px;
    margin: .4rem auto .6rem;
    border-radius: 8px;
    object-fit: contain;
}

.rxm-badges[b-fyke66hwag] { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .6rem; }

.rxm-tag[b-fyke66hwag] {
    background: #eef0fb;
    color: #4348a8;
    border-radius: 999px;
    padding: .15rem .6rem;
    font-size: .76rem;
    font-weight: 600;
}

.rxm-grid[b-fyke66hwag] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: .45rem;
    margin-bottom: .7rem;
}

.rxm-item[b-fyke66hwag] {
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    padding: .4rem .55rem;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.rxm-item span[b-fyke66hwag] { font-size: .72rem; color: #8b90a4; }

.rxm-item strong[b-fyke66hwag] { font-size: .86rem; color: #2d3050; }

.rxm-bloco[b-fyke66hwag] { margin-bottom: .65rem; }

.rxm-bloco > span[b-fyke66hwag] {
    display: block;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #8b90a4;
    margin-bottom: .25rem;
    font-weight: 700;
}

.rxm-bloco p[b-fyke66hwag] { margin: 0; font-size: .88rem; }

.rxm-alt[b-fyke66hwag] {
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    padding: .45rem .6rem;
    margin-bottom: .3rem;
    font-size: .87rem;
}

.rxm-alt.correta[b-fyke66hwag] { border-color: #34c98e; background: #f0fbf6; }

.rxm-alt.correta i[b-fyke66hwag] { color: #17a673; margin-right: .3rem; }

.rxm-alt small[b-fyke66hwag] { display: block; color: #6b7280; margin-top: .2rem; }

/* Reportar erro na questão */
.rxm-denuncia[b-fyke66hwag] { border-top: 1px dashed #e2e5f0; padding-top: .6rem; margin-top: .5rem; }

.rxm-denuncia-btn[b-fyke66hwag] {
    border: 1px solid #f0c6c6;
    background: #fff7f7;
    color: #b03a3a;
    border-radius: 8px;
    padding: .3rem .7rem;
    font-size: .82rem;
    cursor: pointer;
}

.rxm-denuncia-btn:hover[b-fyke66hwag] { background: #ffecec; }

.rxm-denuncia-cancela[b-fyke66hwag] { border: 0; background: transparent; color: #8b90a4; cursor: pointer; font-size: .82rem; }

.rxm-denuncia-form[b-fyke66hwag] { display: flex; flex-direction: column; gap: .4rem; }

.rxm-denuncia-form select[b-fyke66hwag], .rxm-denuncia-form textarea[b-fyke66hwag] {
    border: 1px solid #d9dcea;
    border-radius: 8px;
    padding: .35rem .5rem;
    font-size: .85rem;
}

.rxm-denuncia-acoes[b-fyke66hwag] { display: flex; gap: .5rem; align-items: center; }

.rxm-denuncia-ok[b-fyke66hwag] { color: #17a673; font-size: .87rem; }

/* Status da denúncia do próprio professor */
.rxm-denuncia-status[b-fyke66hwag] {
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    padding: .5rem .65rem;
    font-size: .85rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    background: #fafbff;
}

.rxm-denuncia-status.corrigida[b-fyke66hwag] { border-color: #34c98e; background: #f4fdf9; }

.rxm-denuncia-status.corrigida i[b-fyke66hwag] { color: #17a673; }

.rxm-denuncia-status.aberta i[b-fyke66hwag] { color: #b26a00; }

.rxm-denuncia-status small[b-fyke66hwag] { color: #6b7280; }

.rxm-denuncia-status .rxm-denuncia-cancela[b-fyke66hwag] { align-self: flex-start; padding: 0; }

/* ===== faixa gráfica (04/07): olhar e saber ===== */
.rxm-viz[b-fyke66hwag] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: .45rem;
    margin-bottom: .7rem;
}

.rxm-viz-card[b-fyke66hwag] {
    border: 1px solid #ede9fe;
    border-radius: 10px;
    background: linear-gradient(160deg, #fbfaff, #f4f6fd);
    padding: .45rem .35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    text-align: center;
}

.rxm-viz-card strong[b-fyke66hwag] { font-size: 1.05rem; color: #2d3050; line-height: 1.1; }

.rxm-viz-card strong em[b-fyke66hwag] { font-style: normal; font-size: .7rem; color: #8b90a4; }

.rxm-viz-card small[b-fyke66hwag] { font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; color: #8b90a4; }

.rxm-viz-icone[b-fyke66hwag] { font-size: 1.15rem; color: #5b5bd6; }

.rxm-viz-txt[b-fyke66hwag] { font-size: .85rem !important; }

.rxm-star[b-fyke66hwag] { color: #f2a93b; font-size: .8rem; letter-spacing: .06em; }

.rxm-nivel[b-fyke66hwag] { display: flex; gap: .2rem; }

.rxm-nivel i[b-fyke66hwag] {
    width: .9rem;
    height: .45rem;
    border-radius: 999px;
    background: #e8eaf6;
}

.rxm-nivel i.on.f[b-fyke66hwag] { background: #34c98e; }
.rxm-nivel i.on.m[b-fyke66hwag] { background: #f2a93b; }
.rxm-nivel i.on.d[b-fyke66hwag] { background: #eb5757; }

.rxm-disc[b-fyke66hwag] { font-size: 1.05rem; color: #8b90a4; }
.rxm-disc.ok[b-fyke66hwag] { color: #17a673; }
.rxm-disc.warn[b-fyke66hwag] { color: #b26a00; }

/* ===== gráficos ampliados (07/07) ===== */
/* Anel de score (0-5) sem style inline: uma classe por valor (conic-gradient). */
.rxm-gauge[b-fyke66hwag] {
    width: 46px; height: 46px; border-radius: 50%;
    display: grid; place-items: center;
    background: conic-gradient(#c7c9e0 0deg, #c7c9e0 0deg, #eef0fb 0deg);
}
.rxm-gauge span[b-fyke66hwag] { font-size: .95rem; font-weight: 800; color: #2d3050; line-height: 1;
    background: #fff; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; }
.rxm-gauge span em[b-fyke66hwag] { font-style: normal; font-size: .6rem; color: #8b90a4; }
/* qualidade = roxo */
.rxm-gauge.g0[b-fyke66hwag] { background: conic-gradient(#eef0fb 0deg 360deg); }
.rxm-gauge.g1[b-fyke66hwag] { background: conic-gradient(#5b5bd6 0deg 72deg, #eef0fb 72deg 360deg); }
.rxm-gauge.g2[b-fyke66hwag] { background: conic-gradient(#5b5bd6 0deg 144deg, #eef0fb 144deg 360deg); }
.rxm-gauge.g3[b-fyke66hwag] { background: conic-gradient(#5b5bd6 0deg 216deg, #eef0fb 216deg 360deg); }
.rxm-gauge.g4[b-fyke66hwag] { background: conic-gradient(#5b5bd6 0deg 288deg, #eef0fb 288deg 360deg); }
.rxm-gauge.g5[b-fyke66hwag] { background: conic-gradient(#5b5bd6 0deg 360deg); }
/* clareza = verde-água (sobrepõe as regras g* acima) */
.rxm-gauge.gc.g1[b-fyke66hwag] { background: conic-gradient(#17a673 0deg 72deg, #e6f6f0 72deg 360deg); }
.rxm-gauge.gc.g2[b-fyke66hwag] { background: conic-gradient(#17a673 0deg 144deg, #e6f6f0 144deg 360deg); }
.rxm-gauge.gc.g3[b-fyke66hwag] { background: conic-gradient(#17a673 0deg 216deg, #e6f6f0 216deg 360deg); }
.rxm-gauge.gc.g4[b-fyke66hwag] { background: conic-gradient(#17a673 0deg 288deg, #e6f6f0 288deg 360deg); }
.rxm-gauge.gc.g5[b-fyke66hwag] { background: conic-gradient(#17a673 0deg 360deg); }
.rxm-gauge.gc.g0[b-fyke66hwag] { background: conic-gradient(#e6f6f0 0deg 360deg); }

/* Escada de Bloom */
.rxm-bloom[b-fyke66hwag] { display: flex; gap: .25rem; flex-wrap: wrap; }
.rxm-bloom-step[b-fyke66hwag] {
    flex: 1; min-width: 68px; border: 1px solid #e2e5f0; border-radius: 8px;
    padding: .3rem .2rem; text-align: center; background: #fafbff; color: #8b90a4;
    display: flex; flex-direction: column; align-items: center; gap: .1rem;
}
.rxm-bloom-step b[b-fyke66hwag] { font-size: .8rem; }
.rxm-bloom-step span[b-fyke66hwag] { font-size: .64rem; text-transform: uppercase; letter-spacing: .03em; }
.rxm-bloom-step.past[b-fyke66hwag] { background: #f0f0fb; color: #7a7fd0; border-color: #dcdcf4; }
.rxm-bloom-step.on[b-fyke66hwag] { background: linear-gradient(160deg, #5b5bd6, #7a5bd6); color: #fff; border-color: #5b5bd6; box-shadow: 0 3px 10px rgba(91,91,214,.3); }
.rxm-bloom-step.on span[b-fyke66hwag] { color: #fff; }

/* Barras qualitativas */
.rxm-bars[b-fyke66hwag] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .5rem; margin-bottom: .7rem; }
.rxm-bar-top[b-fyke66hwag] { display: flex; justify-content: space-between; align-items: baseline; gap: .4rem; margin-bottom: .18rem; }
.rxm-bar-top span[b-fyke66hwag] { font-size: .72rem; color: #8b90a4; }
.rxm-bar-top em[b-fyke66hwag] { font-style: normal; font-size: .78rem; font-weight: 700; color: #2d3050; }
.rxm-bar-track[b-fyke66hwag] { height: .5rem; border-radius: 999px; background: #eef0fb; overflow: hidden; }
.rxm-bar-track i[b-fyke66hwag] { display: block; height: 100%; border-radius: 999px; }
.rxm-bar-track i.lvl0[b-fyke66hwag] { width: 0; }
.rxm-bar-track i.lvl1[b-fyke66hwag] { width: 33%; background: #34c98e; }
.rxm-bar-track i.lvl2[b-fyke66hwag] { width: 66%; background: #f2a93b; }
.rxm-bar-track i.lvl3[b-fyke66hwag] { width: 100%; background: #eb5757; }

/* Pílulas de flag on/off */
.rxm-flags[b-fyke66hwag] { display: flex; flex-wrap: wrap; gap: .35rem; }
.rxm-flag[b-fyke66hwag] {
    display: inline-flex; align-items: center; gap: .3rem;
    border-radius: 999px; padding: .2rem .6rem; font-size: .76rem; font-weight: 600;
    border: 1px solid #e2e5f0;
}
.rxm-flag i[b-fyke66hwag] { font-size: .82rem; }
.rxm-flag.on[b-fyke66hwag] { background: #eaf7f1; color: #17a673; border-color: #bfe8d6; }
.rxm-flag.off[b-fyke66hwag] { background: #f6f7fb; color: #b3b7c8; border-color: #e8eaf3; }

/* Rótulo de seção */
.rxm-sec-label[b-fyke66hwag] {
    font-size: .72rem; text-transform: uppercase; letter-spacing: .06em;
    color: #8b90a4; font-weight: 700; margin: .1rem 0 .35rem;
}

.rxm-tag-forte[b-fyke66hwag] { background: #5b5bd6; color: #fff; }
.rxm-item-erro[b-fyke66hwag] { border-color: #f0c6c6; background: #fff7f7; }
.rxm-item-erro strong[b-fyke66hwag] { color: #b03a3a; }
.rxm-diss-exp[b-fyke66hwag] { color: #6b7280; font-size: .84rem; margin-top: .25rem; }
/* /Components/Compartilhado/SeletorAluno.razor.rz.scp.css */
/* ===== Seletor de aluno com avatar (typeahead) ===== */

.sa-wrap[b-9sq9ckblav] { position: relative; }

.sa-campo[b-9sq9ckblav] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 5px 11px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    cursor: text;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.sa-wrap.is-open .sa-campo[b-9sq9ckblav] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .12);
}

.sa-lupa[b-9sq9ckblav] { color: #94a3b8; }

.sa-campo input[b-9sq9ckblav] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    color: #0f172a;
}

.sa-nome[b-9sq9ckblav] { flex: 1; min-width: 0; color: #0f172a; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sa-limpar[b-9sq9ckblav] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    font-size: .7rem;
}

.sa-avatar[b-9sq9ckblav] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.sa-avatar img[b-9sq9ckblav] { width: 100%; height: 100%; object-fit: cover; }

/* Captura cliques fora pra fechar a lista (sem JS). Fica abaixo da lista (z 30). */
.sa-backdrop[b-9sq9ckblav] {
    position: fixed;
    inset: 0;
    z-index: 29;
    background: transparent;
}

.sa-lista[b-9sq9ckblav] {
    position: absolute;
    inset: calc(100% + 6px) 0 auto 0;
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
    animation: saDescer-b-9sq9ckblav .16s ease backwards;
}

@keyframes saDescer-b-9sq9ckblav {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.sa-item[b-9sq9ckblav] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    transition: background-color .12s ease;
}

.sa-item:hover[b-9sq9ckblav] { background: #f5f3ff; }

.sa-item-textos[b-9sq9ckblav] { display: grid; min-width: 0; }
.sa-item-textos strong[b-9sq9ckblav] { color: #0f172a; font-size: .88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-item-textos small[b-9sq9ckblav] { color: #94a3b8; font-size: .74rem; font-weight: 700; }

.sa-vazio[b-9sq9ckblav] { padding: 12px; color: #64748b; font-size: .85rem; text-align: center; }
/* /Components/Compartilhado/SeletorEntidade.razor.rz.scp.css */
/* ===== Combo com miniatura (Série/Matéria/Unidade/Assunto) ===== */

.se-wrap[b-01njizyh8t] { position: relative; }

.se-campo[b-01njizyh8t] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 5px 11px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    cursor: text;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.se-wrap.is-open .se-campo[b-01njizyh8t] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .12);
}

.se-lupa[b-01njizyh8t] { color: #94a3b8; }

.se-campo input[b-01njizyh8t] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    color: #0f172a;
}

.se-nome[b-01njizyh8t] {
    flex: 1;
    min-width: 0;
    color: #0f172a;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-limpar[b-01njizyh8t] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    font-size: .7rem;
}

/* miniatura: mostra a imagem; se não carregar (.sem-img), cai no ícone */
.se-thumb[b-01njizyh8t] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef2ff, #f5f3ff);
    color: #7c3aed;
    font-size: .8rem;
}

.se-thumb img[b-01njizyh8t] { width: 100%; height: 100%; object-fit: cover; }
.se-thumb i[b-01njizyh8t] { display: none; }
.se-thumb.sem-img img[b-01njizyh8t] { display: none; }
.se-thumb.sem-img i[b-01njizyh8t] { display: block; }
.se-thumb:not(:has(img)) i[b-01njizyh8t] { display: block; }

.se-lista[b-01njizyh8t] {
    position: absolute;
    inset: calc(100% + 6px) 0 auto 0;
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
    animation: seDescer-b-01njizyh8t .16s ease backwards;
}

@keyframes seDescer-b-01njizyh8t {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.se-item[b-01njizyh8t] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    transition: background-color .12s ease;
}

.se-item:hover[b-01njizyh8t] { background: #f5f3ff; }

.se-item-nome[b-01njizyh8t] {
    min-width: 0;
    color: #0f172a;
    font-size: .88rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-vazio[b-01njizyh8t] { padding: 12px; color: #64748b; font-size: .85rem; text-align: center; }
/* /Components/Compartilhado/SinoAvisos.razor.rz.scp.css */
.sn-wrap[b-bida5gleb5] { position: relative; }

.sn-btn[b-bida5gleb5] {
    position: relative;
    width: 42px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #4f46e5;
    font-size: 1.05rem;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.sn-btn:hover[b-bida5gleb5] {
    transform: translateY(-1px);
    border-color: #a5b4fc;
    box-shadow: 0 10px 18px rgba(79, 70, 229, .12);
}

.sn-btn.is-on[b-bida5gleb5] { border-color: #7c3aed; color: #7c3aed; }

.sn-ponto[b-bida5gleb5] {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    box-shadow: 0 0 0 2px #fff;
}

.sn-painel[b-bida5gleb5] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 40;
    width: min(360px, 88vw);
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
}

.sn-cab[b-bida5gleb5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 16px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.sn-cab strong[b-bida5gleb5] { font-size: .95rem; }
.sn-cab span[b-bida5gleb5] { font-size: .72rem; opacity: .85; }

.sn-aviso[b-bida5gleb5] {
    display: flex;
    gap: 11px;
    padding: 13px 16px;
    border-bottom: 1px solid #f1f5f9;
}

.sn-aviso:last-child[b-bida5gleb5] { border-bottom: 0; }

.sn-aviso i[b-bida5gleb5] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    font-size: .95rem;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.sn-aviso.curiosidade i[b-bida5gleb5] { background: linear-gradient(135deg, #2563eb, #6366f1); }
.sn-aviso.dica i[b-bida5gleb5] { background: linear-gradient(135deg, #7c3aed, #a855f7); }

.sn-aviso div[b-bida5gleb5] { display: grid; gap: 3px; min-width: 0; }
.sn-aviso strong[b-bida5gleb5] { color: #0f172a; font-size: .85rem; }
.sn-aviso span[b-bida5gleb5] { color: #334155; font-size: .82rem; line-height: 1.45; }
.sn-aviso small[b-bida5gleb5] { color: #94a3b8; font-size: .72rem; font-weight: 700; }

.sn-vazio[b-bida5gleb5] { padding: 18px; color: #64748b; font-size: .85rem; text-align: center; }
/* /Components/Compartilhado/SinoFraude.razor.rz.scp.css */
.sf-alerta[b-u80jcfnc9n] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
    text-decoration: none;
    transition: background-color .15s ease, transform .15s ease;
}

.sf-alerta:hover[b-u80jcfnc9n] {
    background: #fee2e2;
    transform: translateY(-1px);
}

.sf-alerta i[b-u80jcfnc9n] { font-size: 17px; }

.sf-badge[b-u80jcfnc9n] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 0 2px #fff;
}
/* /Components/Compartilhado/ToastPesquisaNps.razor.rz.scp.css */
.tnps-card[b-vsur7hcrdv] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 60;
    width: 320px;
    max-width: calc(100vw - 32px);
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .16);
}

.tnps-cab[b-vsur7hcrdv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.tnps-titulo[b-vsur7hcrdv] {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.tnps-x[b-vsur7hcrdv] {
    border: 0;
    background: transparent;
    color: #94a3b8;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.tnps-sub[b-vsur7hcrdv] {
    margin: 4px 0 10px;
    font-size: 12px;
    color: #64748b;
}

.tnps-notas[b-vsur7hcrdv] {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 3px;
    margin-bottom: 4px;
}

.tnps-notas button[b-vsur7hcrdv] {
    height: 26px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #fff;
    font-size: 11px;
    color: #475569;
    cursor: pointer;
    padding: 0;
}

.tnps-notas button:hover[b-vsur7hcrdv] { border-color: #a5b4fc; }
.tnps-notas button.on[b-vsur7hcrdv] {
    background: linear-gradient(120deg, #2563eb, #7c3aed);
    border-color: transparent;
    color: #fff;
    font-weight: 800;
}

.tnps-legenda[b-vsur7hcrdv] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #94a3b8;
    margin-bottom: 10px;
}

.tnps-card textarea[b-vsur7hcrdv] {
    width: 100%;
    resize: none;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 6px 8px;
    font-size: 12.5px;
    font-family: inherit;
    margin-bottom: 8px;
    box-sizing: border-box;
}

.tnps-enviar[b-vsur7hcrdv] {
    width: 100%;
    border: 0;
    border-radius: 8px;
    padding: 8px;
    background: linear-gradient(120deg, #2563eb, #7c3aed);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
}

.tnps-enviar:disabled[b-vsur7hcrdv] { opacity: .6; cursor: default; }

.tnps-obrigado[b-vsur7hcrdv] {
    margin: 4px 0;
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
    text-align: center;
}

@media (max-width: 480px) {
    .tnps-card[b-vsur7hcrdv] { right: 12px; bottom: 12px; }
}
/* /Components/Compartilhado/TrocaEscola.razor.rz.scp.css */
/* Trocar de escola — topbar */
.te-wrap[b-7a07954nuv] { position: relative; }

/* Topbar do app é CLARA — cores escuras pros ícones aparecerem (04/07). */
.te-btn[b-7a07954nuv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid #dbe4ef;
    background: #f4f6fd;
    color: #35386e;
    border-radius: 999px;
    padding: .3rem .75rem;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    max-width: 220px;
}

.te-btn i[b-7a07954nuv] { color: #5b5bd6; }

.te-btn:hover[b-7a07954nuv], .te-btn.on[b-7a07954nuv] { background: #e8ecfb; border-color: #c7cef2; }

.te-nome[b-7a07954nuv] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.te-seta[b-7a07954nuv] { font-size: .7rem; opacity: .8; }

.te-menu[b-7a07954nuv] {
    position: absolute;
    top: calc(100% + .45rem);
    right: 0;
    min-width: 260px;
    background: #fff;
    border: 1px solid #e2e5f0;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(23, 25, 48, .18);
    padding: .4rem;
    z-index: 1100;
}

.te-titulo[b-7a07954nuv] {
    display: block;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #8b90a4;
    padding: .3rem .5rem .35rem;
    font-weight: 700;
}

.te-item[b-7a07954nuv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 8px;
    padding: .45rem .5rem;
    font-size: .86rem;
    color: #2d3050;
    cursor: pointer;
    text-align: left;
}

.te-item:hover[b-7a07954nuv] { background: #f4f6fd; }

.te-item i[b-7a07954nuv] { color: #5b5bd6; }

.te-item.atual[b-7a07954nuv] { font-weight: 700; }

.te-check[b-7a07954nuv] { margin-left: auto; color: #17a673 !important; }
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* Banner de erro do Blazor: fica ESCONDIDO até o framework mostrar de verdade.
   Sem esta regra ele aparece sempre (texto cru no rodapé) e parece erro. */
#blazor-error-ui[b-4hm2v6b6gs] {
    color-scheme: light only;
    background: #fff7c2;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-4hm2v6b6gs] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.gp-app-shell[b-wrba6sspbh] {
    min-height: 100vh;
    background: #eef2f7;
    color: #172033;
}

.gp-topbar[b-wrba6sspbh] {
    height: 44px;
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 20;
    display: grid;
    grid-template-columns: 292px minmax(280px, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 0 22px;
    border-bottom: 1px solid #dbe4ef;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    backdrop-filter: blur(14px);
}

.gp-topbar-brand[b-wrba6sspbh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.gp-brand[b-wrba6sspbh] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    color: #172033;
    font-family: "Fraunces", "Plus Jakarta Sans", serif;
    font-size: 1.2rem;
    font-weight: 700;
    font-optical-sizing: auto;
    letter-spacing: -.01em;
    text-decoration: none;
}

.gp-brand:hover[b-wrba6sspbh] {
    color: #4338ca;
}

.gp-brand-txt[b-wrba6sspbh] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.gp-brand-txt small[b-wrba6sspbh] {
    color: #64748b;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: 0;
}

.gp-brand:hover .gp-brand-mark[b-wrba6sspbh] {
    transform: rotate(-6deg) scale(1.06);
    box-shadow: 0 14px 26px rgba(124, 58, 237, .38);
}

.gp-brand-mark[b-wrba6sspbh] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    font-size: .8rem;
    font-weight: 950;
    letter-spacing: .03em;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
    box-shadow: 0 10px 20px rgba(124, 58, 237, .25);
    transition: transform .32s cubic-bezier(.34, 1.56, .64, 1), box-shadow .32s ease;
}

/* ---- hambúrguer: agora sempre visível (também recolhe o menu no desktop) ---- */
.gp-nav-toggle-input[b-wrba6sspbh] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.gp-nav-burger[b-wrba6sspbh] {
    display: flex;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

.gp-nav-burger span[b-wrba6sspbh] {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #4338ca;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .2s ease;
}

.gp-nav-toggle-input:checked ~ .gp-topbar .gp-nav-burger span:nth-child(1)[b-wrba6sspbh] { transform: translateY(6px) rotate(45deg); }
.gp-nav-toggle-input:checked ~ .gp-topbar .gp-nav-burger span:nth-child(2)[b-wrba6sspbh] { opacity: 0; transform: scaleX(0); }
.gp-nav-toggle-input:checked ~ .gp-topbar .gp-nav-burger span:nth-child(3)[b-wrba6sspbh] { transform: translateY(-6px) rotate(-45deg); }

.gp-nav-scrim[b-wrba6sspbh] {
    position: fixed;
    inset: 0;
    z-index: 14;
    background: rgba(8, 8, 24, .55);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

/* o véu escuro é só da gaveta MOBILE (regra movida pro @media max-width:760px
   abaixo) — no desktop o checkbox só recolhe a sidebar, sem escurecer a tela. */

.gp-search[b-wrba6sspbh] {
    min-width: 0;
    height: 42px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    align-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
    overflow: hidden;
}

.gp-search i[b-wrba6sspbh] {
    color: #6366f1;
    justify-self: center;
}

.gp-search input[b-wrba6sspbh] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font-size: .9rem;
    font-weight: 650;
}

.gp-search input[b-wrba6sspbh]::placeholder {
    color: #79829b;
    font-weight: 650;
}

.gp-search button[b-wrba6sspbh] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
}

.gp-top-actions[b-wrba6sspbh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gp-top-actions form[b-wrba6sspbh] {
    display: contents;
}

.gp-plan-pill[b-wrba6sspbh] {
    min-width: 142px;
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .25);
}

.gp-plan-pill span[b-wrba6sspbh] {
    font-size: .62rem;
    font-weight: 850;
    text-transform: uppercase;
    opacity: .82;
}

.gp-plan-pill strong[b-wrba6sspbh] {
    font-size: .84rem;
    line-height: 1.1;
}

.gp-icon-btn[b-wrba6sspbh],
.gp-logout[b-wrba6sspbh] {
    height: 40px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #4f46e5;
    font-weight: 850;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.gp-icon-btn[b-wrba6sspbh] {
    width: 42px;
    display: grid;
    place-items: center;
    font-size: 1.05rem;
}

.gp-logout[b-wrba6sspbh] {
    padding: 0 15px;
}

.gp-icon-btn:hover[b-wrba6sspbh],
.gp-logout:hover[b-wrba6sspbh] {
    transform: translateY(-1px);
    border-color: #a5b4fc;
    box-shadow: 0 10px 18px rgba(79, 70, 229, .12);
}

.gp-sidebar[b-wrba6sspbh] {
    --gp-indigo: linear-gradient(135deg, #818cf8, #6366f1);
    --gp-violet: linear-gradient(135deg, #7c3aed, #4c1d95);
    --gp-teal: linear-gradient(135deg, #fca5a5, #f87171);
    --gp-amber: linear-gradient(135deg, #fbbf24, #f97316);
    --gp-fuchsia: linear-gradient(135deg, #f472b6, #c026d3);
    --gp-slate: linear-gradient(135deg, #94a3b8, #475569);
    --gp-rose: linear-gradient(135deg, #fb7185, #e11d48);
    --gp-forest: linear-gradient(135deg, #15803d, #14532d);
    --gp-cyan: linear-gradient(135deg, #22d3ee, #0891b2);
    --gp-emerald: linear-gradient(135deg, #34d399, #059669);

    position: fixed;
    inset: 44px auto 0 0;
    width: 292px;
    z-index: 15;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 12px;
    background:
        radial-gradient(130% 60% at 105% -10%, rgba(124, 58, 237, .38), transparent 60%),
        radial-gradient(90% 65% at -15% 105%, rgba(59, 130, 246, .26), transparent 55%),
        linear-gradient(175deg, #0a0d20 0%, #14112e 45%, #241046 100%);
    box-shadow: 12px 0 34px rgba(15, 23, 42, .16);
    overflow-y: auto;
    overflow-x: hidden;
}

.gp-sidebar[b-wrba6sspbh]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .05;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.gp-nav[b-wrba6sspbh],
.gp-sidebar-card[b-wrba6sspbh] {
    position: relative;
    z-index: 1;
}

.gp-nav[b-wrba6sspbh] {
    display: grid;
    gap: 14px;
}

.gp-nav-section[b-wrba6sspbh] {
    display: grid;
    gap: 2px;
    animation: gp-section-in-b-wrba6sspbh .5s cubic-bezier(.22, 1, .36, 1) both;
}

/* ---- seções colapsáveis: mesmo truque do hambúrguer (checkbox oculto),
   sem JS — a seta gira e o corpo recolhe com animação de altura (grid-rows). ---- */
.gp-nav-sec-toggle[b-wrba6sspbh] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.gp-nav-section-collapse[b-wrba6sspbh] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .28s ease;
}

.gp-nav-sec-toggle:checked ~ .gp-nav-section-collapse[b-wrba6sspbh] {
    grid-template-rows: 0fr;
}

.gp-nav-section-body[b-wrba6sspbh] {
    display: grid;
    gap: 4px;
    min-height: 0;
    overflow: hidden;
}

.gp-nav-chevron[b-wrba6sspbh] {
    margin-left: auto;
    font-size: .65rem;
    opacity: .65;
    transition: transform .28s ease;
}

.gp-nav-sec-toggle:checked ~ .gp-nav-title .gp-nav-chevron[b-wrba6sspbh] {
    transform: rotate(-90deg);
}

.gp-nav-section[data-color="indigo"][b-wrba6sspbh]  { --accent: var(--gp-indigo);  --accent-solid: #818cf8; }
.gp-nav-section[data-color="violet"][b-wrba6sspbh]  { --accent: var(--gp-violet);  --accent-solid: #6d28d9; }
.gp-nav-section[data-color="teal"][b-wrba6sspbh]    { --accent: var(--gp-teal);    --accent-solid: #f87171; }
.gp-nav-section[data-color="amber"][b-wrba6sspbh]   { --accent: var(--gp-amber);   --accent-solid: #fbbf24; }
.gp-nav-section[data-color="fuchsia"][b-wrba6sspbh] { --accent: var(--gp-fuchsia); --accent-solid: #f472b6; }
.gp-nav-section[data-color="slate"][b-wrba6sspbh]   { --accent: var(--gp-slate);   --accent-solid: #94a3b8; }
.gp-nav-section[data-color="rose"][b-wrba6sspbh]    { --accent: var(--gp-rose);    --accent-solid: #fb7185; }
.gp-nav-section[data-color="cyan"][b-wrba6sspbh]    { --accent: var(--gp-cyan);    --accent-solid: #22d3ee; }
.gp-nav-section[data-color="emerald"][b-wrba6sspbh] { --accent: var(--gp-emerald); --accent-solid: #34d399; }
.gp-nav-section[data-color="forest"][b-wrba6sspbh]  { --accent: var(--gp-forest);  --accent-solid: #15803d; }

.gp-nav-section:nth-of-type(1)[b-wrba6sspbh] { animation-delay: .02s; }
.gp-nav-section:nth-of-type(2)[b-wrba6sspbh] { animation-delay: .07s; }
.gp-nav-section:nth-of-type(3)[b-wrba6sspbh] { animation-delay: .12s; }
.gp-nav-section:nth-of-type(4)[b-wrba6sspbh] { animation-delay: .17s; }
.gp-nav-section:nth-of-type(5)[b-wrba6sspbh] { animation-delay: .22s; }
.gp-nav-section:nth-of-type(6)[b-wrba6sspbh] { animation-delay: .27s; }
.gp-nav-section:nth-of-type(7)[b-wrba6sspbh] { animation-delay: .32s; }
.gp-nav-section:nth-of-type(8)[b-wrba6sspbh] { animation-delay: .37s; }
.gp-nav-section:nth-of-type(9)[b-wrba6sspbh] { animation-delay: .42s; }

@keyframes gp-section-in-b-wrba6sspbh {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.gp-nav-title[b-wrba6sspbh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 1px;
    padding: 6px 10px;
    border-radius: 8px;
    color: #e9e6ff;
    font-family: "Fraunces", "Plus Jakarta Sans", serif;
    font-size: .92rem;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -.005em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .18s ease;
}

.gp-nav-title:hover[b-wrba6sspbh] {
    background: rgba(255, 255, 255, .06);
}

.gp-nav-title[b-wrba6sspbh]::before {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent, var(--gp-indigo));
    box-shadow: 0 0 9px 1px color-mix(in srgb, var(--accent-solid, #818cf8) 70%, transparent);
}

.gp-nav-item[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 5px 10px;
    border-radius: 12px;
    color: rgba(236, 240, 255, .8);
    font-size: .84rem;
    font-weight: 650;
    letter-spacing: .002em;
    text-decoration: none;
    position: relative;
    transition: background-color .22s ease, color .18s ease, transform .22s cubic-bezier(.22, 1, .36, 1);
    /* Reset p/ quando o item é um <button> (ex.: Tutorial abre modal) — fica igual aos <a> */
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.gp-nav-icon[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    color: #c7d2fe;
    font-size: 1.02rem;
    transition: transform .34s cubic-bezier(.34, 1.56, .64, 1), background .25s ease, color .25s ease, box-shadow .25s ease;
}

.gp-nav-label[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gp-nav-item:hover[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item:hover {
    color: #fff;
    background: rgba(255, 255, 255, .07);
    transform: translateX(3px);
}

.gp-nav-item:hover .gp-nav-icon[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item:hover .gp-nav-icon {
    background: var(--accent, var(--gp-indigo));
    color: #fff;
    transform: scale(1.1) rotate(-6deg);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--accent-solid, #818cf8) 55%, transparent);
}

.gp-nav-item.active[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item.active {
    color: #fff;
    background: rgba(255, 255, 255, .09);
}

.gp-nav-item.active[b-wrba6sspbh]::before,
[b-wrba6sspbh] .gp-nav-item.active::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    border-radius: 3px;
    background: var(--accent, var(--gp-indigo));
}

.gp-nav-item.active .gp-nav-icon[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item.active .gp-nav-icon {
    background: var(--accent, var(--gp-indigo));
    color: #fff;
    animation: gp-icon-pulse-b-wrba6sspbh 2.6s ease-in-out infinite;
    --glow: color-mix(in srgb, var(--accent-solid, #818cf8) 60%, transparent);
    --glow-strong: color-mix(in srgb, var(--accent-solid, #818cf8) 85%, transparent);
}

@keyframes gp-icon-pulse-b-wrba6sspbh {
    0%, 100% { box-shadow: 0 6px 14px var(--glow, rgba(99, 102, 241, .35)); }
    50% { box-shadow: 0 6px 20px var(--glow-strong, rgba(99, 102, 241, .6)); }
}

.gp-nav-item.featured[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item.featured {
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
    box-shadow: 0 12px 24px rgba(15, 23, 42, .28);
}

.gp-nav-item.featured .gp-nav-icon[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item.featured .gp-nav-icon {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

.gp-nav-item.featured:hover[b-wrba6sspbh],
[b-wrba6sspbh] .gp-nav-item.featured:hover {
    transform: translateX(3px) translateY(-1px);
    box-shadow: 0 16px 30px rgba(79, 70, 229, .4);
}


.gp-sidebar-card[b-wrba6sspbh] {
    margin: 6px 4px 2px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(150deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 10px 24px rgba(76, 29, 149, .22);
}

.gp-sidebar-card span[b-wrba6sspbh] {
    display: block;
    margin-bottom: 6px;
    color: #dbeafe;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.gp-sidebar-card strong[b-wrba6sspbh] {
    display: block;
    font-family: "Fraunces", "Plus Jakarta Sans", serif;
    font-size: .92rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
}

.gp-app-main[b-wrba6sspbh] {
    min-height: calc(100vh - 44px);
    margin-left: 292px;
    padding: 62px 24px 28px;
    display: flex;
    flex-direction: column;
}

.gp-app-body[b-wrba6sspbh] {
    flex: 1;
}

.gp-public-shell[b-wrba6sspbh] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f7f8ff;
}

.gp-public-topbar[b-wrba6sspbh] {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 clamp(18px, 5vw, 64px);
    border-bottom: 1px solid #dbe4ef;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
}

.gp-public-topbar nav[b-wrba6sspbh] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.gp-public-topbar nav a[b-wrba6sspbh] {
    color: #475569;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
}

.gp-public-login[b-wrba6sspbh] {
    padding: 10px 16px;
    border-radius: 8px;
    color: #fff !important;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
}

[b-wrba6sspbh] .gp-public-topbar nav a {
    color: #475569;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
}

[b-wrba6sspbh] .gp-public-login {
    padding: 10px 16px;
    border-radius: 8px;
    color: #fff !important;
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
}

.gp-public-main[b-wrba6sspbh] {
    flex: 1;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px 0 44px;
}

#blazor-error-ui[b-wrba6sspbh] {
    color-scheme: light only;
    background: #fff7c2;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-wrba6sspbh] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 1120px) {
    .gp-topbar[b-wrba6sspbh] {
        grid-template-columns: auto 1fr auto;
    }

    .gp-sidebar[b-wrba6sspbh] {
        width: 112px;
        align-items: center;
        padding-inline: 8px;
    }

    .gp-nav[b-wrba6sspbh] {
        width: 100%;
    }

    .gp-nav-section[b-wrba6sspbh] {
        place-items: center;
    }

    .gp-nav-title[b-wrba6sspbh],
    .gp-sidebar-card[b-wrba6sspbh],
    .gp-topbar .gp-brand span:last-child[b-wrba6sspbh],
    .gp-plan-pill[b-wrba6sspbh] {
        display: none;
    }

    /* compacto: chip do ícone em cima, nome embaixo (nunca só o ícone) */
    .gp-nav-item[b-wrba6sspbh],
    [b-wrba6sspbh] .gp-nav-item {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 94px;
        min-height: 64px;
        padding: 8px 3px;
        text-align: center;
    }

    .gp-nav-icon[b-wrba6sspbh],
    [b-wrba6sspbh] .gp-nav-icon {
        width: 36px;
        height: 36px;
        font-size: 1.08rem;
    }

    .gp-nav-label[b-wrba6sspbh],
    [b-wrba6sspbh] .gp-nav-label {
        display: block;
        max-width: 88px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-size: .68rem;
        font-weight: 750;
        line-height: 1.2;
    }

    .gp-app-main[b-wrba6sspbh] {
        margin-left: 112px;
    }
}

@media (max-width: 760px) {
    .gp-topbar[b-wrba6sspbh] {
        /* 2 colunas agora: o wrapper (burger+logo) virou 1 item só, não 2 */
        grid-template-columns: auto 1fr;
        height: auto;
        min-height: 70px;
        padding: 12px 14px;
        gap: 12px;
    }

    .gp-nav-toggle-input:checked ~ .gp-nav-scrim[b-wrba6sspbh] {
        opacity: 1;
        pointer-events: auto;
    }

    .gp-search[b-wrba6sspbh] {
        grid-column: 1 / -1;
        order: 4;
    }

    .gp-top-actions[b-wrba6sspbh] {
        justify-content: flex-end;
    }

    /* gaveta lateral (drawer): fora da tela até o hambúrguer marcar o checkbox */
    .gp-sidebar[b-wrba6sspbh] {
        inset: 0 auto 0 0;
        width: min(84vw, 320px);
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
        padding: 96px 14px 24px;
        border-radius: 0 22px 22px 0;
        transform: translateX(-105%);
        transition: transform .38s cubic-bezier(.22, 1, .36, 1);
        overflow-x: hidden;
    }

    .gp-nav-toggle-input:checked ~ .gp-sidebar[b-wrba6sspbh] {
        transform: translateX(0);
        box-shadow: 24px 0 60px rgba(0, 0, 0, .4);
    }

    .gp-nav[b-wrba6sspbh] {
        width: 100%;
        display: grid;
        gap: 14px;
    }

    .gp-nav-section[b-wrba6sspbh] {
        display: grid;
        gap: 4px;
        place-items: unset;
    }

    .gp-nav-title[b-wrba6sspbh],
    .gp-sidebar-card[b-wrba6sspbh] {
        display: flex;
    }

    .gp-nav-item[b-wrba6sspbh],
    [b-wrba6sspbh] .gp-nav-item {
        flex-direction: row;
        width: 100%;
        min-height: 48px;
        text-align: left;
    }

    .gp-nav-label[b-wrba6sspbh],
    [b-wrba6sspbh] .gp-nav-label {
        max-width: none;
        font-size: .88rem;
        white-space: nowrap;
    }

    .gp-app-main[b-wrba6sspbh] {
        margin-left: 0;
        padding: 92px 14px 28px;
    }

    .gp-public-topbar[b-wrba6sspbh] {
        flex-wrap: wrap;
        row-gap: 10px;
        padding-block: 12px;
    }

    .gp-public-topbar nav[b-wrba6sspbh] {
        flex: 1 1 100%;
        gap: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .gp-public-topbar nav a[b-wrba6sspbh] {
        white-space: nowrap;
    }
}

/* ===== hambúrguer recolhe o menu também no desktop/tablet (>760px) =====
   Abaixo de 760px o checkbox já significa "gaveta aberta" (regra acima).
   Aqui em cima ele significa "menu recolhido" — telas diferentes, mesmo
   controle, sentidos opostos (tudo isolado em media queries próprias). */
@media (min-width: 761px) {
    .gp-sidebar[b-wrba6sspbh] {
        transition: transform .28s cubic-bezier(.22, 1, .36, 1);
    }

    .gp-app-main[b-wrba6sspbh] {
        transition: margin-left .28s cubic-bezier(.22, 1, .36, 1);
    }

    .gp-nav-toggle-input:checked ~ .gp-sidebar[b-wrba6sspbh] {
        transform: translateX(-100%);
    }

    .gp-nav-toggle-input:checked ~ .gp-app-main[b-wrba6sspbh] {
        margin-left: 0;
    }
}

/* ===== sino de avisos (conteúdo rotativo do banco) ===== */
.gp-sino-wrap[b-wrba6sspbh] { position: relative; }

.gp-sino-ponto[b-wrba6sspbh] {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    box-shadow: 0 0 0 2px #fff;
}

.gp-icon-btn[b-wrba6sspbh] { position: relative; }
.gp-icon-btn.is-on[b-wrba6sspbh] { border-color: #7c3aed; color: #7c3aed; }

.gp-avisos[b-wrba6sspbh] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 40;
    width: min(360px, 88vw);
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
}

.gp-avisos-cab[b-wrba6sspbh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 16px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.gp-avisos-cab strong[b-wrba6sspbh] { font-size: .95rem; }
.gp-avisos-cab span[b-wrba6sspbh] { font-size: .72rem; opacity: .85; }

.gp-aviso[b-wrba6sspbh] {
    display: flex;
    gap: 11px;
    padding: 13px 16px;
    border-bottom: 1px solid #f1f5f9;
}

.gp-aviso:last-child[b-wrba6sspbh] { border-bottom: 0; }

.gp-aviso i[b-wrba6sspbh] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    font-size: .95rem;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.gp-aviso.curiosidade i[b-wrba6sspbh] { background: linear-gradient(135deg, #2563eb, #6366f1); }
.gp-aviso.dica i[b-wrba6sspbh] { background: linear-gradient(135deg, #7c3aed, #a855f7); }

.gp-aviso div[b-wrba6sspbh] { display: grid; gap: 3px; min-width: 0; }
.gp-aviso strong[b-wrba6sspbh] { color: #0f172a; font-size: .85rem; }
.gp-aviso span[b-wrba6sspbh] { color: #334155; font-size: .82rem; line-height: 1.45; }
.gp-aviso small[b-wrba6sspbh] { color: #94a3b8; font-size: .72rem; font-weight: 700; }

.gp-aviso-vazio[b-wrba6sspbh] { padding: 18px; color: #64748b; font-size: .85rem; text-align: center; }

.gp-brand-mark img[b-wrba6sspbh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* cabecalho compacto (pedido do fundador: metade da altura) */
.gp-topbar .gp-brand-mark[b-wrba6sspbh] { width: 30px; height: 30px; border-radius: 7px; }
.gp-topbar .gp-plan-pill[b-wrba6sspbh] { padding: 4px 12px; font-size: 11px; }
.gp-topbar .gp-brand[b-wrba6sspbh] { font-size: 15px; }

/* ===== impressão (14/07): o papel recebe SÓ o conteúdo da página =====
   Sem isto a sidebar/topbar saíam no papel e — pior — .gp-app-main é FLEX,
   e o Chrome IGNORA page-break-after de filhos de flex: era por isso que
   vários cartões-resposta caíam na mesma folha. No print vira block. */
@media print {
    .gp-topbar[b-wrba6sspbh],
    .gp-sidebar[b-wrba6sspbh],
    .gp-nav-scrim[b-wrba6sspbh],
    .gp-footer[b-wrba6sspbh] { display: none !important; }

    .gp-app-shell[b-wrba6sspbh] { display: block !important; }

    .gp-app-main[b-wrba6sspbh] {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        background: #fff !important;
    }

    .gp-app-body[b-wrba6sspbh] { display: block !important; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-kow3mjg1ch],
.components-reconnect-repeated-attempt-visible[b-kow3mjg1ch],
.components-reconnect-failed-visible[b-kow3mjg1ch],
.components-pause-visible[b-kow3mjg1ch],
.components-resume-failed-visible[b-kow3mjg1ch],
.components-rejoining-animation[b-kow3mjg1ch] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-retrying[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-failed[b-kow3mjg1ch],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-kow3mjg1ch] {
    display: block;
}


#components-reconnect-modal[b-kow3mjg1ch] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-kow3mjg1ch 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-kow3mjg1ch 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-kow3mjg1ch 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-kow3mjg1ch]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-kow3mjg1ch 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-kow3mjg1ch {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-kow3mjg1ch {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-kow3mjg1ch {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-kow3mjg1ch] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-kow3mjg1ch] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-kow3mjg1ch] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-kow3mjg1ch] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-kow3mjg1ch] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-kow3mjg1ch] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-kow3mjg1ch] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-kow3mjg1ch 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-kow3mjg1ch] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-kow3mjg1ch {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdminAvisos.razor.rz.scp.css */
.av-page[b-hen34e46rk] { display: grid; gap: 16px; }

.av-hero[b-hen34e46rk] {
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.av-hero .kicker[b-hen34e46rk] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.av-hero h1[b-hen34e46rk] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.av-hero p[b-hen34e46rk] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.av-msg[b-hen34e46rk] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.av-msg.ok[b-hen34e46rk] { background: #dcfce7; color: #15803d; }
.av-msg.err[b-hen34e46rk] { background: #fef2f2; color: #b91c1c; }

.av-form[b-hen34e46rk],
.av-lista[b-hen34e46rk] {
    display: grid;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.av-form h2[b-hen34e46rk],
.av-lista h2[b-hen34e46rk] { margin: 0; color: #0f172a; font-size: 1rem; font-weight: 900; }

.av-grid[b-hen34e46rk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.av-grid .span2[b-hen34e46rk] { grid-column: span 2; }

.av-form label[b-hen34e46rk] { display: grid; gap: 5px; }
.av-form label span[b-hen34e46rk] { color: #475569; font-size: .76rem; font-weight: 800; }

.av-form input[b-hen34e46rk],
.av-form select[b-hen34e46rk],
.av-form textarea[b-hen34e46rk] {
    padding: 9px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
}

.av-form > button[b-hen34e46rk] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
}

.av-form > button:disabled[b-hen34e46rk] { opacity: .5; }

.av-vazio[b-hen34e46rk] { margin: 0; color: #94a3b8; font-size: .86rem; }

.av-lista article[b-hen34e46rk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
}

.av-lista article.inativo[b-hen34e46rk] { opacity: .55; }

.av-item-info[b-hen34e46rk] { flex: 1; display: grid; gap: 4px; min-width: 0; }

.av-item-cab[b-hen34e46rk] { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.av-item-cab em[b-hen34e46rk] {
    padding: 2px 9px;
    border-radius: 999px;
    font-size: .64rem;
    font-style: normal;
    font-weight: 900;
    color: #fff;
}

.av-item-cab em.sev-info[b-hen34e46rk] { background: #2563eb; }
.av-item-cab em.sev-atencao[b-hen34e46rk] { background: #d97706; }
.av-item-cab em.sev-urgente[b-hen34e46rk] { background: #dc2626; }

.av-item-cab strong[b-hen34e46rk] { color: #0f172a; font-size: .9rem; }
.av-item-info small[b-hen34e46rk] { color: #64748b; font-size: .74rem; }

.av-item-acoes[b-hen34e46rk] { display: flex; gap: 7px; }

.av-item-acoes button[b-hen34e46rk] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    background: #fff;
    color: #4f46e5;
}

.av-item-acoes button.perigo[b-hen34e46rk] { color: #dc2626; }
/* /Components/Pages/AdminBlogPosts.razor.rz.scp.css */
.bp-page[b-skzj387rsr] { display: grid; gap: 16px; }

.bp-hero[b-skzj387rsr] {
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.bp-btnnovotopo[b-skzj387rsr] {
    border: 0;
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 800;
    font-size: .9rem;
    color: #1e1b4b;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
}

.bp-btnnovotopo:hover[b-skzj387rsr] { background: #e0e7ff; }

/* Editor manual em MODAL (10/07): a fila fica livre no topo da página */
.bp-modalback[b-skzj387rsr] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 12px;
    overflow-y: auto;
}

.bp-modalbox[b-skzj387rsr] {
    background: #f8fafc;
    border-radius: 18px;
    width: min(1240px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 16px;
    box-shadow: 0 24px 64px rgba(2, 6, 23, .45);
}

.bp-modalhead[b-skzj387rsr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 6px 12px;
    font-size: 1.05rem;
    color: #1e293b;
}

.bp-modalfechar[b-skzj387rsr] {
    border: 0;
    border-radius: 10px;
    width: 34px;
    height: 34px;
    font-size: 1rem;
    font-weight: 800;
    color: #475569;
    background: #e2e8f0;
    cursor: pointer;
}

.bp-modalfechar:hover[b-skzj387rsr] { background: #fecaca; color: #991b1b; }

.bp-hero .kicker[b-skzj387rsr] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.bp-hero h1[b-skzj387rsr] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.bp-hero p[b-skzj387rsr] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.bp-aviso[b-skzj387rsr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .82rem;
    font-weight: 700;
}

.bp-msg[b-skzj387rsr] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.bp-msg.ok[b-skzj387rsr] { background: #dcfce7; color: #15803d; }
.bp-msg.err[b-skzj387rsr] { background: #fef2f2; color: #b91c1c; }

/* ── Editor ─────────────────────────────────────────────── */
.bp-editor[b-skzj387rsr] { display: grid; grid-template-columns: 1fr 340px; gap: 16px; align-items: start; }
@media (max-width: 900px) { .bp-editor[b-skzj387rsr] { grid-template-columns: 1fr; } }
.bp-editor-main[b-skzj387rsr] { display: grid; gap: 16px; }
.bp-editor-side[b-skzj387rsr] { display: grid; gap: 12px; align-content: start; }

.bp-row[b-skzj387rsr] { margin-bottom: 12px; }
.bp-label[b-skzj387rsr] { display: block; font-size: .78rem; font-weight: 700; color: #374151; margin-bottom: 5px; }
.bp-label span[b-skzj387rsr] { font-weight: 400; color: #94a3b8; font-size: .73rem; margin-left: 4px; }

.bp-input[b-skzj387rsr], .bp-textarea[b-skzj387rsr], .bp-select[b-skzj387rsr] {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: .875rem;
    color: #1e293b;
    background: #fff;
    box-sizing: border-box;
}
.bp-input:focus[b-skzj387rsr], .bp-textarea:focus[b-skzj387rsr], .bp-select:focus[b-skzj387rsr] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79,70,229,.12);
}
.bp-textarea[b-skzj387rsr] { resize: vertical; }
.bp-charcount[b-skzj387rsr] { font-size: .7rem; color: #94a3b8; text-align: right; margin-top: 3px; }

.bp-slugrow[b-skzj387rsr] { display: flex; gap: 6px; }
.bp-slugrow .bp-input[b-skzj387rsr] { flex: 1; }
.bp-btnslug[b-skzj387rsr] {
    padding: 8px 10px;
    font-size: .72rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f8fafc;
    color: #374151;
    font-weight: 700;
    white-space: nowrap;
}
.bp-btnslug:hover[b-skzj387rsr] { background: #e0e7ff; border-color: #4f46e5; color: #4f46e5; }

.bp-editorcard[b-skzj387rsr] { padding: 0; }
.bp-editortitle[b-skzj387rsr] {
    padding: 16px 20px 4px;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
}
.bp-editorhint[b-skzj387rsr] { margin: 0 0 10px; padding: 0 20px; font-size: .75rem; color: #94a3b8; }

.bp-toolbar[b-skzj387rsr] {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: 8px 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.bp-toolbar button[b-skzj387rsr] {
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 4px 9px;
    font-size: .78rem;
    color: #374151;
    font-weight: 700;
}
.bp-toolbar button:hover[b-skzj387rsr] { background: #4f46e5; color: #fff; border-color: #4f46e5; }
.bp-sep[b-skzj387rsr] { width: 1px; height: 22px; background: #e2e8f0; margin: 0 4px; }

#bpEditorContent[b-skzj387rsr] {
    min-height: 400px;
    padding: 18px 20px;
    font-size: .95rem;
    line-height: 1.7;
    color: #1e293b;
    outline: none;
}
#bpEditorContent:focus[b-skzj387rsr] { box-shadow: inset 0 0 0 2px rgba(79,70,229,.15); }
#bpEditorContent h2[b-skzj387rsr] { font-size: 1.25rem; font-weight: 800; margin: 20px 0 10px; }
#bpEditorContent h3[b-skzj387rsr] { font-size: 1.05rem; font-weight: 700; margin: 18px 0 8px; }
#bpEditorContent h4[b-skzj387rsr] { font-size: .95rem; font-weight: 700; margin: 14px 0 6px; }
#bpEditorContent ul[b-skzj387rsr], #bpEditorContent ol[b-skzj387rsr] { padding-left: 24px; margin: 10px 0; }
#bpEditorContent blockquote[b-skzj387rsr] {
    border-left: 4px solid #4f46e5;
    margin: 14px 0;
    padding: 10px 16px;
    background: #f5f3ff;
    color: #4338ca;
    border-radius: 0 6px 6px 0;
    font-style: italic;
}

.bp-editorfooter[b-skzj387rsr] {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 8px 12px;
    display: flex;
    gap: 10px;
    font-size: .72rem;
    color: #94a3b8;
}

.bp-btnsalvar[b-skzj387rsr] {
    width: 100%;
    padding: 10px 20px;
    border: 0;
    border-radius: 6px;
    font-size: .88rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    margin-bottom: 8px;
}
.bp-btnsalvar:disabled[b-skzj387rsr] { opacity: .6; }
.bp-btnnovo[b-skzj387rsr] {
    width: 100%;
    padding: 9px 20px;
    border: 1px solid #c7d2fe;
    border-radius: 6px;
    font-size: .85rem;
    font-weight: 700;
    background: transparent;
    color: #4f46e5;
}

.bp-toggle[b-skzj387rsr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f8fafc;
    font-size: .85rem;
    color: #374151;
    cursor: pointer;
}
.bp-toggle:last-child[b-skzj387rsr] { border-bottom: none; }
.bp-toggle span[b-skzj387rsr] { display: flex; flex-direction: column; gap: 1px; }
.bp-toggle small[b-skzj387rsr] { color: #94a3b8; font-size: .7rem; }
.bp-toggle input[b-skzj387rsr] { width: 18px; height: 18px; }

.bp-imgpreview[b-skzj387rsr] {
    width: 100%;
    height: 130px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border: 1px dashed #d1d5db;
}
.bp-imgpreview img[b-skzj387rsr] { width: 100%; height: 100%; object-fit: cover; }
.bp-noimg[b-skzj387rsr] { color: #94a3b8; font-size: .8rem; }
.bp-hint[b-skzj387rsr] { font-size: .72rem; color: #64748b; margin: 4px 0 0; }

.bp-tempolinha[b-skzj387rsr] { display: flex; gap: 8px; }
.bp-tempolinha .bp-input[b-skzj387rsr] { flex: 1; }

.bp-stats[b-skzj387rsr] { display: flex; gap: 12px; flex-wrap: wrap; }
.bp-stat[b-skzj387rsr] {
    flex: 1;
    min-width: 120px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    display: grid;
}
.bp-stat span[b-skzj387rsr] { font-size: 1.6rem; font-weight: 950; color: #4338ca; }
.bp-stat small[b-skzj387rsr] { color: #64748b; font-size: .72rem; font-weight: 700; text-transform: uppercase; }

.bp-cols[b-skzj387rsr] { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; align-items: start; }
@media (max-width: 900px) { .bp-cols[b-skzj387rsr] { grid-template-columns: 1fr; } }

.bp-card[b-skzj387rsr] {
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}
.bp-card h2[b-skzj387rsr] { margin: 0 0 10px; font-size: .95rem; font-weight: 900; color: #0f172a; }

.bp-vazio[b-skzj387rsr] { margin: 0; color: #94a3b8; font-size: .86rem; }

.bp-tablewrap[b-skzj387rsr] { overflow-x: auto; }
.bp-table[b-skzj387rsr] { width: 100%; border-collapse: collapse; font-size: .82rem; }
.bp-table th[b-skzj387rsr] {
    text-align: left;
    padding: 8px 10px;
    color: #64748b;
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 2px solid #f1f5f9;
    white-space: nowrap;
}
.bp-table td[b-skzj387rsr] { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; vertical-align: top; }

.bp-tema[b-skzj387rsr] { color: #94a3b8; font-size: .72rem; font-weight: 700; }
.bp-titulo[b-skzj387rsr] { color: #1e293b; font-weight: 700; }

.bp-volbar[b-skzj387rsr] {
    display: block;
    width: 60px;
    height: 5px;
    margin-top: 4px;
    border-radius: 999px;
    background: #f1f5f9;
    overflow: hidden;
}
.bp-volbar span[b-skzj387rsr] { display: block; height: 100%; background: #7c3aed; }

.bp-pill[b-skzj387rsr] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    background: #94a3b8;
}
.bp-pill.status-pendente[b-skzj387rsr] { background: #f59e0b; }
.bp-pill.status-gerado[b-skzj387rsr] { background: #3b82f6; }
.bp-pill.status-aprovado[b-skzj387rsr] { background: #16a34a; }
.bp-pill.status-descartado[b-skzj387rsr] { background: #dc2626; }
.bp-pill.status-bncc_pendente[b-skzj387rsr] { background: #7c3aed; }

.bp-acoes[b-skzj387rsr] { display: flex; flex-wrap: wrap; gap: 6px; }
.bp-acoes button[b-skzj387rsr] {
    padding: 5px 10px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
}
.bp-acoes button:disabled[b-skzj387rsr] { opacity: .45; cursor: not-allowed; }

.bp-link[b-skzj387rsr] {
    padding: 5px 10px;
    border-radius: 8px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.bp-muted[b-skzj387rsr] { color: #cbd5e1; font-size: .78rem; }

.bp-side[b-skzj387rsr] { display: grid; gap: 10px; align-content: start; }
.bp-top[b-skzj387rsr] { display: grid; gap: 2px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
.bp-top a[b-skzj387rsr] { color: #1e293b; font-weight: 700; font-size: .82rem; text-decoration: none; }
.bp-top a:hover[b-skzj387rsr] { color: #4338ca; }
.bp-top span[b-skzj387rsr] { color: #94a3b8; font-size: .72rem; }
/* /Components/Pages/AdminDenuncias.razor.rz.scp.css */
/* Admin — questões denunciadas */
.ad-page[b-2zgzqjbi1r] { display: flex; flex-direction: column; gap: .8rem; padding: 1rem 1.2rem 2rem; max-width: 980px; margin: 0 auto; }

.ad-hero[b-2zgzqjbi1r] { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }

.ad-kicker[b-2zgzqjbi1r] { color: #b03a3a; font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .07em; }

.ad-hero h1[b-2zgzqjbi1r] { margin: .15rem 0; font-size: 1.5rem; }

.ad-hero p[b-2zgzqjbi1r] { color: #6b7280; margin: 0; }

.ad-filtros[b-2zgzqjbi1r] { display: flex; gap: .35rem; }

.ad-filtros button[b-2zgzqjbi1r] {
    border: 1px solid #d9dcea;
    background: #fff;
    border-radius: 999px;
    padding: .25rem .75rem;
    font-size: .82rem;
    cursor: pointer;
    text-transform: capitalize;
}

.ad-filtros button.on[b-2zgzqjbi1r] { background: #5b5bd6; border-color: #5b5bd6; color: #fff; }

.ad-msg[b-2zgzqjbi1r] { border-radius: 8px; padding: .5rem .7rem; font-size: .88rem; }
.ad-msg.ok[b-2zgzqjbi1r] { background: #f0fbf6; color: #17a673; }
.ad-msg.err[b-2zgzqjbi1r] { background: #fff5f5; color: #b03a3a; }

.ad-vazio[b-2zgzqjbi1r] { color: #8b90a4; text-align: center; padding: 2rem 0; font-size: .95rem; }

.ad-card[b-2zgzqjbi1r] {
    border: 1px solid #e2e5f0;
    border-left: 4px solid #f2c94c;
    border-radius: 12px;
    background: #fff;
    padding: .8rem .95rem;
}

.ad-card.corrigida[b-2zgzqjbi1r] { border-left-color: #34c98e; }
.ad-card.descartada[b-2zgzqjbi1r] { border-left-color: #c8ccda; opacity: .8; }

.ad-card-top[b-2zgzqjbi1r] { display: flex; justify-content: space-between; gap: .6rem; align-items: center; flex-wrap: wrap; }

.ad-badge[b-2zgzqjbi1r] {
    display: inline-block;
    background: #eef0fb;
    color: #4348a8;
    border-radius: 999px;
    padding: .12rem .55rem;
    font-size: .74rem;
    font-weight: 600;
    margin-right: .25rem;
}

.ad-badge.motivo[b-2zgzqjbi1r] { background: #fff2f2; color: #b03a3a; }
.ad-badge.quente[b-2zgzqjbi1r] { background: #fff7e8; color: #b26a00; }
.ad-badge.status[b-2zgzqjbi1r] { background: #f2f3f8; color: #6b7280; }

.ad-card-top small[b-2zgzqjbi1r] { color: #8b90a4; }

.ad-texto[b-2zgzqjbi1r] { margin: .5rem 0 .3rem; font-size: .9rem; }

.ad-comentario[b-2zgzqjbi1r] {
    margin: .3rem 0 .5rem;
    padding: .45rem .6rem;
    background: #fafbff;
    border-left: 3px solid #5b5bd6;
    border-radius: 6px;
    font-size: .87rem;
    color: #4b5163;
}

.ad-acoes[b-2zgzqjbi1r] { display: flex; gap: .45rem; flex-wrap: wrap; }

.ad-btn[b-2zgzqjbi1r] {
    border: 1px solid #d9dcea;
    background: #fff;
    border-radius: 8px;
    padding: .3rem .7rem;
    font-size: .83rem;
    cursor: pointer;
}

.ad-btn.ok[b-2zgzqjbi1r] { background: #17a673; border-color: #17a673; color: #fff; }
.ad-btn.ghost[b-2zgzqjbi1r] { color: #8b90a4; }
.ad-btn:disabled[b-2zgzqjbi1r] { opacity: .6; cursor: default; }

.ad-editor[b-2zgzqjbi1r] { border-top: 1px dashed #e2e5f0; margin-top: .6rem; padding-top: .6rem; display: flex; flex-direction: column; gap: .55rem; }

.ad-editor label[b-2zgzqjbi1r] { display: flex; flex-direction: column; gap: .25rem; font-size: .82rem; color: #4b5163; }

.ad-editor textarea[b-2zgzqjbi1r], .ad-editor input[b-2zgzqjbi1r], .ad-editor select[b-2zgzqjbi1r] {
    border: 1px solid #d9dcea;
    border-radius: 8px;
    padding: .4rem .55rem;
    font-size: .87rem;
    width: 100%;
}

.ad-editor-linha[b-2zgzqjbi1r] { display: grid; grid-template-columns: 1fr auto; gap: .6rem; }

.ad-alt[b-2zgzqjbi1r] {
    border: 1px solid #e2e5f0;
    border-radius: 10px;
    padding: .5rem .6rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ad-alt.correta[b-2zgzqjbi1r] { border-color: #34c98e; background: #f7fdfb; }

.ad-alt-check[b-2zgzqjbi1r] { flex-direction: row !important; align-items: center; gap: .35rem !important; font-weight: 600; }

.ad-editor-acoes[b-2zgzqjbi1r] { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }

.ad-editor-acoes small[b-2zgzqjbi1r] { color: #8b90a4; }
/* /Components/Pages/AdminGestaoProfessores.razor.rz.scp.css */
.agp-page[b-dl4p3o1ju5] { display: grid; gap: 16px; }

.agp-header[b-dl4p3o1ju5] {
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.agp-header .kicker[b-dl4p3o1ju5] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.agp-header h1[b-dl4p3o1ju5] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.agp-header p[b-dl4p3o1ju5] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.agp-msg[b-dl4p3o1ju5] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.agp-msg.err[b-dl4p3o1ju5] { background: #fef2f2; color: #b91c1c; }

.agp-filtro[b-dl4p3o1ju5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    flex-wrap: wrap;
}

.agp-filtro input[type="text"][b-dl4p3o1ju5],
.agp-filtro > input:not([type="checkbox"])[b-dl4p3o1ju5] {
    flex: 1;
    min-width: 220px;
    padding: 9px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
}

.agp-check[b-dl4p3o1ju5] { display: flex; align-items: center; gap: 6px; font-size: .82rem; color: #475569; font-weight: 700; white-space: nowrap; }

.agp-filtro button[b-dl4p3o1ju5] {
    padding: 9px 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
}

.agp-count[b-dl4p3o1ju5] { margin-left: auto; color: #64748b; font-size: .82rem; font-weight: 700; }

.agp-card[b-dl4p3o1ju5] {
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    overflow-x: auto;
}

.agp-table[b-dl4p3o1ju5] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.agp-table th[b-dl4p3o1ju5] {
    text-align: left;
    padding: 10px 12px;
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 2px solid #f1f5f9;
}
.agp-table td[b-dl4p3o1ju5] { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; color: #1e293b; }
.agp-table tbody tr:last-child td[b-dl4p3o1ju5] { border-bottom: none; }

.agp-row[b-dl4p3o1ju5] { cursor: pointer; }
.agp-row:hover[b-dl4p3o1ju5] { background: #f8fafc; }
.agp-row-ativo td:first-child strong[b-dl4p3o1ju5] { color: #4338ca; }

.agp-num[b-dl4p3o1ju5] { text-align: center; }
.agp-muted[b-dl4p3o1ju5] { color: #94a3b8; font-size: .78rem; }
.agp-vazio[b-dl4p3o1ju5] { padding: 24px; text-align: center; color: #94a3b8; font-size: .86rem; }

.agp-breadcrumb[b-dl4p3o1ju5] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.agp-breadcrumb a[b-dl4p3o1ju5] { color: #4f46e5; font-weight: 800; font-size: .86rem; text-decoration: none; }
.agp-breadcrumb a:hover[b-dl4p3o1ju5] { text-decoration: underline; }

.agp-btn[b-dl4p3o1ju5] {
    padding: 8px 16px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: .8rem;
}
.agp-btn-print[b-dl4p3o1ju5] { color: #4f46e5; }

.agp-prof-head[b-dl4p3o1ju5] {
    padding: 16px 20px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}
.agp-prof-head h1[b-dl4p3o1ju5] { margin: 0; font-size: 1.5rem; font-weight: 900; color: #0f172a; }

.agp-kpis[b-dl4p3o1ju5] { display: flex; gap: 24px; margin-top: 14px; flex-wrap: wrap; }
.agp-kpi[b-dl4p3o1ju5] { display: grid; }
.agp-kpi span[b-dl4p3o1ju5] { font-size: 1.6rem; font-weight: 950; color: #4338ca; }
.agp-kpi small[b-dl4p3o1ju5] { color: #64748b; font-size: .72rem; font-weight: 700; text-transform: uppercase; }

.agp-secao[b-dl4p3o1ju5] {
    margin: 4px 0 0;
    padding: 0;
    font-size: .95rem;
    font-weight: 900;
    color: #0f172a;
}

.agp-chips[b-dl4p3o1ju5] { display: flex; flex-wrap: wrap; gap: 8px; }
.agp-chip[b-dl4p3o1ju5] {
    padding: 5px 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .78rem;
    font-weight: 800;
}

.agp-link[b-dl4p3o1ju5] { color: #4f46e5; font-weight: 800; font-size: .8rem; text-decoration: none; }
.agp-link:hover[b-dl4p3o1ju5] { text-decoration: underline; }

.agp-badge[b-dl4p3o1ju5] {
    display: inline-block;
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #4338ca;
    color: #fff;
    font-weight: 900;
    font-size: .74rem;
}
.agp-zero[b-dl4p3o1ju5] { color: #cbd5e1; }

.agp-rel[b-dl4p3o1ju5] { display: grid; gap: 12px; }
.agp-rel-head h1[b-dl4p3o1ju5] { margin: 0; font-size: 1.4rem; font-weight: 900; color: #0f172a; }
.agp-rel-meta[b-dl4p3o1ju5] { margin-top: 6px; display: grid; gap: 3px; }

.agp-obs td[b-dl4p3o1ju5] { background: #fffbeb; color: #92400e; font-size: .8rem; }

@media print {
    .agp-noprint[b-dl4p3o1ju5] { display: none !important; }
}
/* /Components/Pages/AdminIa.razor.rz.scp.css */
.adm-page[b-h26ac7p41w] { display: grid; gap: 16px; }

.adm-hero[b-h26ac7p41w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.adm-hero .kicker[b-h26ac7p41w] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.adm-hero h1[b-h26ac7p41w] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.adm-hero p[b-h26ac7p41w] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.adm-relogio[b-h26ac7p41w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    font-size: .78rem;
    font-weight: 800;
}

/* ----- abas: QUEBRAM em fileiras (pedido 02/07 — rolagem horizontal
   dificultava achar a aba) ----- */
.adm-tabs[b-h26ac7p41w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.adm-tabs button[b-h26ac7p41w] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
    transition: border-color .14s ease, color .14s ease;
}

.adm-tabs button:hover[b-h26ac7p41w] { border-color: #a5b4fc; color: #4f46e5; }

.adm-tabs button.on[b-h26ac7p41w] {
    border-color: transparent;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
}

.adm-erro[b-h26ac7p41w] {
    padding: 10px 14px;
    border-radius: 11px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .85rem;
    font-weight: 700;
}

.adm-vazio[b-h26ac7p41w] {
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 46px 20px;
    border: 1px dashed #dbe4ef;
    border-radius: 14px;
    color: #64748b;
    font-size: .9rem;
    text-align: center;
}

.adm-vazio i[b-h26ac7p41w] { font-size: 1.6rem; color: #a5b4fc; }

/* ----- painel (cards) ----- */
.adm-cards[b-h26ac7p41w] { display: grid; gap: 14px; }

.adm-cards article[b-h26ac7p41w] {
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

.adm-cards h2[b-h26ac7p41w] {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.adm-card-grid[b-h26ac7p41w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
}

.adm-card[b-h26ac7p41w] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 11px;
    background: #f8fafc;
}

.adm-card span[b-h26ac7p41w] { color: #64748b; font-size: .7rem; font-weight: 800; }
.adm-card strong[b-h26ac7p41w] { color: #0f172a; font-size: 1.15rem; font-weight: 950; }

.adm-minitabelas[b-h26ac7p41w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
}

.adm-graficos[b-h26ac7p41w] { display: grid; gap: 14px; }

/* ----- toolbar da grade ----- */
.adm-toolbar[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.adm-toolbar select[b-h26ac7p41w] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    font: inherit;
    font-weight: 700;
}

.adm-filtro[b-h26ac7p41w] {
    flex: 1 1 220px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
}

.adm-filtro i[b-h26ac7p41w] { color: #7c3aed; }
.adm-filtro input[b-h26ac7p41w] { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; }

.adm-colunas[b-h26ac7p41w] { position: relative; }

.adm-colunas summary[b-h26ac7p41w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 40px;
    padding: 0 13px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
    line-height: 40px;
}

.adm-colunas > div[b-h26ac7p41w] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: grid;
    gap: 5px;
    width: 280px;
    max-height: 320px;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
}

.adm-colunas label[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    font-weight: 700;
    color: #334155;
}

.adm-btn[b-h26ac7p41w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
}

.adm-btn:disabled[b-h26ac7p41w] { opacity: .5; }

.adm-total[b-h26ac7p41w] { color: #64748b; font-size: .8rem; font-weight: 800; }

/* ----- grade ----- */
.adm-grid-wrap[b-h26ac7p41w] {
    max-height: 62vh;
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

.adm-grid[b-h26ac7p41w] { width: 100%; border-collapse: collapse; font-size: .76rem; }

.adm-grid th[b-h26ac7p41w] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 9px 10px;
    background: #101736;
    color: #e0e7ff;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.adm-grid th:hover[b-h26ac7p41w] { color: #fff; }

.adm-grid td[b-h26ac7p41w] {
    padding: 6px 10px;
    border-top: 1px solid #f1f5f9;
    color: #334155;
    white-space: nowrap;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adm-grid tbody tr:hover td[b-h26ac7p41w] { background: #f5f3ff; }
.adm-grid tr.vermelha td[b-h26ac7p41w] { background: #fef2f2; }

.adm-paginacao[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: .82rem;
    font-weight: 800;
    color: #334155;
}

.adm-paginacao button[b-h26ac7p41w] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    background: #fff;
    color: #4f46e5;
}

.adm-paginacao button:disabled[b-h26ac7p41w] { opacity: .4; }

/* ----- reset de senha (aba Professores) ----- */
.adm-reset[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 15px;
    border: 1px dashed #c4b5fd;
    border-radius: 13px;
    background: #faf9ff;
}

.adm-reset-info[b-h26ac7p41w] { flex: 1 1 260px; display: grid; gap: 2px; }
.adm-reset-info strong[b-h26ac7p41w] { color: #6d28d9; font-size: .84rem; }
.adm-reset-info span[b-h26ac7p41w] { color: #64748b; font-size: .74rem; }

.adm-reset select[b-h26ac7p41w],
.adm-reset input[b-h26ac7p41w] {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    font: inherit;
    font-size: .82rem;
}

.adm-reset input[b-h26ac7p41w] { flex: 1 1 220px; }

.adm-reset-msg[b-h26ac7p41w] { font-size: .78rem; font-weight: 800; }
.adm-reset-msg.ok[b-h26ac7p41w] { color: #15803d; }
.adm-reset-msg.err[b-h26ac7p41w] { color: #b91c1c; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.adm-card[b-h26ac7p41w] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.adm-card[b-h26ac7p41w]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 11px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.adm-card:hover[b-h26ac7p41w] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.adm-card:hover[b-h26ac7p41w]::before {
    width: 50%;
    height: 50%;
}

.adm-indexnow[b-h26ac7p41w] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 16px;
}
.adm-indexnow h2[b-h26ac7p41w] { margin: 0 0 10px; font-size: 15px; display: flex; align-items: center; gap: 6px; }
.adm-indexnow-botoes[b-h26ac7p41w] { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-indexnow-botoes button[b-h26ac7p41w] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.adm-indexnow-botoes button:hover:not(:disabled)[b-h26ac7p41w] { border-color: #a5b4fc; background: #eef2ff; }
.adm-indexnow-botoes button:disabled[b-h26ac7p41w] { opacity: .5; cursor: not-allowed; }
.adm-indexnow-msg[b-h26ac7p41w] { margin: 10px 0 0; font-size: 13px; font-weight: 700; }
.adm-indexnow-msg.ok[b-h26ac7p41w] { color: #047857; }
.adm-indexnow-msg.err[b-h26ac7p41w] { color: #b91c1c; }

/* ===== painel anti-fraude (anéis de contas) ===== */
.adm-fraude[b-h26ac7p41w] {
    margin-top: 22px;
    padding: 18px;
    border: 1px solid #fde68a;
    border-radius: 16px;
    background: #fffbeb;
}
.adm-fraude-head h2[b-h26ac7p41w] {
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    color: #92400e;
    display: flex;
    align-items: center;
    gap: 8px;
}
.adm-fraude-head span[b-h26ac7p41w] { display: block; margin-top: 4px; font-size: 12.5px; color: #78716c; }
.adm-fraude-vazio[b-h26ac7p41w] { margin-top: 14px; font-size: 14px; font-weight: 700; color: #047857; }

.adm-fraude-anel[b-h26ac7p41w] {
    margin-top: 14px;
    border: 1px solid #fcd34d;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.adm-fraude-chave[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: #fef3c7;
    border-bottom: 1px solid #fcd34d;
}
.adm-fraude-tag[b-h26ac7p41w] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
}
.adm-fraude-tag.fp[b-h26ac7p41w] { background: #7c3aed; }
.adm-fraude-tag.ip[b-h26ac7p41w] { background: #2563eb; }
.adm-fraude-chave code[b-h26ac7p41w] { font-size: 12px; color: #57534e; }
.adm-fraude-chave strong[b-h26ac7p41w] { margin-left: auto; font-size: 13px; color: #92400e; }

.adm-fraude-conta[b-h26ac7p41w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-top: 1px solid #f5f5f4;
}
.adm-fraude-conta:first-child[b-h26ac7p41w] { border-top: 0; }
.adm-fraude-conta.susp[b-h26ac7p41w] { opacity: .55; background: #fafaf9; }
.adm-fraude-info[b-h26ac7p41w] { min-width: 0; flex: 1; }
.adm-fraude-info strong[b-h26ac7p41w] { display: block; font-size: 14px; color: #1c1917; }
.adm-fraude-info small[b-h26ac7p41w] { display: block; margin-top: 2px; font-size: 12px; color: #78716c; }

.adm-fraude-btn[b-h26ac7p41w] {
    flex: none;
    padding: 7px 14px;
    border: 0;
    border-radius: 9px;
    background: #dc2626;
    color: #fff;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
    transition: filter .15s ease;
}
.adm-fraude-btn:hover:not(:disabled)[b-h26ac7p41w] { filter: brightness(1.08); }
.adm-fraude-btn:disabled[b-h26ac7p41w] { opacity: .5; cursor: not-allowed; }
.adm-fraude-banido[b-h26ac7p41w] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 800;
    color: #b91c1c;
}
/* /Components/Pages/AdminNotas.razor.rz.scp.css */
.an-page[b-b2b49atk4d] { max-width: 1480px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }

.an-hero[b-b2b49atk4d] { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.an-kicker[b-b2b49atk4d] { color: #6366f1; font-weight: 900; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.an-hero h1[b-b2b49atk4d] { margin: 4px 0 2px; color: #0f172a; font-weight: 900; }
.an-hero p[b-b2b49atk4d] { margin: 0; color: #64748b; font-size: 14px; }
.an-voltar[b-b2b49atk4d] { display: inline-flex; align-items: center; gap: 7px; color: #475569; text-decoration: none; font-weight: 800; white-space: nowrap; }
.an-voltar:hover[b-b2b49atk4d] { color: #4f46e5; }

.an-filtros[b-b2b49atk4d] {
    display: grid;
    grid-template-columns: minmax(260px, 2.1fr) minmax(110px, .75fr) repeat(3, minmax(88px, .55fr)) repeat(2, minmax(138px, .8fr)) minmax(94px, .55fr) auto auto;
    gap: 10px;
    align-items: end;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.an-campo[b-b2b49atk4d] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.an-campo span[b-b2b49atk4d] { color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.an-campo input[b-b2b49atk4d],
.an-campo select[b-b2b49atk4d] {
    width: 100%;
    height: 38px;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    padding: 0 10px;
    color: #0f172a;
    background: #fff;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.an-campo input:focus[b-b2b49atk4d],
.an-campo select:focus[b-b2b49atk4d] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, .14); }

.an-buscar[b-b2b49atk4d],
.an-limpar[b-b2b49atk4d] {
    height: 38px;
    border: 0;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 900;
    transition: transform .15s ease, filter .15s ease;
}
.an-buscar[b-b2b49atk4d] { min-width: 118px; color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 12px 24px rgba(79, 70, 229, .24); }
.an-limpar[b-b2b49atk4d] { width: 42px; color: #4f46e5; background: #eef2ff; }
.an-buscar:hover:not(:disabled)[b-b2b49atk4d],
.an-limpar:hover:not(:disabled)[b-b2b49atk4d] { transform: translateY(-1px); filter: brightness(1.03); }
.an-buscar:disabled[b-b2b49atk4d],
.an-limpar:disabled[b-b2b49atk4d] { opacity: .62; cursor: default; }

.an-erro[b-b2b49atk4d] { display: flex; gap: 8px; align-items: center; padding: 11px 14px; border-radius: 10px; background: #fef2f2; color: #b91c1c; font-size: 14px; font-weight: 750; }

.an-resumo[b-b2b49atk4d] { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 10px; }
.an-resumo article[b-b2b49atk4d] {
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.an-resumo span[b-b2b49atk4d] { color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.an-resumo strong[b-b2b49atk4d] { color: #0f172a; font-size: 1.55rem; font-weight: 950; }
.an-resumo .an-destaque[b-b2b49atk4d] { border-color: #c7d2fe; background: linear-gradient(135deg, #eef2ff, #f5f3ff); }
.an-resumo .an-destaque strong[b-b2b49atk4d] { color: #4338ca; }

.an-vazio[b-b2b49atk4d] {
    min-height: 180px;
    display: grid;
    place-items: center;
    gap: 8px;
    color: #94a3b8;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #fff;
}

.an-grid-wrap[b-b2b49atk4d] {
    overflow: auto;
    max-height: calc(100vh - 250px);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}
.an-grid[b-b2b49atk4d] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.5px; }
.an-grid th[b-b2b49atk4d] {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 10px;
    text-align: left;
    color: #475569;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}
.an-grid td[b-b2b49atk4d] {
    padding: 8px 10px;
    border-bottom: 1px solid #f1f5f9;
    color: #1e293b;
    background: #fff;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.an-grid tr:hover td[b-b2b49atk4d] { background: #f8fafc; }
.an-grid strong[b-b2b49atk4d] { display: block; color: #0f172a; font-weight: 850; overflow: hidden; text-overflow: ellipsis; }
.an-grid small[b-b2b49atk4d] { display: block; color: #94a3b8; font-size: 11px; }
.an-grid code[b-b2b49atk4d] { color: #4338ca; background: #eef2ff; border-radius: 6px; padding: 2px 5px; }

.an-grid .fix-data[b-b2b49atk4d] { position: sticky; left: 0; z-index: 3; min-width: 112px; border-right: 3px solid #c7d2fe; }
.an-grid th.fix-data[b-b2b49atk4d] { z-index: 6; }
.an-num[b-b2b49atk4d] { text-align: right; font-variant-numeric: tabular-nums; font-weight: 800; }
.an-fonte[b-b2b49atk4d] { display: inline-flex; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 900; }
.an-fonte.nota[b-b2b49atk4d] { color: #3730a3; background: #eef2ff; }
.an-fonte.hist[b-b2b49atk4d] { color: #0f766e; background: #ccfbf1; }
.an-status[b-b2b49atk4d] { display: inline-flex; padding: 3px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-weight: 850; }

@media (max-width: 1180px) {
    .an-filtros[b-b2b49atk4d] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .an-campo-largo[b-b2b49atk4d] { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    .an-hero[b-b2b49atk4d] { flex-direction: column; }
    .an-filtros[b-b2b49atk4d],
    .an-resumo[b-b2b49atk4d] { grid-template-columns: 1fr; }
    .an-buscar[b-b2b49atk4d],
    .an-limpar[b-b2b49atk4d] { width: 100%; }
    .an-grid-wrap[b-b2b49atk4d] { max-height: none; }
}
/* /Components/Pages/AdminVisaoGeral.razor.rz.scp.css */
.vg-page[b-rvczvnjera] { display: flex; flex-direction: column; gap: 18px; }

.vg-hero[b-rvczvnjera] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.vg-kicker[b-rvczvnjera] { color: #6366f1; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.vg-hero h1[b-rvczvnjera] { margin: 4px 0 0; font-size: 2rem; }
.vg-hero p[b-rvczvnjera] { margin: 5px 0 0; color: #64748b;  font-size: 14px;}
.vg-voltar[b-rvczvnjera] { display: inline-flex; align-items: center; gap: 6px; color: #475569; text-decoration: none; font-weight: 700; }

.vg-vazio[b-rvczvnjera] { padding: 40px; text-align: center; color: #64748b; }

.vg-kpis[b-rvczvnjera] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.vg-kpis article[b-rvczvnjera] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 16px; display: flex; flex-direction: column; gap: 2px;
}
.vg-kpis strong[b-rvczvnjera] { font-size: 24px; color: #1e293b; }
.vg-kpis span[b-rvczvnjera] { color: #64748b; font-size: 13px; }
.vg-kpis .hoje[b-rvczvnjera] { background: linear-gradient(135deg, #eef2ff, #f5f3ff); border-color: #c7d2fe; }
.vg-kpis .hoje strong[b-rvczvnjera] { color: #4338ca; }

.vg-graficos[b-rvczvnjera] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .vg-graficos[b-rvczvnjera] { grid-template-columns: 1fr; } }

.vg-split[b-rvczvnjera] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .vg-split[b-rvczvnjera] { grid-template-columns: 1fr; } }

.vg-card[b-rvczvnjera] { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; }
.vg-card h2[b-rvczvnjera] { margin: 0 0 10px; font-size: 15px; }
.vg-sem[b-rvczvnjera] { color: #94a3b8; }

.vg-card table[b-rvczvnjera] { width: 100%; border-collapse: collapse; font-size: 13px; }
.vg-card th[b-rvczvnjera] { text-align: left; color: #64748b; font-size: 11px; text-transform: uppercase; padding: 6px 8px; border-bottom: 1px solid #e2e8f0; }
.vg-card td[b-rvczvnjera] { padding: 6px 8px; border-bottom: 1px solid #f1f5f9; }

.vg-pill[b-rvczvnjera] { padding: 2px 8px; border-radius: 999px; font-weight: 700; font-size: 12px; }
.vg-pill.facil[b-rvczvnjera] { background: #ecfdf5; color: #047857; }
.vg-pill.medio[b-rvczvnjera] { background: #fffbeb; color: #b45309; }
.vg-pill.dificil[b-rvczvnjera] { background: #fef2f2; color: #b91c1c; }

.vg-dif-legenda[b-rvczvnjera] { display: flex; gap: 14px; margin-bottom: 10px; font-size: 12px; font-weight: 700; }
.vg-dif-legenda span[b-rvczvnjera]::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; }
.vg-dif-legenda .facil[b-rvczvnjera] { color: #047857; }
.vg-dif-legenda .facil[b-rvczvnjera]::before { background: #10b981; }
.vg-dif-legenda .medio[b-rvczvnjera] { color: #b45309; }
.vg-dif-legenda .medio[b-rvczvnjera]::before { background: #f59e0b; }
.vg-dif-legenda .dificil[b-rvczvnjera] { color: #b91c1c; }
.vg-dif-legenda .dificil[b-rvczvnjera]::before { background: #ef4444; }

.vg-dif-chart[b-rvczvnjera] { display: flex; flex-direction: column; gap: 10px; }
.vg-dif-linha[b-rvczvnjera] { display: grid; grid-template-columns: 110px 1fr 34px; align-items: center; gap: 10px; }
.vg-dif-rotulo[b-rvczvnjera] { font-size: 13px; color: #334155; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vg-dif-barra[b-rvczvnjera] { display: flex; height: 16px; border-radius: 999px; overflow: hidden; background: #f1f5f9; }
.vg-dif-barra .facil[b-rvczvnjera] { background: #10b981; }
.vg-dif-barra .medio[b-rvczvnjera] { background: #f59e0b; }
.vg-dif-barra .dificil[b-rvczvnjera] { background: #ef4444; }
.vg-dif-total[b-rvczvnjera] { font-size: 12px; color: #94a3b8; text-align: right; }

.vg-provas[b-rvczvnjera] { list-style: none; margin: 0; padding: 0; }
.vg-provas li[b-rvczvnjera] { border-bottom: 1px dashed #e2e8f0; }
.vg-provas a[b-rvczvnjera] { display: flex; flex-direction: column; gap: 1px; padding: 8px 4px; text-decoration: none; }
.vg-provas a:hover strong[b-rvczvnjera] { color: #4f46e5; }
.vg-provas strong[b-rvczvnjera] { color: #1e293b; font-size: 14px; }
.vg-provas span[b-rvczvnjera] { color: #64748b; font-size: 12px; }
.vg-provas small[b-rvczvnjera] { color: #94a3b8; font-size: 11px; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.vg-card[b-rvczvnjera] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.vg-card[b-rvczvnjera]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 14px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.vg-card:hover[b-rvczvnjera] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.vg-card:hover[b-rvczvnjera]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/AguardandoAcesso.razor.rz.scp.css */
.aa-shell[b-634ji9tlkn] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.aa-card[b-634ji9tlkn] {
    background: #fff;
    border-radius: 18px;
    padding: 40px 32px;
    max-width: 440px;
    width: 100%;
    text-align: center;
    box-shadow: 0 18px 48px rgba(31, 41, 55, .12);
}

.aa-logo[b-634ji9tlkn] {
    width: 68px;
    height: 68px;
    object-fit: contain;
    border-radius: 14px;
    margin-bottom: 18px;
}

.aa-spinner[b-634ji9tlkn] {
    width: 46px;
    height: 46px;
    margin: 4px auto 18px;
    border: 4px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: aa-spin-b-634ji9tlkn 0.9s linear infinite;
}

@keyframes aa-spin-b-634ji9tlkn {
    to { transform: rotate(360deg); }
}

.aa-card h1[b-634ji9tlkn] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 10px;
}

.aa-card p[b-634ji9tlkn] {
    font-size: .98rem;
    line-height: 1.55;
    color: #4b5563;
    margin: 0 0 22px;
}

.aa-voltar[b-634ji9tlkn] {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    color: #6b7280;
    text-decoration: none;
}

.aa-voltar:hover[b-634ji9tlkn] {
    color: #4f46e5;
    text-decoration: underline;
}
/* /Components/Pages/AnalisePedagogica.razor.rz.scp.css */
.analise-page[b-9xl9ry1whb] { display: grid; gap: 14px; padding-bottom: 18px; }
.analise-hero[b-9xl9ry1whb] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(440px 180px at 100% -30%, rgba(255,255,255,.30), transparent 60%), linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 20px 44px rgba(67, 56, 202, .22); }
.kicker[b-9xl9ry1whb] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.analise-hero h1[b-9xl9ry1whb] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.analise-hero p[b-9xl9ry1whb] { margin: 5px 0 0; color: rgba(255,255,255,.9);  font-size: 14px;}
.analise-hero a[b-9xl9ry1whb] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 11px; color: #4338ca; background: #fff; text-decoration: none; font-weight: 900; }
.analise-msg[b-9xl9ry1whb] { min-height: 42px; display: flex; align-items: center; padding: 0 14px; border: 1px solid #fecaca; border-radius: 12px; color: #991b1b; background: #fef2f2; font-weight: 800; }
.analise-layout[b-9xl9ry1whb] { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 14px; align-items: start; }
.provas[b-9xl9ry1whb], .resultado article[b-9xl9ry1whb], .score[b-9xl9ry1whb], .empty[b-9xl9ry1whb] { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); }
.provas[b-9xl9ry1whb] { display: grid; gap: 8px; padding: 14px; max-height: 74vh; overflow: auto; }
.provas h2[b-9xl9ry1whb] { margin: 0 0 6px; color: #0f172a; font-size: 1.1rem; font-weight: 900; }
.prova[b-9xl9ry1whb] { display: grid; gap: 5px; padding: 12px; text-align: left; border: 1px solid #e2e8f0; border-radius: 13px; background: #fff; }
.prova.active[b-9xl9ry1whb], .prova:hover[b-9xl9ry1whb] { border-color: #818cf8; background: #f5f3ff; }
.prova strong[b-9xl9ry1whb] { color: #0f172a; }
.prova span[b-9xl9ry1whb], .prova small[b-9xl9ry1whb] { color: #64748b; font-size: 12px; }
.resultado[b-9xl9ry1whb] { display: grid; gap: 14px; }
.score[b-9xl9ry1whb] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; padding: 16px; }
.score div[b-9xl9ry1whb] { padding: 12px; border-radius: 14px; background: #f8fafc; }
.score span[b-9xl9ry1whb] { display: block; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.score strong[b-9xl9ry1whb] { display: block; margin-top: 7px; color: #0f172a; font-size: 1.75rem; font-weight: 900; }
.charts[b-9xl9ry1whb], .insights[b-9xl9ry1whb] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.insights[b-9xl9ry1whb] { grid-template-columns: 1.2fr .8fr; }
.resultado article[b-9xl9ry1whb] { padding: 16px; }
.resultado article h2[b-9xl9ry1whb] { margin: 0 0 12px; color: #0f172a; font-size: 1.1rem; font-weight: 900; }
.metric[b-9xl9ry1whb] { display: flex; align-items: center; justify-content: space-between; min-height: 34px; border-bottom: 1px solid #edf2f7; color: #334155; }
.metric b[b-9xl9ry1whb] { color: #4338ca; }
.insights p[b-9xl9ry1whb] { display: flex; align-items: start; gap: 9px; margin: 0 0 10px; color: #334155; font-size: 13px; }
.insights i[b-9xl9ry1whb] { color: #10b981; margin-top: 2px; }
code[b-9xl9ry1whb] { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 7px; padding: 2px 6px; }
.empty[b-9xl9ry1whb] { min-height: 360px; display: grid; place-items: center; gap: 8px; padding: 22px; text-align: center; color: #64748b; }
.empty i[b-9xl9ry1whb] { font-size: 36px; color: #818cf8; }
.empty strong[b-9xl9ry1whb] { color: #0f172a; }
@media (max-width: 1100px) { .analise-layout[b-9xl9ry1whb], .score[b-9xl9ry1whb], .charts[b-9xl9ry1whb], .insights[b-9xl9ry1whb] { grid-template-columns: 1fr; } .analise-hero[b-9xl9ry1whb] { flex-direction: column; align-items: start; } .provas[b-9xl9ry1whb] { max-height: none; } }
/* /Components/Pages/AnalisePedagogicaDeProva.razor.rz.scp.css */
.seo-page[b-a0sgqoum65] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-a0sgqoum65] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-a0sgqoum65] { text-align: center; }

/* HERO */
.hero[b-a0sgqoum65] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-a0sgqoum65] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-a0sgqoum65] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-a0sgqoum65 20s linear infinite;
}
@keyframes particles-b-a0sgqoum65 { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-a0sgqoum65] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-a0sgqoum65] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-a0sgqoum65] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-a0sgqoum65] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-a0sgqoum65] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-a0sgqoum65] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-a0sgqoum65] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-a0sgqoum65] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-a0sgqoum65] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-a0sgqoum65] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-a0sgqoum65] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-a0sgqoum65] { text-align: center; }
.proof-number[b-a0sgqoum65] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-a0sgqoum65] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-a0sgqoum65] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-a0sgqoum65] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-a0sgqoum65] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-a0sgqoum65] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-a0sgqoum65] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-a0sgqoum65] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-a0sgqoum65] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-a0sgqoum65] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-a0sgqoum65] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-a0sgqoum65] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-a0sgqoum65] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-a0sgqoum65] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-a0sgqoum65] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-a0sgqoum65] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-a0sgqoum65] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-a0sgqoum65] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-a0sgqoum65] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-a0sgqoum65] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-a0sgqoum65] { max-width: 720px; margin: 0 auto; }
.faq-item[b-a0sgqoum65] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-a0sgqoum65] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-a0sgqoum65] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-a0sgqoum65]::-webkit-details-marker { display: none; }
.faq-question i[b-a0sgqoum65] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-a0sgqoum65] { transform: rotate(180deg); }
.faq-answer[b-a0sgqoum65] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-a0sgqoum65] { max-width: 900px; }
.seo-text p[b-a0sgqoum65] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-a0sgqoum65] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-a0sgqoum65]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-a0sgqoum65] { position: relative; z-index: 1; }
.cta-title[b-a0sgqoum65] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-a0sgqoum65] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-a0sgqoum65] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-a0sgqoum65] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Pages/AplicarProvaFisica.razor.rz.scp.css */
/* ===== Prova Física — tela do professor ===== */

.pf-page[b-3az7w26dr7] { display: grid; gap: 16px; }

.pf-hero[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 3vw, 32px);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(120deg, #93c5fd 0%, #1d4ed8 100%);
    box-shadow: 0 20px 44px rgba(29, 78, 216, .3);
}

.pf-kicker[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pf-hero h1[b-3az7w26dr7] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.pf-hero p[b-3az7w26dr7] { margin: 5px 0 0; max-width: 560px; opacity: .92; font-size: 14px; }

.pf-voltar[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-weight: 850;
    white-space: nowrap;
    text-decoration: none;
}

.pf-card[b-3az7w26dr7] {
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.pf-card h2[b-3az7w26dr7], .pf-card h3[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.pf-alerta[b-3az7w26dr7] { padding: 12px 16px; border-radius: 12px; font-size: .9rem; font-weight: 750; }
.pf-alerta.ok[b-3az7w26dr7] { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.pf-alerta.erro[b-3az7w26dr7] { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }

/* escolha da prova */
.pf-grid[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}

.pf-prova-card[b-3az7w26dr7] {
    display: grid;
    gap: 3px;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    text-align: left;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.pf-prova-card:hover[b-3az7w26dr7] {
    transform: translateY(-2px);
    border-color: #bfdbfe;
    box-shadow: 0 12px 28px rgba(5, 150, 105, .14);
}

.pf-prova-card strong[b-3az7w26dr7] { color: #0f172a; font-size: .93rem; }
.pf-prova-card span[b-3az7w26dr7] { color: #64748b; font-size: .78rem; font-weight: 700; }

.pf-vazio[b-3az7w26dr7] { color: #64748b; font-size: .9rem; text-align: center; padding: 14px 0 4px; }

/* resumo */
.pf-resumo-cab[b-3az7w26dr7] { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.pf-resumo-cab h2[b-3az7w26dr7] { margin: 0; }
.pf-resumo-cab p[b-3az7w26dr7] { margin: 2px 0 0; color: #64748b; font-size: .86rem; }

.pf-badge-aplicada[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 15px;
    border-radius: 999px;
    background: #d1fae5;
    color: #047857;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pf-stats[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
    margin: 14px 0;
}

.pf-stats > div[b-3az7w26dr7] {
    padding: 13px 10px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    display: grid;
    gap: 2px;
    text-align: center;
}

.pf-stats strong[b-3az7w26dr7] { color: #0f172a; font-size: 1.2rem; font-weight: 900; }
.pf-stats span[b-3az7w26dr7] { color: #64748b; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }

.pf-lgpd[b-3az7w26dr7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 4px 0 14px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #78350f;
    font-size: .85rem;
    cursor: pointer;
}

.pf-lgpd input[b-3az7w26dr7] { width: 19px; height: 19px; margin-top: 2px; accent-color: #3b82f6; }

.pf-cta[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(120deg, #1d4ed8, #93c5fd);
    box-shadow: 0 12px 26px rgba(29, 78, 216, .35);
    transition: transform .14s ease;
}

.pf-cta:hover:not(:disabled)[b-3az7w26dr7] { transform: translateY(-2px); }
.pf-cta:disabled[b-3az7w26dr7] { opacity: .55; }

/* dois caminhos da foto: aluno envia · professor fotografa */
.pf-caminhos[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
}

.pf-caminho p[b-3az7w26dr7] { color: #64748b; font-size: .88rem; }
.pf-caminho-qr[b-3az7w26dr7] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

/* captura */
.pf-captura[b-3az7w26dr7] { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.pf-qr img[b-3az7w26dr7] { display: block; border-radius: 13px; border: 1px solid #e2e8f0; padding: 8px; background: #fff; }
.pf-captura-info[b-3az7w26dr7] { flex: 1; min-width: 260px; }
.pf-captura-info p[b-3az7w26dr7] { color: #64748b; font-size: .88rem; }

.pf-copiavel[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
    margin-bottom: 10px;
}

.pf-copiavel span[b-3az7w26dr7] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334155;
    font-size: .82rem;
    font-weight: 650;
}

.pf-copiavel button[b-3az7w26dr7] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #1d4ed8;
}

.pf-link-camera[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d4ed8;
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none;
}

/* envios */
.pf-envios-cab[b-3az7w26dr7] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.pf-envios-cab h3[b-3az7w26dr7] { margin: 0; }
.pf-envios[b-3az7w26dr7] { display: grid; gap: 8px; }

.pf-envio[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fff;
}

.pf-envio-aluno[b-3az7w26dr7] { display: grid; min-width: 0; }
.pf-envio-aluno strong[b-3az7w26dr7] { color: #0f172a; font-size: .9rem; }
.pf-envio-aluno span[b-3az7w26dr7] { color: #94a3b8; font-size: .74rem; font-weight: 700; }

.pf-envio-info[b-3az7w26dr7] { display: flex; align-items: center; gap: 10px; }
.pf-nota[b-3az7w26dr7] { color: #0f172a; font-size: 1.05rem; font-weight: 900; }

.pf-status[b-3az7w26dr7] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pf-status.corrigido[b-3az7w26dr7] { background: #dbeafe; color: #1d4ed8; }
.pf-status.concluido[b-3az7w26dr7] { background: #d1fae5; color: #047857; }
.pf-status.extraido[b-3az7w26dr7], .pf-status.corrigindo[b-3az7w26dr7] { background: #fef3c7; color: #92400e; }
.pf-status.erro[b-3az7w26dr7] { background: #fee2e2; color: #b91c1c; }

.pf-mini-btn[b-3az7w26dr7] {
    height: 32px;
    padding: 0 13px;
    border: 1px solid #bfdbfe;
    border-radius: 9px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: .78rem;
    font-weight: 850;
}

/* cabeçalho lido pela IA (revisão do envio) */
.pf-cabecalho-lido[b-3az7w26dr7] {
    display: grid;
    gap: 8px;
    padding: 11px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
}

.pf-cab-titulo[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pf-cab-campos[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 6px;
}

.pf-cab-campo[b-3az7w26dr7] {
    display: grid;
    gap: 1px;
    padding: 6px 9px;
    border-radius: 8px;
    background: #f8fafc;
}

.pf-cab-campo span[b-3az7w26dr7] { color: #94a3b8; font-size: .66rem; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.pf-cab-campo strong[b-3az7w26dr7] { color: #0f172a; font-size: .84rem; font-weight: 800; }

/* revisão */
.pf-revisao[b-3az7w26dr7] {
    margin: -2px 0 6px;
    padding: 14px;
    border: 1px dashed #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
    display: grid;
    gap: 10px;
}

.pf-ver-foto[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d4ed8;
    font-size: .85rem;
    font-weight: 850;
    text-decoration: none;
}

.pf-vinculo[b-3az7w26dr7] {
    padding: 12px;
    border-radius: 11px;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.pf-vinculo label[b-3az7w26dr7] { display: block; margin-bottom: 8px; color: #78350f; font-size: .82rem; font-weight: 850; }
.pf-vinculo-busca[b-3az7w26dr7] { display: flex; gap: 8px; margin-bottom: 8px; }

.pf-vinculo-busca input[b-3az7w26dr7] {
    flex: 1;
    height: 38px;
    padding: 0 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
    outline: none;
}

.pf-candidato[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 5px;
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    text-align: left;
    font-size: .85rem;
}

.pf-candidato:hover[b-3az7w26dr7] { border-color: #3b82f6; }
.pf-candidato span[b-3az7w26dr7] { color: #64748b; font-size: .76rem; }

.pf-rev-q[b-3az7w26dr7] { padding: 12px; border-radius: 11px; background: #fff; border: 1px solid #eef2f7; }
.pf-rev-q.divergente[b-3az7w26dr7] { border-color: #fde68a; background: #fffdf5; }

.pf-rev-cab[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
}

.pf-tag[b-3az7w26dr7] { padding: 3px 10px; border-radius: 999px; font-size: .7rem; font-weight: 900; }
.pf-tag.certa[b-3az7w26dr7] { background: #d1fae5; color: #047857; }
.pf-tag.errada[b-3az7w26dr7] { background: #fee2e2; color: #b91c1c; }
.pf-tag.diss[b-3az7w26dr7] { background: #dbeafe; color: #1d4ed8; }

.pf-diverge[b-3az7w26dr7] { padding: 9px 12px; border-radius: 10px; background: #fffbeb; font-size: .82rem; color: #78350f; }
.pf-diverge-ops[b-3az7w26dr7] { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }

.pf-rev-texto[b-3az7w26dr7] { margin: 4px 0; color: #334155; font-size: .88rem; }

.pf-rev-ia[b-3az7w26dr7] {
    margin: 6px 0;
    padding: 9px 12px;
    border-radius: 10px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: .84rem;
}

.pf-rev-nota[b-3az7w26dr7] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pf-rev-nota label[b-3az7w26dr7] { color: #0f172a; font-size: .8rem; font-weight: 850; }

.pf-rev-nota input[b-3az7w26dr7] {
    width: 90px;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
    outline: none;
}

.pf-finalizar[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: 12px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: .9rem;
}

@media (max-width: 700px) {
    .pf-hero[b-3az7w26dr7] { flex-direction: column; align-items: flex-start; }
    .pf-captura[b-3az7w26dr7] { justify-content: center; }
}

/* ===== conferência do gabarito ===== */
.pf-gabarito[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 8px;
}

.pf-gab-item[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    font-size: .78rem;
}

.pf-gab-item.sem-gabarito[b-3az7w26dr7] { border-color: #fecaca; background: #fef2f2; }

.pf-gab-q[b-3az7w26dr7] { color: #64748b; font-weight: 900; }

.pf-gab-letra[b-3az7w26dr7] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #d1fae5;
    color: #047857;
    font-weight: 900;
}

.pf-gab-letra.diss[b-3az7w26dr7] { width: auto; padding: 0 7px; background: #dbeafe; color: #1d4ed8; }
.pf-gab-valor[b-3az7w26dr7] { color: #94a3b8; font-weight: 750; }

/* ===== prova avulsa: CTA + editor de gabarito ===== */
.pf-avulsa-cta[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    border: 2px dashed #bfdbfe;
    background: #eff6ff;
}

.pf-avulsa-cta p[b-3az7w26dr7] { margin: 4px 0 0; color: #475569; font-size: .88rem; max-width: 620px; }

.pf-captura-info-p[b-3az7w26dr7] { color: #64748b; font-size: .88rem; margin: -6px 0 12px; }

.pf-gab-acoes[b-3az7w26dr7] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }

.pf-qr-gab[b-3az7w26dr7] {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
}
.pf-qr-gab img[b-3az7w26dr7] { display: block; border-radius: 12px; border: 1px solid #e2e8f0; padding: 7px; background: #fff; }
.pf-qr-gab-info[b-3az7w26dr7] { flex: 1; min-width: 240px; display: grid; gap: 9px; }
.pf-qr-gab-info p[b-3az7w26dr7] { margin: 0; color: #64748b; font-size: .86rem; line-height: 1.5; }

.pf-cta-arquivo[b-3az7w26dr7] { cursor: pointer; }
.pf-cta-arquivo.ocupado[b-3az7w26dr7] { opacity: .6; cursor: wait; }
.pf-cta-arquivo[b-3az7w26dr7]  input[type="file"] { display: none; }

.pf-gab-editor[b-3az7w26dr7] { display: grid; gap: 6px; margin-bottom: 14px; }

.pf-gab-linha[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

.pf-gab-linha.atencao[b-3az7w26dr7] { border-color: #fde68a; background: #fffbeb; }

.pf-gab-linha input[b-3az7w26dr7], .pf-gab-linha select[b-3az7w26dr7] {
    height: 36px;
    padding: 0 8px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font: inherit;
    font-weight: 750;
    outline: none;
}

.pf-gab-num[b-3az7w26dr7] { width: 60px; text-align: center; }
.pf-gab-modelo[b-3az7w26dr7] { flex: 1; min-width: 120px; font-weight: 600 !important; }
.pf-gab-val[b-3az7w26dr7] { width: 70px; text-align: center; }

.pf-gab-rm[b-3az7w26dr7] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .68rem;
}

/* ===== correção manual ===== */
.pf-manual[b-3az7w26dr7] { display: grid; gap: 12px; }

.pf-manual-aluno[b-3az7w26dr7] { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }

.pf-manual-aluno input[b-3az7w26dr7] {
    height: 44px;
    padding: 0 13px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    font: inherit;
    outline: none;
}

.pf-manual-grid[b-3az7w26dr7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
}

.pf-manual-q[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

.pf-manual-q span[b-3az7w26dr7] { font-weight: 900; color: #0f172a; min-width: 30px; font-size: .82rem; }

.pf-manual-q select[b-3az7w26dr7], .pf-manual-nota[b-3az7w26dr7] {
    flex: 1;
    height: 34px;
    padding: 0 6px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font: inherit;
    font-weight: 800;
    outline: none;
    min-width: 0;
}

/* ===== candidatos por caligrafia (Azure Vision + Pinecone) ===== */
.pf-calig-buscando[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border-radius: 10px;
    background: #f5f3ff;
    color: #5b21b6;
    font-size: .82rem;
    font-weight: 700;
}

.pf-calig-lista[b-3az7w26dr7] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px dashed #c4b5fd;
    border-radius: 12px;
    background: #faf9ff;
}

.pf-calig-titulo[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #6d28d9;
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pf-calig-cand[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    text-align: left;
    transition: border-color .14s ease, transform .14s ease;
}

.pf-calig-cand:hover[b-3az7w26dr7] { border-color: #7c3aed; transform: translateY(-1px); }
.pf-calig-cand.forte[b-3az7w26dr7] { border-color: #86efac; }

.pf-calig-cand img[b-3az7w26dr7] {
    width: 74px;
    height: 34px;
    object-fit: cover;
    border-radius: 7px;
    background: #f1f5f9;
}

.pf-calig-nome[b-3az7w26dr7] { flex: 1; min-width: 0; color: #0f172a; font-size: .85rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pf-calig-cand em[b-3az7w26dr7] {
    font-style: normal;
    font-size: .74rem;
    font-weight: 900;
    padding: 3px 9px;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
}

.pf-calig-cand.forte em[b-3az7w26dr7] { background: #dcfce7; color: #15803d; }

/* ===== folha-a-folha na revisão (envio multi-página) ===== */
.pf-folhas[b-3az7w26dr7] {
    display: grid;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.pf-folhas-topo[b-3az7w26dr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.pf-folhas-toggle[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
}

.pf-folhas-nav[b-3az7w26dr7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: .8rem;
    font-weight: 800;
}

.pf-folhas-nav button[b-3az7w26dr7] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #4f46e5;
}

.pf-folhas-nav button:disabled[b-3az7w26dr7] { opacity: .4; }

.pf-folha-img[b-3az7w26dr7] {
    width: 100%;
    max-height: 520px;
    object-fit: contain;
    border-radius: 10px;
    background: #0f172a;
}

.pf-folhas-thumbs[b-3az7w26dr7] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.pf-folhas-thumbs button[b-3az7w26dr7] {
    position: relative;
    flex: 0 0 auto;
    width: 64px;
    height: 84px;
    padding: 0;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
}

.pf-folhas-thumbs button.on[b-3az7w26dr7] { border-color: #7c3aed; }

.pf-folhas-thumbs img[b-3az7w26dr7] { width: 100%; height: 100%; object-fit: cover; }

.pf-folhas-thumbs span[b-3az7w26dr7] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .78);
    color: #fff;
    font-size: .64rem;
    font-weight: 900;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.pf-card[b-3az7w26dr7] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.pf-card[b-3az7w26dr7]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.pf-card:hover[b-3az7w26dr7] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.pf-card:hover[b-3az7w26dr7]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.pf-prova-card[b-3az7w26dr7] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.pf-prova-card[b-3az7w26dr7]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 13px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.pf-prova-card:hover[b-3az7w26dr7] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.pf-prova-card:hover[b-3az7w26dr7]::before {
    width: 50%;
    height: 50%;
}

/* ===== quem fotografa: o professor decide (14/07) ===== */
.pf-modos[b-3az7w26dr7] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 12px 0 14px; }
.pf-modo[b-3az7w26dr7] {
    display: grid; gap: 6px; padding: 16px; text-align: left;
    border: 2px solid #e2e8f0; border-radius: 14px; background: #fff; cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.pf-modo:hover[b-3az7w26dr7] { border-color: #a78bfa; }
.pf-modo.on[b-3az7w26dr7] { border-color: #7c3aed; background: #f5f3ff; }
.pf-modo i[b-3az7w26dr7] { font-size: 1.4rem; color: #7c3aed; }
.pf-modo strong[b-3az7w26dr7] { color: #0f172a; font-size: .95rem; }
.pf-modo span[b-3az7w26dr7] { color: #64748b; font-size: .8rem; line-height: 1.45; }
/* /Components/Pages/AplicarProvaOnline.razor.rz.scp.css */
/* ===== Aplicar Prova Online — tela do professor ===== */

.ap-page[b-im9k60k6l2] {
    display: grid;
    gap: 16px;
}

/* ---------- hero ---------- */
.ap-hero[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 3vw, 32px);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(120deg, #60a5fa 0%, #2563eb 100%);
    box-shadow: 0 20px 44px rgba(37, 99, 235, .3);
}

.ap-kicker[b-im9k60k6l2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ap-hero h1[b-im9k60k6l2] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.ap-hero p[b-im9k60k6l2] {
    margin: 5px 0 0;
    max-width: 560px;
    opacity: .92;
    font-size: 14px;
}

.ap-cta[b-im9k60k6l2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    color: #60a5fa;
    background: #fff;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .25);
    transition: transform .14s ease, box-shadow .14s ease;
}

.ap-cta:hover:not(:disabled)[b-im9k60k6l2] { transform: translateY(-2px); }
.ap-cta:disabled[b-im9k60k6l2] { opacity: .6; }

.ap-voltar[b-im9k60k6l2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-weight: 850;
    white-space: nowrap;
}

/* ---------- blocos ---------- */
.ap-card[b-im9k60k6l2] {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1.5px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s ease, border-color .28s ease;
}

.ap-card[b-im9k60k6l2]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #60a5fa, #2563eb) 1;
    border-top-right-radius: 18px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.ap-card:hover[b-im9k60k6l2] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(37, 99, 235, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.ap-card:hover[b-im9k60k6l2]::before {
    width: 50%;
    height: 50%;
}

.ap-card:hover[b-im9k60k6l2]::before {
    width: 66px;
}

.ap-alerta[b-im9k60k6l2] {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 750;
}

.ap-alerta.ok[b-im9k60k6l2] { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.ap-alerta.erro[b-im9k60k6l2] { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }

/* ---------- wizard ---------- */
.ap-wizard h2[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 900;
}

.ap-form-grid[b-im9k60k6l2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
}

.ap-form-grid label[b-im9k60k6l2],
.ap-rev-nota label[b-im9k60k6l2] {
    display: block;
    margin-bottom: 6px;
    color: #0f172a;
    font-size: .8rem;
    font-weight: 850;
}

.ap-form-grid select[b-im9k60k6l2],
.ap-form-grid input[b-im9k60k6l2] {
    width: 100%;
    height: 46px;
    padding: 0 13px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    color: #0f172a;
    background: #fff;
    font: inherit;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ap-form-grid select:focus[b-im9k60k6l2],
.ap-form-grid input:focus[b-im9k60k6l2] {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .12);
}

.ap-dica[b-im9k60k6l2] {
    margin: 14px 0 0;
    padding: 10px 14px;
    border-radius: 11px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .86rem;
}

.ap-switches[b-im9k60k6l2] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 16px 0;
}

.ap-switch[b-im9k60k6l2] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #334155;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
}

.ap-switch input[b-im9k60k6l2] {
    width: 19px;
    height: 19px;
    accent-color: #2563eb;
}

.ap-rubrica[b-im9k60k6l2] {
    margin-top: 6px;
    padding: 16px;
    border-radius: 13px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.ap-rubrica h3[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px;
    color: #0f172a;
    font-size: .98rem;
    font-weight: 900;
}

.ap-rubrica > p[b-im9k60k6l2] {
    margin: 0 0 12px;
    color: #64748b;
    font-size: .84rem;
}

.ap-rubrica-item[b-im9k60k6l2] { margin-bottom: 12px; }

.ap-rubrica-q[b-im9k60k6l2] {
    margin-bottom: 6px;
    color: #334155;
    font-size: .86rem;
    font-weight: 750;
}

.ap-rubrica-item textarea[b-im9k60k6l2] {
    width: 100%;
    padding: 10px 13px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    font: inherit;
    color: #0f172a;
    resize: vertical;
    outline: none;
}

.ap-rubrica-item textarea:focus[b-im9k60k6l2] {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .12);
}

.ap-wizard-acoes[b-im9k60k6l2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.ap-wizard-acoes .ap-cta[b-im9k60k6l2] {
    color: #fff;
    background: linear-gradient(120deg, #60a5fa, #2563eb);
    box-shadow: 0 12px 26px rgba(37, 99, 235, .35);
}

.ap-secundario[b-im9k60k6l2] {
    height: 48px;
    padding: 0 20px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #475569;
    font-weight: 850;
}

/* ---------- sessão ---------- */
.ap-sessao-cab[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.ap-sessao-cab h2[b-im9k60k6l2] { margin: 0; color: #0f172a; font-size: 1.15rem; font-weight: 900; }
.ap-sessao-cab p[b-im9k60k6l2] { margin: 3px 0 0; color: #64748b; font-size: .86rem; }

.ap-status[b-im9k60k6l2] {
    padding: 7px 15px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.ap-status.mini[b-im9k60k6l2] { padding: 3px 10px; font-size: .68rem; }
.ap-status.rascunho[b-im9k60k6l2] { background: #f1f5f9; color: #475569; }
.ap-status.aberta[b-im9k60k6l2] { background: #d1fae5; color: #047857; }
.ap-status.encerrada[b-im9k60k6l2] { background: #fee2e2; color: #b91c1c; }
.ap-status.finalizado[b-im9k60k6l2] { background: #d1fae5; color: #047857; }
.ap-status.iniciado[b-im9k60k6l2] { background: #dbeafe; color: #1d4ed8; }

.ap-compartilhar[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.ap-qr img[b-im9k60k6l2] {
    display: block;
    border-radius: 13px;
    border: 1px solid #e2e8f0;
    padding: 8px;
    background: #fff;
    width: 170px;
    height: 170px;
}

.ap-qr-btn[b-im9k60k6l2] {
    position: relative;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: block;
    border-radius: 13px;
}

.ap-qr-ampliar[b-im9k60k6l2] {
    position: absolute;
    inset: auto 0 0 0;
    margin: 8px;
    padding: 4px 0;
    border-radius: 0 0 9px 9px;
    background: rgba(37, 99, 235, .92);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    opacity: 0;
    transition: opacity .15s ease;
}

.ap-qr-btn:hover .ap-qr-ampliar[b-im9k60k6l2] { opacity: 1; }

/* ---- modal QR ampliado ---- */
.ap-qr-modal[b-im9k60k6l2] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .68);
    backdrop-filter: blur(3px);
}

.ap-qr-modal-box[b-im9k60k6l2] {
    position: relative;
    max-width: 420px;
    width: 100%;
    text-align: center;
    padding: 30px 26px 24px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .4);
}

.ap-qr-modal-box h3[b-im9k60k6l2] {
    margin: 0 0 4px;
    font-size: 1.15rem;
    font-weight: 900;
    color: #1e293b;
}

.ap-qr-modal-box p[b-im9k60k6l2] {
    margin: 0 0 18px;
    color: #64748b;
    font-size: .86rem;
}

.ap-qr-grande[b-im9k60k6l2] {
    width: min(320px, 78vw);
    height: min(320px, 78vw);
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    padding: 10px;
    background: #fff;
}

.ap-qr-modal-codigo[b-im9k60k6l2] {
    margin-top: 16px;
    font-size: .9rem;
    color: #334155;
}

.ap-qr-modal-codigo strong[b-im9k60k6l2] {
    color: #60a5fa;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.ap-qr-modal-link[b-im9k60k6l2] {
    margin-top: 8px;
    font-size: .8rem;
    color: #64748b;
    word-break: break-all;
}

.ap-qr-modal-fechar[b-im9k60k6l2] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: none;
    border-radius: 9px;
    background: #f1f5f9;
    color: #475569;
    cursor: pointer;
    transition: background .13s ease;
}

.ap-qr-modal-fechar:hover[b-im9k60k6l2] { background: #e2e8f0; }

.ap-links[b-im9k60k6l2] {
    flex: 1;
    min-width: 260px;
    display: grid;
    gap: 6px;
}

.ap-links label[b-im9k60k6l2] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ap-copiavel[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
}

.ap-copiavel strong[b-im9k60k6l2] {
    color: #60a5fa;
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.ap-link-txt[b-im9k60k6l2] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334155;
    font-size: .84rem;
    font-weight: 650;
}

.ap-copiavel button[b-im9k60k6l2] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #60a5fa;
    transition: transform .13s ease;
}

.ap-copiavel button:hover[b-im9k60k6l2] { transform: translateY(-1px); }

.ap-sessao-acoes[b-im9k60k6l2] { margin-top: 8px; display: flex; gap: 10px; }

.ap-sessao-acoes .ap-cta[b-im9k60k6l2] {
    color: #fff;
    background: linear-gradient(120deg, #059669, #10b981);
    box-shadow: 0 10px 24px rgba(5, 150, 105, .3);
}

.ap-perigo[b-im9k60k6l2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 20px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #b91c1c;
    font-weight: 850;
}

/* ---------- monitor ---------- */
.ap-monitor-cab[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ap-monitor-cab h3[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.ap-atualizacao[b-im9k60k6l2] { color: #94a3b8; font-size: .74rem; font-weight: 750; }

.ap-kpis[b-im9k60k6l2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.ap-kpi[b-im9k60k6l2] {
    padding: 13px 12px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    display: grid;
    gap: 2px;
}

.ap-kpi strong[b-im9k60k6l2] { color: #0f172a; font-size: 1.2rem; font-weight: 900; font-variant-numeric: tabular-nums; }
.ap-kpi span[b-im9k60k6l2] { color: #64748b; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.ap-kpi.alerta[b-im9k60k6l2] { border-color: #fde68a; background: #fffbeb; }
.ap-kpi.alerta strong[b-im9k60k6l2] { color: #b45309; }

.ap-vazio[b-im9k60k6l2] { color: #64748b; font-size: .9rem; text-align: center; padding: 18px 0 6px; }

.ap-envios[b-im9k60k6l2] { display: grid; gap: 8px; }

.ap-envio[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fff;
    transition: border-color .14s ease, box-shadow .14s ease;
}

.ap-envio:hover[b-im9k60k6l2] { border-color: #c7d2fe; box-shadow: 0 8px 20px rgba(37, 99, 235, .08); }

.ap-envio-aluno[b-im9k60k6l2] { display: flex; align-items: center; gap: 11px; min-width: 0; }

.ap-avatar[b-im9k60k6l2] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(135deg, #60a5fa, #2563eb);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.ap-envio-aluno div[b-im9k60k6l2] { display: grid; min-width: 0; }
.ap-envio-aluno strong[b-im9k60k6l2] { color: #0f172a; font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-envio-aluno span[b-im9k60k6l2] { color: #94a3b8; font-size: .74rem; font-weight: 700; }

.ap-envio-info[b-im9k60k6l2] { display: flex; align-items: center; gap: 10px; }
.ap-nota[b-im9k60k6l2] { color: #0f172a; font-size: 1.05rem; font-weight: 900; font-variant-numeric: tabular-nums; }
.ap-pendente[b-im9k60k6l2] { color: #2563eb; font-size: .72rem; font-weight: 900; }
.ap-progresso-envio[b-im9k60k6l2] { color: #64748b; font-size: .78rem; font-weight: 750; }

.ap-mini-btn[b-im9k60k6l2] {
    height: 32px;
    padding: 0 13px;
    border: 1px solid #c7d2fe;
    border-radius: 9px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .78rem;
    font-weight: 850;
    transition: background-color .13s ease;
}

.ap-mini-btn:hover[b-im9k60k6l2] { background: #e0e7ff; }

/* ---------- revisão ---------- */
.ap-revisao[b-im9k60k6l2] {
    margin: -2px 0 6px;
    padding: 14px;
    border: 1px dashed #c7d2fe;
    border-radius: 12px;
    background: #fafaff;
    display: grid;
    gap: 10px;
}

.ap-rev-q[b-im9k60k6l2] { padding: 12px; border-radius: 11px; background: #fff; border: 1px solid #eef2f7; }

.ap-rev-cab[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
}

.ap-tag[b-im9k60k6l2] { padding: 3px 10px; border-radius: 999px; font-size: .7rem; font-weight: 900; }
.ap-tag.certa[b-im9k60k6l2] { background: #d1fae5; color: #047857; }
.ap-tag.errada[b-im9k60k6l2] { background: #fee2e2; color: #b91c1c; }
.ap-tag.diss[b-im9k60k6l2] { background: #ede9fe; color: #6d28d9; }

.ap-rev-resposta[b-im9k60k6l2] { margin: 4px 0; color: #334155; font-size: .88rem; }

.ap-rev-ia[b-im9k60k6l2] {
    margin: 6px 0;
    padding: 9px 12px;
    border-radius: 10px;
    background: #f5f3ff;
    color: #5b21b6;
    font-size: .84rem;
}

.ap-rev-nota[b-im9k60k6l2] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ap-rev-nota label[b-im9k60k6l2] { margin: 0; }

.ap-rev-nota input[b-im9k60k6l2] {
    width: 90px;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
    outline: none;
}

/* ---------- lista ---------- */
.ap-lista h2[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 4px 0 14px;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 900;
}

.ap-contador[b-im9k60k6l2] {
    padding: 3px 11px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .1);
    color: #60a5fa;
    font-size: .78rem;
    font-weight: 900;
}

.ap-grid[b-im9k60k6l2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 12px;
}

.ap-sessao-card[b-im9k60k6l2] {
    display: grid;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.ap-sessao-card:hover[b-im9k60k6l2] {
    transform: translateY(-3px);
    border-color: #c7d2fe;
    box-shadow: 0 16px 36px rgba(37, 99, 235, .14);
}

.ap-sessao-topo[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ap-sessao-topo strong[b-im9k60k6l2] {
    color: #0f172a;
    font-size: .95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-sessao-meta[b-im9k60k6l2] { color: #64748b; font-size: .78rem; font-weight: 700; }

.ap-sessao-stats[b-im9k60k6l2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #475569;
    font-size: .78rem;
    font-weight: 750;
}

.ap-sessao-stats i[b-im9k60k6l2] { color: #2563eb; }

.ap-vazio-card[b-im9k60k6l2] {
    display: grid;
    place-items: center;
    gap: 6px;
    padding: 38px 20px;
    text-align: center;
    color: #64748b;
}

.ap-vazio-card i[b-im9k60k6l2] { font-size: 2rem; color: #a5b4fc; }
.ap-vazio-card strong[b-im9k60k6l2] { color: #0f172a; }
.ap-vazio-card p[b-im9k60k6l2] { margin: 0; font-size: .88rem; }

@media (max-width: 700px) {
    .ap-hero[b-im9k60k6l2] { flex-direction: column; align-items: flex-start; }
    .ap-compartilhar[b-im9k60k6l2] { justify-content: center; }
}

/* identificação do aluno do envio */
.ap-btn-ident[b-im9k60k6l2] { margin-left: 6px; }
.ap-ident[b-im9k60k6l2] { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 14px; margin: 4px 0 10px; }
.ap-ident-cab[b-im9k60k6l2] { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; font-size: 13px; }
.ap-ident-status[b-im9k60k6l2] { font-weight: 800; padding: 3px 10px; border-radius: 999px; font-size: 12px; }
.ap-ident-status.auto[b-im9k60k6l2] { background: #ecfdf5; color: #047857; }
.ap-ident-status.divergente[b-im9k60k6l2] { background: #fffbeb; color: #b45309; }
.ap-ident-status.novo[b-im9k60k6l2] { background: #eff6ff; color: #1d4ed8; }
.ap-ident-msg[b-im9k60k6l2] { padding: 6px 10px; border-radius: 8px; background: #eef2ff; color: #4338ca; font-size: 13px; margin-bottom: 8px; }
.ap-ident-lista[b-im9k60k6l2] { display: flex; flex-direction: column; gap: 6px; }
.ap-ident-cand[b-im9k60k6l2] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; }
.ap-ident-cand.sugerido[b-im9k60k6l2] { border-color: #60a5fa; background: #dbeafe; }
.ap-ident-cand > div[b-im9k60k6l2] { flex: 1; display: flex; flex-direction: column; }
.ap-ident-cand span[b-im9k60k6l2] { font-size: 12px; color: #64748b; }
.ap-ident-cand strong[b-im9k60k6l2] { font-size: 14px; color: #1e293b; }
.ap-mini-btn.primario[b-im9k60k6l2] { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; border: 0; }

/* ===== Psicometria empírica da aplicação (04/07) ===== */
.ap-monitor-acoes[b-im9k60k6l2] { display: flex; align-items: center; gap: .6rem; }

.ap-psico[b-im9k60k6l2] {
    border: 1px solid #e2e5f0;
    border-radius: 10px;
    padding: .7rem .8rem;
    margin-bottom: .8rem;
    background: #fafbff;
}

.ap-psico-kpis[b-im9k60k6l2] { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: .6rem; }

.ap-psico-lista[b-im9k60k6l2] { display: flex; flex-direction: column; gap: .3rem; }

.ap-psico-q[b-im9k60k6l2] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .84rem;
    padding: .3rem .5rem;
    border-radius: 7px;
    border: 1px solid #e6e8f2;
    background: #fff;
}

.ap-psico-q strong[b-im9k60k6l2] { min-width: 3rem; text-align: right; }

.ap-psico-q em[b-im9k60k6l2] { color: #8b90a4; font-style: normal; }

.ap-psico-q.fraca[b-im9k60k6l2] { border-color: #f2c94c; background: #fffcf2; }

.ap-psico-q.quebrada[b-im9k60k6l2] { border-color: #eb5757; background: #fff5f5; }

/* Análise de distratores */
.ap-distratores[b-im9k60k6l2] {
    border: 1px dashed #d9dcea;
    border-radius: 8px;
    padding: .5rem .6rem;
    margin: .1rem 0 .4rem;
    background: #fff;
}

.ap-dist-linha[b-im9k60k6l2] {
    display: grid;
    grid-template-columns: 1.4rem 1fr 6rem 3rem auto;
    gap: .45rem;
    align-items: center;
    font-size: .82rem;
    padding: .22rem 0;
}

.ap-dist-txt[b-im9k60k6l2] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ap-dist-bar[b-im9k60k6l2] {
    height: .5rem;
    background: #eef0f7;
    border-radius: 999px;
    overflow: hidden;
}

.ap-dist-bar i[b-im9k60k6l2] { display: block; height: 100%; background: #5b5bd6; border-radius: 999px; }

.ap-dist-linha.correta .ap-dist-bar i[b-im9k60k6l2] { background: #17a673; }

.ap-dist-linha.correta strong[b-im9k60k6l2] { color: #17a673; }

.ap-dist-linha.morta[b-im9k60k6l2] { opacity: .65; }

.ap-dist-linha.morta small[b-im9k60k6l2] { color: #b26a00; }

.ap-dist-linha small[b-im9k60k6l2] { color: #8b90a4; white-space: nowrap; }

.ap-dist-nota[b-im9k60k6l2] { display: block; color: #8b90a4; margin-top: .3rem; }

/* ===== Recuperação automática (04/07) ===== */
.ap-btn-recup[b-im9k60k6l2] { background: #eef9f4; border-color: #b9e8d4; color: #0f7a55; font-weight: 700; }

.ap-btn-recup:hover[b-im9k60k6l2] { background: #ddf3e8; }

.ap-recup[b-im9k60k6l2] {
    border: 1px solid #b9e8d4;
    border-radius: 12px;
    background: #f4fdf9;
    padding: .7rem .85rem;
    margin-bottom: .8rem;
}

.ap-recup.aviso[b-im9k60k6l2] { border-color: #fde68a; background: #fffcf2; }

.ap-recup-head[b-im9k60k6l2] { display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem; }

.ap-recup-head strong[b-im9k60k6l2] { color: #0f7a55; }

.ap-recup.aviso .ap-recup-head strong[b-im9k60k6l2] { color: #b26a00; }

.ap-recup-head button[b-im9k60k6l2] { border: 0; background: transparent; color: #6b7280; cursor: pointer; }

.ap-recup p[b-im9k60k6l2] { margin: .2rem 0 .45rem; font-size: .9rem; }

.ap-recup-info[b-im9k60k6l2] { display: flex; flex-direction: column; gap: .2rem; font-size: .85rem; margin-bottom: .45rem; }

.ap-recup-alunos[b-im9k60k6l2] { font-size: .84rem; margin-bottom: .55rem; }

.ap-recup-alunos span[b-im9k60k6l2] {
    display: inline-block;
    background: #fff;
    border: 1px solid #e2e5f0;
    border-radius: 999px;
    padding: .1rem .55rem;
    margin: .15rem .25rem 0 0;
}

.ap-recup-link[b-im9k60k6l2] { display: inline-flex; }
/* /Components/Pages/AprovarPosts.razor.rz.scp.css */
.ap-page[b-4cu1i6lzp1] { display: grid; gap: 16px; }

.ap-hero[b-4cu1i6lzp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.ap-hero-acoes[b-4cu1i6lzp1] { display: flex; gap: 10px; flex-wrap: wrap; }

.ap-btn.gerar[b-4cu1i6lzp1] {
    flex: none;
    padding: 10px 18px;
    background: #7c3aed;
    box-shadow: 0 6px 18px rgba(124, 58, 237, .45);
}

.ap-btn.gerar.sec[b-4cu1i6lzp1] { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .25); box-shadow: none; }

.ap-spin[b-4cu1i6lzp1] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ap-girar-b-4cu1i6lzp1 .7s linear infinite;
}

@keyframes ap-girar-b-4cu1i6lzp1 {
    to { transform: rotate(360deg); }
}

.ap-hero .kicker[b-4cu1i6lzp1] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.ap-hero h1[b-4cu1i6lzp1] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.ap-hero p[b-4cu1i6lzp1] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.ap-aviso[b-4cu1i6lzp1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .82rem;
    font-weight: 700;
}

.ap-msg[b-4cu1i6lzp1] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.ap-msg.err[b-4cu1i6lzp1] { background: #fef2f2; color: #b91c1c; }
.ap-msg.ok[b-4cu1i6lzp1] { background: #f0fdf4; color: #15803d; }

.ap-vazio[b-4cu1i6lzp1] { margin: 0; color: #94a3b8; font-size: .86rem; }

.ap-grid[b-4cu1i6lzp1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.ap-card[b-4cu1i6lzp1] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

.ap-card img[b-4cu1i6lzp1] { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }

.ap-corpo[b-4cu1i6lzp1] { padding: 12px 14px; display: grid; gap: 4px; }
.ap-data[b-4cu1i6lzp1] { color: #94a3b8; font-size: .72rem; font-weight: 700; }
.ap-corpo h3[b-4cu1i6lzp1] { margin: 6px 0 0; font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; color: #4338ca; }
.ap-corpo p[b-4cu1i6lzp1] { margin: 0; font-size: .82rem; color: #334155; line-height: 1.4; }

.ap-acoes[b-4cu1i6lzp1] { display: flex; gap: 8px; padding: 10px 14px 14px; }

.ap-btn[b-4cu1i6lzp1] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 0;
    border-radius: 10px;
    font-weight: 800;
    font-size: .82rem;
    color: #fff;
}

.ap-btn.ok[b-4cu1i6lzp1] { background: #16a34a; }
.ap-btn.perigo[b-4cu1i6lzp1] { background: #dc2626; }
.ap-btn:disabled[b-4cu1i6lzp1] { opacity: .35; cursor: not-allowed; }
/* /Components/Pages/Atividade.razor.rz.scp.css */
.at-page[b-uzqzc9n574] {
    display: grid;
    gap: 12px;
}

.at-hero[b-uzqzc9n574] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);
}

.at-kicker[b-uzqzc9n574] {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.at-hero h1[b-uzqzc9n574] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.at-hero p[b-uzqzc9n574] {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
}

.at-link[b-uzqzc9n574] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 11px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.at-alert[b-uzqzc9n574] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.at-alert.ok[b-uzqzc9n574] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.at-alert.erro[b-uzqzc9n574] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.at-form[b-uzqzc9n574],
.at-lista[b-uzqzc9n574] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

.at-grid[b-uzqzc9n574] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.at-form label[b-uzqzc9n574] {
    display: block;
}

.at-form label > span[b-uzqzc9n574] {
    display: block;
    margin-bottom: 2px;
    color: #4c1d95;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.at-req[b-uzqzc9n574] { color: #b91c1c; }
.at-opc[b-uzqzc9n574] { color: #8b7fb0; font-weight: 700; text-transform: none; letter-spacing: 0; }

/* texto de apoio: diz o que o campo faz, acima do controle */
.at-ajuda[b-uzqzc9n574] {
    margin: 0 0 8px;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    text-transform: none;
    letter-spacing: 0;
}

.at-form input[b-uzqzc9n574],
.at-form select[b-uzqzc9n574],
.at-form textarea[b-uzqzc9n574] {
    width: 100%;
    border: 2px solid #ddd6fe;
    border-radius: 10px;
    padding: 9px 10px;
    color: #0f172a;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.at-form input:focus[b-uzqzc9n574],
.at-form select:focus[b-uzqzc9n574],
.at-form textarea:focus[b-uzqzc9n574] {
    outline: 0;
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .13);
}

.at-grid[b-uzqzc9n574]  .se-campo { border-width: 2px; border-color: #ddd6fe; }

.at-form textarea[b-uzqzc9n574] {
    resize: vertical;
    min-height: 84px;
    margin-top: 10px;
}

.at-actions[b-uzqzc9n574] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.at-btn[b-uzqzc9n574] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);
    font-size: 13px;
    font-weight: 900;
}

.at-link-result[b-uzqzc9n574] {
    color: #1e3a8a;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.at-lista h2[b-uzqzc9n574] {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.at-vazio[b-uzqzc9n574] {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.at-cards[b-uzqzc9n574] {
    display: grid;
    gap: 8px;
}

.at-cards article[b-uzqzc9n574] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
}

.at-cards strong[b-uzqzc9n574],
.at-cards span[b-uzqzc9n574],
.at-cards small[b-uzqzc9n574] {
    display: block;
}

.at-cards strong[b-uzqzc9n574] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.at-card-top[b-uzqzc9n574] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.at-icon-btn[b-uzqzc9n574] {
    position: relative;
    z-index: 2;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    color: #64748b;
    background: #fff;
    text-decoration: none;
    transition: all 0.18s ease;
}

.at-icon-btn:hover[b-uzqzc9n574] {
    color: #1e3a8a;
    border-color: #60a5fa;
    background: #dbeafe;
}

.at-cards span[b-uzqzc9n574] {
    margin-top: 4px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.at-cards small[b-uzqzc9n574] {
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .at-hero[b-uzqzc9n574] {
        flex-direction: column;
        align-items: start;
    }

    .at-grid[b-uzqzc9n574] {
        grid-template-columns: 1fr;
    }
}

/* combos com miniatura no formulário */
.at-grid[b-uzqzc9n574]  .se-wrap, form[b-uzqzc9n574]  .se-wrap { min-width: 170px; }

/* ===== as duas abas: Atividade | Trabalho ===== */
.at-modos[b-uzqzc9n574] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.at-modo[b-uzqzc9n574] {
    display: flex; align-items: flex-start; gap: 11px; text-align: left;
    padding: 13px 15px; border-radius: 13px; border: 2px solid #ddd6fe;
    background: #fff; color: #334155; cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .12s ease;
}

.at-modo i[b-uzqzc9n574] { font-size: 1.1rem; line-height: 1.25; color: #7c3aed; }
.at-modo strong[b-uzqzc9n574] { display: block; color: #4c1d95; font-size: .9rem; font-weight: 900; }
.at-modo small[b-uzqzc9n574] { display: block; margin-top: 3px; color: #64748b; font-size: .76rem; line-height: 1.4; }

.at-modo:hover[b-uzqzc9n574] { border-color: #a78bfa; transform: translateY(-1px); }

.at-modo.ativo[b-uzqzc9n574] {
    border-color: transparent;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    box-shadow: 0 10px 24px rgba(59, 7, 100, .26);
}

.at-modo.ativo i[b-uzqzc9n574],
.at-modo.ativo strong[b-uzqzc9n574] { color: #fff; }
.at-modo.ativo small[b-uzqzc9n574] { color: rgba(255, 255, 255, .86); }

.at-chip[b-uzqzc9n574] {
    padding: 7px 13px; border-radius: 999px; border: 2px solid #ddd6fe;
    background: #fff; color: #5b21b6; font-weight: 800; font-size: 12px; cursor: pointer;
    transition: border-color .14s ease, background .14s ease, color .14s ease;
}
.at-chip:hover[b-uzqzc9n574] { border-color: #a78bfa; background: #faf5ff; }
.at-chip.ativo[b-uzqzc9n574] { border-color: transparent; background: linear-gradient(135deg, #9333ea, #3b0764); color: #fff; }
.at-hint[b-uzqzc9n574] { color: #94a3b8; }

/* ===== controles no padrão da CriarProva: slider + mini-cards ===== */
.at-controles[b-uzqzc9n574] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
    align-items: start;
}

.at-field[b-uzqzc9n574] { display: block; }

.at-field > label[b-uzqzc9n574] {
    display: block;
    margin: 0 0 8px;
    color: #4c1d95;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.at-field-line[b-uzqzc9n574] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.at-field-line label[b-uzqzc9n574] { margin: 0; }
.at-soft-label[b-uzqzc9n574] { color: #64748b; font-size: 12px; font-weight: 600; }
.at-qtd-valor[b-uzqzc9n574] { color: #fff; font-weight: 900; font-size: 12px; padding: 3px 10px; border-radius: 999px; background: linear-gradient(135deg, #9333ea, #3b0764); }

/* sliders limpam a moldura herdada de .at-form input */
.at-form input[type="range"][b-uzqzc9n574] { border: 0; padding: 0; background: transparent; }
.at-slider[b-uzqzc9n574] { width: 100%; accent-color: #7c3aed; height: 26px; cursor: pointer; }
.at-dif-slider input[type="range"][b-uzqzc9n574] { accent-color: #7c3aed; }

.at-type-row[b-uzqzc9n574] { display: flex; gap: 6px; }
.at-type-mini[b-uzqzc9n574] {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 9px 10px; border-radius: 10px; border: 2px solid #ddd6fe;
    background: #fff; color: #5b21b6; font-weight: 800; font-size: 12px; cursor: pointer;
    transition: border-color .14s ease, background .14s ease, color .14s ease;
}
.at-type-mini:hover[b-uzqzc9n574] { border-color: #a78bfa; background: #faf5ff; }
.at-type-mini i[b-uzqzc9n574] { font-size: 14px; }
.at-type-mini.is-on[b-uzqzc9n574] { border-color: transparent; background: linear-gradient(135deg, #9333ea, #3b0764); color: #fff; }

.at-dif-slider[b-uzqzc9n574] {
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    gap: 10px;
}
.at-dif-emoji[b-uzqzc9n574] { font-size: 1.35rem; text-align: center; }
.at-dif-slider input[type="range"][b-uzqzc9n574] { width: 100%; accent-color: #1e3a8a; cursor: pointer; }
.at-dif-marcas[b-uzqzc9n574] {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: .68rem;
    font-weight: 800;
}

.at-bncc-field[b-uzqzc9n574] { display: block; margin-top: 12px; }

/* ===== cards clicáveis ===== */
.at-card[b-uzqzc9n574] { cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.at-card:hover[b-uzqzc9n574] { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15, 23, 42, .10); }
.at-card em[b-uzqzc9n574] { color: #3b82f6; font-style: normal; font-weight: 700; font-size: 12px; }

/* ===== modal ===== */
.at-overlay[b-uzqzc9n574] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(15, 23, 42, .55);
    display: flex; align-items: center; justify-content: center; padding: 18px;
}
.at-modal[b-uzqzc9n574] {
    width: min(860px, 100%); max-height: 88vh; display: flex; flex-direction: column;
    background: #fff; border-radius: 16px; overflow: hidden;
}
.at-modal > header[b-uzqzc9n574] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
    padding: 16px 20px; border-bottom: 1px solid #e2e8f0;
}
.at-modal > header h3[b-uzqzc9n574] { margin: 0; font-size: 18px; }
.at-modal > header span[b-uzqzc9n574] { color: #64748b; font-size: 13px; }
.at-fechar[b-uzqzc9n574] { border: 0; background: transparent; font-size: 18px; color: #64748b; cursor: pointer; }
.at-modal-corpo[b-uzqzc9n574] { padding: 16px 20px; overflow-y: auto; }
.at-modal-corpo h4[b-uzqzc9n574] { margin: 14px 0 6px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; color: #1e3a8a; }
.at-comando[b-uzqzc9n574] { font-weight: 700; }
.at-exemplo[b-uzqzc9n574] { white-space: pre-wrap; border-left: 3px solid #bfdbfe; padding-left: 10px; }
.at-etapas li[b-uzqzc9n574], .at-criterios li[b-uzqzc9n574] { margin-bottom: 8px; }

.at-item[b-uzqzc9n574] { padding: 12px 0; border-bottom: 1px dashed #e2e8f0; }
.at-alts[b-uzqzc9n574] { list-style: none; margin: 6px 0 0; padding: 0; }
.at-alts li[b-uzqzc9n574] { padding: 4px 8px; border-radius: 8px; }
.at-alts li.certa[b-uzqzc9n574] { background: #ecfdf5; color: #047857; font-weight: 700; }
.at-alts li.certa i[b-uzqzc9n574] { margin-left: 6px; }
.at-gab[b-uzqzc9n574] { color: #047857; }
.at-coment[b-uzqzc9n574] { color: #92400e; background: #fffbeb; border-radius: 8px; padding: 6px 10px; }

.at-modal > footer[b-uzqzc9n574] {
    display: flex; gap: 10px; justify-content: flex-end;
    padding: 14px 20px; border-top: 1px solid #e2e8f0; background: #f8fafc;
}
.at-btn2[b-uzqzc9n574] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 16px; border-radius: 10px; text-decoration: none;
    background: linear-gradient(135deg, #3b82f6, #1e3a8a); color: #fff; font-weight: 800;
}

.at-btn2.at-corrigir[b-uzqzc9n574] { background: linear-gradient(135deg, #0ea5e9, #3b82f6); }

.at-bncc-strip[b-uzqzc9n574] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.at-card[b-uzqzc9n574] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.at-card[b-uzqzc9n574]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #1e3a8a) 1;
    border-top-right-radius: 10px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.at-card:hover[b-uzqzc9n574] {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: 0 26px 54px rgba(30, 58, 138, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.at-card:hover[b-uzqzc9n574]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/AtividadeEscolarComIa.razor.rz.scp.css */
.seo-page[b-mu2zkd92yt] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-mu2zkd92yt] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-mu2zkd92yt] { text-align: center; }

/* HERO */
.hero[b-mu2zkd92yt] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-mu2zkd92yt] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-mu2zkd92yt] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-mu2zkd92yt 20s linear infinite;
}
@keyframes particles-b-mu2zkd92yt { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-mu2zkd92yt] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-mu2zkd92yt] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-mu2zkd92yt] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-mu2zkd92yt] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-mu2zkd92yt] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-mu2zkd92yt] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-mu2zkd92yt] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-mu2zkd92yt] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-mu2zkd92yt] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-mu2zkd92yt] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-mu2zkd92yt] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-mu2zkd92yt] { text-align: center; }
.proof-number[b-mu2zkd92yt] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-mu2zkd92yt] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-mu2zkd92yt] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-mu2zkd92yt] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-mu2zkd92yt] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-mu2zkd92yt] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-mu2zkd92yt] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-mu2zkd92yt] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-mu2zkd92yt] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-mu2zkd92yt] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-mu2zkd92yt] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-mu2zkd92yt] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-mu2zkd92yt] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-mu2zkd92yt] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-mu2zkd92yt] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-mu2zkd92yt] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-mu2zkd92yt] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-mu2zkd92yt] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-mu2zkd92yt] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-mu2zkd92yt] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-mu2zkd92yt] { max-width: 720px; margin: 0 auto; }
.faq-item[b-mu2zkd92yt] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-mu2zkd92yt] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-mu2zkd92yt] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-mu2zkd92yt]::-webkit-details-marker { display: none; }
.faq-question i[b-mu2zkd92yt] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-mu2zkd92yt] { transform: rotate(180deg); }
.faq-answer[b-mu2zkd92yt] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-mu2zkd92yt] { max-width: 900px; }
.seo-text p[b-mu2zkd92yt] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-mu2zkd92yt] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-mu2zkd92yt]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-mu2zkd92yt] { position: relative; z-index: 1; }
.cta-title[b-mu2zkd92yt] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-mu2zkd92yt] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-mu2zkd92yt] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-mu2zkd92yt] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Pages/AvaliacaoEscolarComIa.razor.rz.scp.css */
.lp[b-n9xjwj3bj4] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-n9xjwj3bj4] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-n9xjwj3bj4]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-n9xjwj3bj4] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-n9xjwj3bj4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-n9xjwj3bj4] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-n9xjwj3bj4] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-n9xjwj3bj4] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-n9xjwj3bj4] { color: #fff; }
.lp-sub.small[b-n9xjwj3bj4] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-n9xjwj3bj4] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-n9xjwj3bj4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-n9xjwj3bj4] { transform: translateY(-2px); }

.lp-btn-primary[b-n9xjwj3bj4] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-n9xjwj3bj4] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-n9xjwj3bj4] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-n9xjwj3bj4] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-n9xjwj3bj4] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-n9xjwj3bj4] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-n9xjwj3bj4] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-n9xjwj3bj4] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-n9xjwj3bj4] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-n9xjwj3bj4] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-n9xjwj3bj4]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-n9xjwj3bj4] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-n9xjwj3bj4]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-n9xjwj3bj4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-n9xjwj3bj4] {
    padding: 24px;
}

.lp-feature-icon[b-n9xjwj3bj4] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-n9xjwj3bj4] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-n9xjwj3bj4] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-n9xjwj3bj4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-n9xjwj3bj4] {
    padding: 24px;
}

.lp-step-num[b-n9xjwj3bj4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-n9xjwj3bj4] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-n9xjwj3bj4] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-n9xjwj3bj4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-n9xjwj3bj4] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-n9xjwj3bj4] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-n9xjwj3bj4] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-n9xjwj3bj4] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-n9xjwj3bj4] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-n9xjwj3bj4] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-n9xjwj3bj4]::-webkit-details-marker { display: none; }

.lp-faq summary[b-n9xjwj3bj4]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-n9xjwj3bj4]::after { transform: rotate(180deg); }

.lp-faq p[b-n9xjwj3bj4] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-n9xjwj3bj4] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-n9xjwj3bj4] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-n9xjwj3bj4] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-n9xjwj3bj4] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-n9xjwj3bj4] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-n9xjwj3bj4] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-n9xjwj3bj4] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-n9xjwj3bj4] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-n9xjwj3bj4],
    .lp-steps[b-n9xjwj3bj4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-n9xjwj3bj4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-n9xjwj3bj4] { padding: 24px 22px; }
    .lp-hero h1[b-n9xjwj3bj4] { font-size: 1.7rem; }
    .lp-features[b-n9xjwj3bj4],
    .lp-steps[b-n9xjwj3bj4],
    .lp-stats[b-n9xjwj3bj4] { grid-template-columns: 1fr; }
    .lp-proof[b-n9xjwj3bj4] { gap: 22px; }
}
/* /Components/Pages/BancoDeQuestoesGratuito.razor.rz.scp.css */
.lp[b-fpvjacvxrv] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-fpvjacvxrv] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-fpvjacvxrv]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-fpvjacvxrv] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-fpvjacvxrv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-fpvjacvxrv] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-fpvjacvxrv] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-fpvjacvxrv] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-fpvjacvxrv] { color: #fff; }
.lp-sub.small[b-fpvjacvxrv] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-fpvjacvxrv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-fpvjacvxrv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-fpvjacvxrv] { transform: translateY(-2px); }

.lp-btn-primary[b-fpvjacvxrv] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-fpvjacvxrv] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-fpvjacvxrv] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-fpvjacvxrv] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-fpvjacvxrv] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-fpvjacvxrv] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-fpvjacvxrv] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-fpvjacvxrv] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-fpvjacvxrv] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-fpvjacvxrv] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-fpvjacvxrv]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-fpvjacvxrv] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-fpvjacvxrv]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-fpvjacvxrv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-fpvjacvxrv] {
    padding: 24px;
}

.lp-feature-icon[b-fpvjacvxrv] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-fpvjacvxrv] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-fpvjacvxrv] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-fpvjacvxrv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-fpvjacvxrv] {
    padding: 24px;
}

.lp-step-num[b-fpvjacvxrv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-fpvjacvxrv] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-fpvjacvxrv] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-fpvjacvxrv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-fpvjacvxrv] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-fpvjacvxrv] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-fpvjacvxrv] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-fpvjacvxrv] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-fpvjacvxrv] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-fpvjacvxrv] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-fpvjacvxrv]::-webkit-details-marker { display: none; }

.lp-faq summary[b-fpvjacvxrv]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-fpvjacvxrv]::after { transform: rotate(180deg); }

.lp-faq p[b-fpvjacvxrv] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-fpvjacvxrv] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-fpvjacvxrv] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-fpvjacvxrv] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-fpvjacvxrv] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-fpvjacvxrv] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-fpvjacvxrv] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-fpvjacvxrv] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-fpvjacvxrv] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-fpvjacvxrv],
    .lp-steps[b-fpvjacvxrv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-fpvjacvxrv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-fpvjacvxrv] { padding: 24px 22px; }
    .lp-hero h1[b-fpvjacvxrv] { font-size: 1.7rem; }
    .lp-features[b-fpvjacvxrv],
    .lp-steps[b-fpvjacvxrv],
    .lp-stats[b-fpvjacvxrv] { grid-template-columns: 1fr; }
    .lp-proof[b-fpvjacvxrv] { gap: 22px; }
}
/* /Components/Pages/Blog.razor.rz.scp.css */
/* Paleta igual ao blog.css do legado (--bg-dark/--bg-card/--purple/--primary-gradient).
   .blog-fundo preenche 100% do espaço de conteúdo (já exclui a barra lateral,
   que fica fora deste container) — o conteúdo continua centrado em 1200px dentro. */
.blog-fundo[b-7pinzf4lwx] {
    width: 100%;
    background: #0a0a1a;
}

.blog-wrap[b-7pinzf4lwx] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 26px 18px 46px;
    color: #fff;
}

/* Cabeçalho */
.blog-head[b-7pinzf4lwx] {
    text-align: center;
    margin-bottom: 28px;
}

.blog-kicker[b-7pinzf4lwx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .82rem;
    font-weight: 700;
    color: #a78bfa;
    background: rgba(167, 139, 250, .15);
    border: 1px solid rgba(167, 139, 250, .3);
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.blog-head h1[b-7pinzf4lwx] {
    font-size: clamp(1.7rem, 6vw, 2.6rem);
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
}

.blog-head p[b-7pinzf4lwx] {
    color: rgba(255, 255, 255, .7);
    font-size: 1rem;
    max-width: 620px;
    margin: 0 auto;
}

/* Cat-bar */
.cat-bar[b-7pinzf4lwx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 28px;
}

.cat-pill[b-7pinzf4lwx] {
    font-size: .85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 6px 16px;
    border-radius: 20px;
    text-decoration: none;
    transition: all .15s;
}

.cat-pill:hover[b-7pinzf4lwx] {
    border-color: rgba(167, 139, 250, .45);
    color: #a78bfa;
}

.cat-pill.active[b-7pinzf4lwx] {
    background: rgba(167, 139, 250, .15);
    border-color: rgba(167, 139, 250, .3);
    color: #a78bfa;
}

/* Grid principal + sidebar */
.blog-grid[b-7pinzf4lwx] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
    align-items: start;
}

@media (max-width: 900px) {
    .blog-grid[b-7pinzf4lwx] {
        grid-template-columns: 1fr;
    }
}

/* ---- Destaque: principal ---- */
.sec-destaque[b-7pinzf4lwx] {
    margin-bottom: 36px;
}

.principal[b-7pinzf4lwx] {
    position: relative;
    display: block;
    border-radius: 18px;
    overflow: hidden;
    min-height: 340px;
    text-decoration: none;
    margin-bottom: 22px;
    background: #1e293b;
}

.principal.noimg[b-7pinzf4lwx] {
    background: linear-gradient(135deg, #312e81, #4c1d95);
}

.principal img[b-7pinzf4lwx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.principal-overlay[b-7pinzf4lwx] {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(8, 8, 20, .95) 0%, rgba(8, 8, 20, .5) 50%, rgba(8, 8, 20, .12) 100%);
}

.principal-content[b-7pinzf4lwx] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 28px;
    color: #fff;
    max-width: 840px;
}

.badge-principal[b-7pinzf4lwx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    padding: 5px 12px;
    border-radius: 7px;
    margin-bottom: 12px;
}

.principal-title[b-7pinzf4lwx] {
    font-size: clamp(1.3rem, 5vw, 2.2rem);
    font-weight: 800;
    line-height: 1.22;
    margin-bottom: 10px;
}

.principal-excerpt[b-7pinzf4lwx] {
    font-size: .95rem;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 12px;
    max-width: 640px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---- Carrossel (um slide por vez, com setas e bolinhas — igual ao legado) ---- */
.carrossel[b-7pinzf4lwx] {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    touch-action: pan-y;
}

.carrossel-track[b-7pinzf4lwx] {
    display: flex;
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.slide[b-7pinzf4lwx] {
    position: relative;
    display: block;
    min-width: 100%;
    height: 260px;
    text-decoration: none;
    color: #fff;
    background: #1e293b;
    flex-shrink: 0;
}

.slide.noimg[b-7pinzf4lwx] {
    background: linear-gradient(135deg, #764ba2, #667eea);
}

.slide img[b-7pinzf4lwx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-overlay[b-7pinzf4lwx] {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(8, 8, 20, .94) 0%, rgba(8, 8, 20, .5) 48%, rgba(8, 8, 20, .12) 100%);
}

.slide-content[b-7pinzf4lwx] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 20px 22px;
    max-width: 760px;
}

.slide-cat[b-7pinzf4lwx] {
    display: inline-block;
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    background: rgba(167, 139, 250, .15);
    color: #a78bfa;
    border: 1px solid rgba(167, 139, 250, .3);
    padding: 3px 11px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.slide-title[b-7pinzf4lwx] {
    font-size: clamp(1.05rem, 4vw, 1.5rem);
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 8px;
    color: #fff;
}

.slide-excerpt[b-7pinzf4lwx] {
    font-size: .88rem;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.slide-meta[b-7pinzf4lwx] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .78rem;
    color: rgba(255, 255, 255, .7);
    flex-wrap: wrap;
}

.slide-meta .dot[b-7pinzf4lwx] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
}

.car-btn[b-7pinzf4lwx] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(10, 10, 26, .55);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: all .2s;
}

.car-btn:hover[b-7pinzf4lwx] {
    background: #a78bfa;
    border-color: #a78bfa;
}

.car-prev[b-7pinzf4lwx] {
    left: 12px;
}

.car-next[b-7pinzf4lwx] {
    right: 12px;
}

.car-dots[b-7pinzf4lwx] {
    position: absolute;
    bottom: 14px;
    right: 20px;
    display: flex;
    gap: 7px;
    z-index: 3;
}

.car-dot[b-7pinzf4lwx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .35);
    cursor: pointer;
    transition: all .2s;
    border: none;
    padding: 0;
}

.car-dot.active[b-7pinzf4lwx] {
    background: #a78bfa;
    width: 22px;
    border-radius: 5px;
}

/* ---- Seção título ---- */
.sec-title[b-7pinzf4lwx] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    margin: 8px 0 18px;
}

/* ---- Cards ---- */
.cards[b-7pinzf4lwx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.h-card[b-7pinzf4lwx] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0;
    background: rgba(30, 41, 59, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.h-card:hover[b-7pinzf4lwx] {
    border-color: rgba(167, 139, 250, .3);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .3);
}

@media (max-width: 560px) {
    .h-card[b-7pinzf4lwx] {
        grid-template-columns: 1fr;
    }
}

.h-card-img[b-7pinzf4lwx],
.h-card-img-ph[b-7pinzf4lwx] {
    width: 100%;
    height: 100%;
    min-height: 160px;
    object-fit: cover;
}

.h-card-img-ph[b-7pinzf4lwx] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(102, 126, 234, .25), rgba(118, 75, 162, .25));
    color: rgba(255, 255, 255, .15);
    font-size: 2.2rem;
}

.h-card-body[b-7pinzf4lwx] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.h-card-meta[b-7pinzf4lwx] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.h-cat[b-7pinzf4lwx] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #a78bfa;
    background: rgba(167, 139, 250, .15);
    padding: 3px 10px;
    border-radius: 12px;
}

.h-date[b-7pinzf4lwx] {
    font-size: .76rem;
    color: rgba(255, 255, 255, .55);
}

.h-card-title[b-7pinzf4lwx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 6px;
}

.h-card-excerpt[b-7pinzf4lwx] {
    font-size: .88rem;
    color: rgba(255, 255, 255, .7);
    line-height: 1.55;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.h-card-footer[b-7pinzf4lwx] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .78rem;
    color: rgba(255, 255, 255, .6);
}

.who[b-7pinzf4lwx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.avatar[b-7pinzf4lwx] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: .66rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.h-card-read[b-7pinzf4lwx] {
    color: #a78bfa;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ---- Empty ---- */
.empty-state[b-7pinzf4lwx] {
    text-align: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, .55);
}

.empty-state i[b-7pinzf4lwx] {
    font-size: 2.4rem;
    margin-bottom: 12px;
    display: block;
    opacity: .4;
}

.empty-back[b-7pinzf4lwx] {
    display: inline-block;
    margin-top: 10px;
    color: #a78bfa;
    font-weight: 600;
    text-decoration: none;
}

/* ---- Paginação ---- */
.paginacao[b-7pinzf4lwx] {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 32px;
    flex-wrap: wrap;
}

.pag[b-7pinzf4lwx] {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .7);
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    transition: all .15s;
}

.pag:hover[b-7pinzf4lwx],
.pag.active[b-7pinzf4lwx] {
    background: rgba(167, 139, 250, .15);
    border-color: rgba(167, 139, 250, .3);
    color: #a78bfa;
}

.pag.reticencias[b-7pinzf4lwx] {
    border: none;
    background: transparent;
    pointer-events: none;
}

/* ---- Sidebar ---- */
.blog-side[b-7pinzf4lwx] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 20px;
}

.side-box[b-7pinzf4lwx] {
    background: rgba(30, 41, 59, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 18px;
}

.side-h[b-7pinzf4lwx] {
    font-size: .95rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 13px;
}

.side-search[b-7pinzf4lwx] {
    display: flex;
    gap: 6px;
}

.side-search input[b-7pinzf4lwx] {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    padding: 9px 12px;
    font-size: .9rem;
    outline: none;
    background: rgba(255, 255, 255, .06);
    color: #fff;
}

.side-search input[b-7pinzf4lwx]::placeholder {
    color: rgba(255, 255, 255, .4);
}

.side-search input:focus[b-7pinzf4lwx] {
    border-color: rgba(167, 139, 250, .45);
}

.side-search button[b-7pinzf4lwx] {
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    width: 40px;
    cursor: pointer;
}

.s-cat[b-7pinzf4lwx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    font-size: .88rem;
}

.s-cat:last-child[b-7pinzf4lwx] {
    border-bottom: none;
}

.s-cat:hover[b-7pinzf4lwx] {
    color: #a78bfa;
}

.s-cat .cnt[b-7pinzf4lwx] {
    font-size: .74rem;
    color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    padding: 1px 9px;
    min-width: 30px;
    text-align: center;
}

.pill[b-7pinzf4lwx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    font-size: .86rem;
}

.pill:last-child[b-7pinzf4lwx] {
    border-bottom: none;
}

.pill:hover[b-7pinzf4lwx] {
    color: #a78bfa;
}

.pill .pv[b-7pinzf4lwx] {
    font-size: .76rem;
    color: rgba(255, 255, 255, .5);
    white-space: nowrap;
}

.s-item[b-7pinzf4lwx] {
    display: block;
    padding: 10px 12px;
    border-radius: 11px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 9px;
    text-decoration: none;
    transition: all .2s;
}

.s-item:last-child[b-7pinzf4lwx] {
    margin-bottom: 0;
}

.s-item:hover[b-7pinzf4lwx] {
    border-color: rgba(167, 139, 250, .28);
    background: rgba(167, 139, 250, .08);
}

.s-item .t[b-7pinzf4lwx] {
    display: block;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    line-height: 1.35;
}

.s-item:hover .t[b-7pinzf4lwx] {
    color: #a78bfa;
}

.s-item .m[b-7pinzf4lwx] {
    display: flex;
    gap: 10px;
    font-size: .73rem;
    color: rgba(255, 255, 255, .55);
    flex-wrap: wrap;
}

.tags[b-7pinzf4lwx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tags a[b-7pinzf4lwx] {
    font-size: .76rem;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    padding: 7px 12px;
    text-decoration: none;
    transition: all .2s;
}

.tags a:hover[b-7pinzf4lwx] {
    color: #a78bfa;
    border-color: rgba(167, 139, 250, .32);
    background: rgba(167, 139, 250, .15);
}
/* /Components/Pages/BlogPost.razor.rz.scp.css */
/* Mesma paleta do blogpost.css do legado — tema escuro do artigo.
   .post-fundo preenche 100% do espaço de conteúdo (já exclui a barra lateral,
   que fica fora deste container) — o texto continua centrado em 780px dentro. */
.post-fundo[b-bkyoqoy7l1] {
    width: 100%;
    background: #0a0a1a;
}

.post-layout[b-bkyoqoy7l1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px 30px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    align-items: start;
}

@media (min-width: 900px) {
    .post-layout[b-bkyoqoy7l1] {
        grid-template-columns: minmax(0, 1fr) 320px;
    }
}

.post[b-bkyoqoy7l1] {
    min-width: 0;
    max-width: 780px;
    padding: 32px 0 40px;
    color: rgba(255, 255, 255, .9);
}

@media (min-width: 900px) {
    .post[b-bkyoqoy7l1] {
        padding: 50px 0 40px;
    }
}

/* ---- Barra lateral do artigo ---- */
.post-side[b-bkyoqoy7l1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 900px) {
    .post-side[b-bkyoqoy7l1] {
        position: sticky;
        top: 20px;
        padding-top: 50px;
    }
}

.side-box[b-bkyoqoy7l1] {
    background: rgba(30, 41, 59, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 18px;
}

.side-box h3[b-bkyoqoy7l1] {
    font-size: .95rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.side-box h3 i[b-bkyoqoy7l1] {
    color: #a78bfa;
}

.side-link-list[b-bkyoqoy7l1] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.side-link-item[b-bkyoqoy7l1] {
    display: block;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 11px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .06);
    transition: all .2s;
}

.side-link-item:hover[b-bkyoqoy7l1] {
    border-color: rgba(167, 139, 250, .28);
    background: rgba(167, 139, 250, .08);
}

.side-link-title[b-bkyoqoy7l1] {
    display: block;
    color: #fff;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.35;
}

.side-link-meta[b-bkyoqoy7l1] {
    display: block;
    color: rgba(255, 255, 255, .55);
    font-size: .74rem;
    margin-top: 4px;
}

/* Breadcrumb */
.post-breadcrumb[b-bkyoqoy7l1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 20px;
}

.post-breadcrumb a[b-bkyoqoy7l1] {
    color: #a78bfa;
    text-decoration: none;
}

.post-breadcrumb i[b-bkyoqoy7l1] {
    font-size: .7rem;
}

/* Cabeçalho */
.post-cat[b-bkyoqoy7l1] {
    display: inline-block;
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #a78bfa;
    background: rgba(167, 139, 250, .15);
    padding: 4px 12px;
    border-radius: 12px;
    margin-bottom: 14px;
}

.post-title[b-bkyoqoy7l1] {
    font-size: 2.2rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 18px;
}

.post-meta[b-bkyoqoy7l1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: .85rem;
    color: rgba(255, 255, 255, .7);
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    margin-bottom: 28px;
}

.post-author[b-bkyoqoy7l1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #fff;
}

.avatar[b-bkyoqoy7l1] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.post-meta .dot[b-bkyoqoy7l1] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
}

/* Capa */
.post-capa[b-bkyoqoy7l1] {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}

.post-capa img[b-bkyoqoy7l1] {
    width: 100%;
    display: block;
}

/* Conteúdo do artigo */
.post-conteudo[b-bkyoqoy7l1] {
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, .9);
}

.post-conteudo[b-bkyoqoy7l1]  h2 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    margin: 34px 0 14px;
}

.post-conteudo[b-bkyoqoy7l1]  h3 {
    font-size: 1.18rem;
    font-weight: 700;
    color: #fff;
    margin: 26px 0 12px;
}

.post-conteudo[b-bkyoqoy7l1]  p {
    margin-bottom: 18px;
}

.post-conteudo[b-bkyoqoy7l1]  ul,
.post-conteudo[b-bkyoqoy7l1]  ol {
    margin: 0 0 18px;
    padding-left: 22px;
}

.post-conteudo[b-bkyoqoy7l1]  li {
    margin-bottom: 8px;
}

.post-conteudo[b-bkyoqoy7l1]  a {
    color: #a78bfa;
    text-decoration: underline;
}

.post-conteudo[b-bkyoqoy7l1]  strong {
    color: #fff;
    font-weight: 700;
}

.post-conteudo[b-bkyoqoy7l1]  img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 20px 0;
}

.post-conteudo[b-bkyoqoy7l1]  blockquote {
    border-left: 3px solid #a78bfa;
    background: rgba(167, 139, 250, .06);
    padding: 14px 18px;
    margin: 22px 0;
    color: rgba(255, 255, 255, .75);
    border-radius: 0 12px 12px 0;
    font-style: italic;
}

.post-conteudo[b-bkyoqoy7l1]  code {
    background: rgba(255, 255, 255, .08);
    color: #e2e8f0;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: .9em;
}

.post-conteudo[b-bkyoqoy7l1]  pre {
    background: rgba(255, 255, 255, .06);
    color: #e5e7eb;
    padding: 16px 18px;
    border-radius: 12px;
    overflow-x: auto;
    margin: 20px 0;
}

.post-conteudo[b-bkyoqoy7l1]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    display: block;
    overflow-x: auto;
}

.post-conteudo[b-bkyoqoy7l1]  th,
.post-conteudo[b-bkyoqoy7l1]  td {
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 10px 12px;
    text-align: left;
}

/* Conteúdo colado pode trazer cor/fundo claro — força tudo legível no tema escuro,
   igual ao legado (regra "!important" proposital: HTML de post vem de fonte externa). */
.post-conteudo[b-bkyoqoy7l1]  * {
    background-color: transparent !important;
    background-image: none !important;
}

.post-conteudo[b-bkyoqoy7l1]  p,
.post-conteudo[b-bkyoqoy7l1]  li,
.post-conteudo[b-bkyoqoy7l1]  span,
.post-conteudo[b-bkyoqoy7l1]  td {
    color: rgba(255, 255, 255, .88) !important;
}

/* Tags */
.post-tags[b-bkyoqoy7l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 36px 0;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.tag-pill[b-bkyoqoy7l1] {
    font-size: .82rem;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 5px 14px;
}

/* Relacionados */
.post-relacionados[b-bkyoqoy7l1] {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.post-relacionados h2[b-bkyoqoy7l1] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.rel-grid[b-bkyoqoy7l1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

.related-card[b-bkyoqoy7l1] {
    display: block;
    background: rgba(30, 41, 59, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 18px;
    text-decoration: none;
    transition: box-shadow .18s, transform .18s;
}

.related-card:hover[b-bkyoqoy7l1] {
    border-color: rgba(167, 139, 250, .25);
    transform: translateY(-2px);
}

.related-card-cat[b-bkyoqoy7l1] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #a78bfa;
    margin-bottom: 8px;
}

.related-card-title[b-bkyoqoy7l1] {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 10px;
}

.related-card-meta[b-bkyoqoy7l1] {
    font-size: .78rem;
    color: rgba(255, 255, 255, .55);
}

/* 404 */
.post-404[b-bkyoqoy7l1] {
    max-width: 520px;
    margin: 0 auto;
    padding: 80px 20px;
    text-align: center;
    color: rgba(255, 255, 255, .6);
}

.post-404 i[b-bkyoqoy7l1] {
    font-size: 3rem;
    color: rgba(255, 255, 255, .3);
    display: block;
    margin-bottom: 16px;
}

.post-404 h1[b-bkyoqoy7l1] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
}

.post-404-back[b-bkyoqoy7l1] {
    display: inline-block;
    margin-top: 18px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 10px;
}

@media (max-width: 560px) {
    .post-title[b-bkyoqoy7l1] {
        font-size: 1.7rem;
    }
}

/* ---- Newsletter (sidebar) ---- */
.side-box-news[b-bkyoqoy7l1] {
    background: rgba(167, 139, 250, .1);
    border-color: rgba(167, 139, 250, .25);
}

.news-desc[b-bkyoqoy7l1] {
    font-size: .82rem;
    color: rgba(255, 255, 255, .7);
    margin: 0 0 12px;
    line-height: 1.5;
}

.news-form[b-bkyoqoy7l1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-input[b-bkyoqoy7l1] {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 9px 12px;
    color: #fff;
    font-size: .86rem;
}

.news-input[b-bkyoqoy7l1]::placeholder {
    color: rgba(255, 255, 255, .4);
}

.news-submit[b-bkyoqoy7l1] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 700;
    font-size: .86rem;
    cursor: pointer;
}

.news-submit:disabled[b-bkyoqoy7l1] {
    opacity: .6;
    cursor: default;
}

.news-msg[b-bkyoqoy7l1] {
    font-size: .78rem;
    margin: 10px 0 0;
    line-height: 1.4;
}

.news-msg.ok[b-bkyoqoy7l1] {
    color: #6ee7b7;
}

.news-msg.erro[b-bkyoqoy7l1] {
    color: #fca5a5;
}

/* ---- Comentários ---- */
.post-comentarios[b-bkyoqoy7l1] {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.post-comentarios h2[b-bkyoqoy7l1] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.comment-form[b-bkyoqoy7l1] {
    background: rgba(30, 41, 59, .5);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 26px;
}

.comment-form-row[b-bkyoqoy7l1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

@media (max-width: 560px) {
    .comment-form-row[b-bkyoqoy7l1] {
        grid-template-columns: 1fr;
    }
}

.comment-input[b-bkyoqoy7l1],
.comment-textarea[b-bkyoqoy7l1] {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 9px 12px;
    color: #fff;
    font-size: .9rem;
    font-family: inherit;
    width: 100%;
    resize: vertical;
}

.comment-input[b-bkyoqoy7l1]::placeholder,
.comment-textarea[b-bkyoqoy7l1]::placeholder {
    color: rgba(255, 255, 255, .4);
}

.comment-form-footer[b-bkyoqoy7l1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-top: 10px;
}

.comment-msg[b-bkyoqoy7l1] {
    font-size: .82rem;
}

.comment-msg.ok[b-bkyoqoy7l1] {
    color: #6ee7b7;
}

.comment-msg.erro[b-bkyoqoy7l1] {
    color: #fca5a5;
}

.comment-submit[b-bkyoqoy7l1] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 9px 20px;
    font-weight: 700;
    font-size: .86rem;
    cursor: pointer;
}

.comment-submit:disabled[b-bkyoqoy7l1] {
    opacity: .6;
    cursor: default;
}

.comment-list[b-bkyoqoy7l1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comment-item[b-bkyoqoy7l1] {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.comment-item-head[b-bkyoqoy7l1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.comment-author[b-bkyoqoy7l1] {
    font-weight: 700;
    color: #fff;
    font-size: .9rem;
}

.comment-date[b-bkyoqoy7l1] {
    font-size: .78rem;
    color: rgba(255, 255, 255, .5);
}

.comment-texto[b-bkyoqoy7l1] {
    font-size: .92rem;
    color: rgba(255, 255, 255, .85);
    line-height: 1.6;
    margin: 0;
}
/* /Components/Pages/BuscaGlobal.razor.rz.scp.css */
.bg-page[b-hmd9ndt7cn] {
    display: grid;
    gap: 14px;
    padding-bottom: 20px;
    color: #0f172a;
}

.bg-hero[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
    gap: 16px;
    align-items: center;
    padding: 14px 22px;
    border: 1px solid rgba(79, 70, 229, .18);
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 55%, #0f766e 100%);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
}

.bg-kicker[b-hmd9ndt7cn] {
    color: inherit;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .82;
}

.bg-hero h1[b-hmd9ndt7cn],
.bg-section-head h2[b-hmd9ndt7cn] {
    margin: 5px 0 0;
    font-weight: 950;
    letter-spacing: 0;
}

.bg-hero h1[b-hmd9ndt7cn] { margin: 4px 0 0;
    max-width: 760px;
    font-size: 2rem;
}

.bg-hero p[b-hmd9ndt7cn] {
    max-width: 760px;
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .88);
 font-size: 14px;}

.bg-hero-stats[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.bg-hero-stats article[b-hmd9ndt7cn] {
    min-height: 64px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
}

.bg-hero-stats span[b-hmd9ndt7cn] {
    color: rgba(255, 255, 255, .74);
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.bg-hero-stats strong[b-hmd9ndt7cn] {
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 950;
}

.bg-search-panel[b-hmd9ndt7cn],
.bg-results[b-hmd9ndt7cn],
.bg-builder[b-hmd9ndt7cn] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.bg-search-panel[b-hmd9ndt7cn] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.bg-search-row[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 138px;
    gap: 10px;
}

.bg-search-box[b-hmd9ndt7cn] {
    position: relative;
    display: block;
}

.bg-search-box i[b-hmd9ndt7cn] {
    position: absolute;
    left: 14px;
    top: 50%;
    color: #6366f1;
    transform: translateY(-50%);
}

.bg-search-box input[b-hmd9ndt7cn] {
    padding-left: 40px;
}

label[b-hmd9ndt7cn] {
    display: grid;
    gap: 6px;
}

label span[b-hmd9ndt7cn] {
    color: #64748b;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

input[b-hmd9ndt7cn],
select[b-hmd9ndt7cn] {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #fff;
    color: #0f172a;
    font-size: .9rem;
    outline: none;
}

input:focus[b-hmd9ndt7cn],
select:focus[b-hmd9ndt7cn] {
    border-color: #818cf8;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
}

.bg-primary[b-hmd9ndt7cn],
.bg-ghost[b-hmd9ndt7cn],
.bg-select-btn[b-hmd9ndt7cn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: .83rem;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.bg-primary[b-hmd9ndt7cn] {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    box-shadow: 0 10px 20px rgba(79, 70, 229, .18);
}

.bg-primary.full[b-hmd9ndt7cn] {
    width: 100%;
}

.bg-ghost[b-hmd9ndt7cn] {
    border: 1px solid #dbe4ef;
    color: #4338ca;
    background: #fff;
}

.bg-primary:hover[b-hmd9ndt7cn],
.bg-ghost:hover[b-hmd9ndt7cn],
.bg-select-btn:hover[b-hmd9ndt7cn] {
    transform: translateY(-1px);
}

.bg-filter-grid[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.bg-type-strip[b-hmd9ndt7cn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bg-type-strip button[b-hmd9ndt7cn] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    color: #475569;
    background: #f8fafc;
    font-weight: 850;
}

.bg-type-strip button.is-on[b-hmd9ndt7cn] {
    color: #3730a3;
    border-color: #818cf8;
    background: #e0e7ff;
}

.bg-message[b-hmd9ndt7cn],
.bg-save-msg[b-hmd9ndt7cn] {
    padding: 11px 13px;
    border-radius: 8px;
    font-weight: 800;
}

.bg-message.ok[b-hmd9ndt7cn],
.bg-save-msg[b-hmd9ndt7cn] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.bg-message.err[b-hmd9ndt7cn] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.bg-workspace[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 14px;
    align-items: start;
}

.bg-results[b-hmd9ndt7cn],
.bg-builder[b-hmd9ndt7cn] {
    padding: 14px;
}

.bg-builder[b-hmd9ndt7cn] {
    position: sticky;
    top: 84px;
    display: grid;
    gap: 12px;
}

.bg-section-head[b-hmd9ndt7cn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.bg-section-head .bg-kicker[b-hmd9ndt7cn] {
    color: #64748b;
}

.bg-section-head h2[b-hmd9ndt7cn] {
    color: #0f172a;
    font-size: 1.12rem;
}

.bg-section-head.compact[b-hmd9ndt7cn] {
    margin-bottom: 0;
}

.bg-section-head.compact strong[b-hmd9ndt7cn] {
    min-width: 42px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #4338ca;
    background: #eef2ff;
    font-size: 1.15rem;
}

.bg-card-list[b-hmd9ndt7cn],
.bg-selected-list[b-hmd9ndt7cn] {
    display: grid;
    gap: 10px;
}

.bg-result-card[b-hmd9ndt7cn] {
    display: grid;
    gap: 10px;
    padding: 13px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.bg-result-card:hover[b-hmd9ndt7cn],
.bg-result-card.is-selected[b-hmd9ndt7cn] {
    border-color: #818cf8;
    box-shadow: 0 14px 28px rgba(79, 70, 229, .12);
    transform: translateY(-1px);
}

.bg-card-top[b-hmd9ndt7cn],
.bg-tags[b-hmd9ndt7cn],
.bg-meta[b-hmd9ndt7cn] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.bg-card-top[b-hmd9ndt7cn] {
    justify-content: space-between;
}

.bg-tags[b-hmd9ndt7cn],
.bg-meta[b-hmd9ndt7cn] {
    flex-wrap: wrap;
}

.bg-tag[b-hmd9ndt7cn] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    color: #475569;
    background: #f1f5f9;
    font-size: .72rem;
    font-weight: 850;
}

.bg-tag.origin[b-hmd9ndt7cn] {
    color: #3730a3;
    background: #e0e7ff;
}

.bg-tag.bncc[b-hmd9ndt7cn] {
    color: #047857;
    background: #d1fae5;
}

.bg-select-btn[b-hmd9ndt7cn] {
    border: 1px solid #dbe4ef;
    color: #4338ca;
    background: #fff;
}

.bg-select-btn.is-on[b-hmd9ndt7cn] {
    color: #065f46;
    border-color: #a7f3d0;
    background: #ecfdf5;
}

.bg-question[b-hmd9ndt7cn] {
    margin: 0;
    color: #0f172a;
    font-size: .98rem;
    line-height: 1.55;
}

.bg-meta[b-hmd9ndt7cn] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 750;
}

.bg-meta span + span[b-hmd9ndt7cn]::before {
    margin-right: 7px;
    color: #cbd5e1;
    content: "/";
}

.bg-alts[b-hmd9ndt7cn] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 22px;
    color: #475569;
    font-size: .86rem;
}

.bg-alts li.ok[b-hmd9ndt7cn] {
    color: #047857;
    font-weight: 850;
}

.bg-answer[b-hmd9ndt7cn] {
    display: grid;
    gap: 4px;
    padding: 10px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}

.bg-answer strong[b-hmd9ndt7cn] {
    color: #334155;
    font-size: .76rem;
    text-transform: uppercase;
}

.bg-answer span[b-hmd9ndt7cn] {
    color: #475569;
    font-size: .86rem;
    line-height: 1.5;
}

.bg-selected-list article[b-hmd9ndt7cn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 32px;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.bg-selected-list span[b-hmd9ndt7cn] {
    color: #4338ca;
    font-size: .78rem;
    font-weight: 900;
}

.bg-selected-list p[b-hmd9ndt7cn] {
    margin: 0;
    color: #334155;
    font-size: .82rem;
    line-height: 1.35;
}

.bg-selected-list button[b-hmd9ndt7cn] {
    width: 32px;
    height: 32px;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #991b1b;
    background: #fff;
}

.bg-empty[b-hmd9ndt7cn] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 18px;
    text-align: center;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.bg-empty.compact[b-hmd9ndt7cn] {
    min-height: 120px;
}

.bg-empty i[b-hmd9ndt7cn] {
    color: #818cf8;
    font-size: 2rem;
}

.bg-empty strong[b-hmd9ndt7cn] {
    color: #0f172a;
}

@media (max-width: 1180px) {
    .bg-hero[b-hmd9ndt7cn],
    .bg-workspace[b-hmd9ndt7cn],
    .bg-filter-grid[b-hmd9ndt7cn] {
        grid-template-columns: 1fr;
    }

    .bg-builder[b-hmd9ndt7cn] {
        position: static;
    }
}

@media (max-width: 720px) {
    .bg-search-row[b-hmd9ndt7cn],
    .bg-hero-stats[b-hmd9ndt7cn] {
        grid-template-columns: 1fr;
    }

    .bg-card-top[b-hmd9ndt7cn],
    .bg-section-head[b-hmd9ndt7cn] {
        align-items: stretch;
        flex-direction: column;
    }
}

.bg-filter-grid label[b-hmd9ndt7cn]  .se-wrap { min-width: 0; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.bg-result-card[b-hmd9ndt7cn] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.bg-result-card[b-hmd9ndt7cn]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 8px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.bg-result-card:hover[b-hmd9ndt7cn] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.bg-result-card:hover[b-hmd9ndt7cn]::before {
    width: 50%;
    height: 50%;
}

/* Raio-X + Usar lado a lado (04/07) */
.bg-card-acoes[b-hmd9ndt7cn] { display: flex; gap: .35rem; }

.q-imagem[b-hmd9ndt7cn] {
    display: block;
    max-width: 100%;
    max-height: 320px;
    margin: .4rem auto .6rem;
    border-radius: 8px;
    object-fit: contain;
}

/* Sugestões (tags com miniatura + BNCC com imagem) — 04/07 */
.bg-sugestoes[b-hmd9ndt7cn] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    border: 1px solid #e2e5f0;
    border-radius: 10px;
    background: #fff;
    padding: .35rem;
    max-height: 300px;
    overflow-y: auto;
}

.bg-sug-item[b-hmd9ndt7cn] {
    display: flex;
    align-items: center;
    gap: .55rem;
    border: 0;
    background: transparent;
    padding: .35rem .45rem;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
}

.bg-sug-item:hover[b-hmd9ndt7cn] { background: #f4f6fd; }

.bg-sug-item img[b-hmd9ndt7cn], .bg-sug-ph[b-hmd9ndt7cn] {
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    object-fit: cover;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef0fb;
    color: #5b5bd6;
    flex-shrink: 0;
}

.bg-sug-textos[b-hmd9ndt7cn] { display: flex; flex-direction: column; }

.bg-sug-textos small[b-hmd9ndt7cn] { color: #8b90a4; }

.bg-sug-item em[b-hmd9ndt7cn] {
    margin-left: auto;
    font-style: normal;
    background: #eef0fb;
    color: #4348a8;
    border-radius: 999px;
    padding: .1rem .5rem;
    font-size: .74rem;
}

/* Adicionar à prova (azul primário) já adicionada = verde */
.bg-primary.is-on[b-hmd9ndt7cn] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 10px 20px rgba(5, 150, 105, .18);
}

/* Raio-X da prova na montagem rápida (04/07) */
.bg-ghost.full[b-hmd9ndt7cn] { width: 100%; }

.bg-raiox-prova[b-hmd9ndt7cn] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: .55rem .65rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.bg-rx-linha[b-hmd9ndt7cn] { display: flex; justify-content: space-between; font-size: .83rem; }

.bg-rx-linha span[b-hmd9ndt7cn] { color: #64748b; }

.bg-rx-sub[b-hmd9ndt7cn] {
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #4338ca;
    margin-top: .3rem;
}

.bg-rx-leitura[b-hmd9ndt7cn] { color: #64748b; }
/* /Components/Pages/CadastrarProfessor.razor.rz.scp.css */
/* Fundo azul-arroxeado suave (mais claro/azulado que o login, pra não brigar
   com o header do site) + quadriculado sutil + ícones flutuando decorativos.
   width:100% (não 100vw) — 100vw soma a barra de rolagem e causa overflow horizontal. */
.cpf-shell[b-kd879012nj] {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr);
    gap: 28px;
    align-items: start;
    padding: 40px clamp(16px, 4vw, 48px) 56px;
    background: linear-gradient(160deg, #7c93f0 0%, #5b7cf0 45%, #4859c9 100%);
}

.cpf-shell[b-kd879012nj]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 56px 56px;
}

.cpf-deco[b-kd879012nj] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.cpf-deco i[b-kd879012nj] {
    position: absolute;
    color: rgba(255, 255, 255, .16);
    animation: cpf-float-b-kd879012nj 7s ease-in-out infinite;
}

.cpf-deco i:nth-child(1)[b-kd879012nj] { top: 6%;  left: 5%;  font-size: 2.4rem; animation-delay: 0s; }
.cpf-deco i:nth-child(2)[b-kd879012nj] { top: 70%; left: 9%;  font-size: 1.9rem; animation-delay: 1.2s; }
.cpf-deco i:nth-child(3)[b-kd879012nj] { top: 12%; left: 46%; font-size: 3rem;   animation-delay: .6s; }
.cpf-deco i:nth-child(4)[b-kd879012nj] { top: 80%; left: 40%; font-size: 2.1rem; animation-delay: 2s; }
.cpf-deco i:nth-child(5)[b-kd879012nj] { top: 42%; left: 3%;  font-size: 2.2rem; animation-delay: 1.6s; }
.cpf-deco i:nth-child(6)[b-kd879012nj] { top: 5%;  left: 85%; font-size: 1.9rem; animation-delay: .3s; }
.cpf-deco i:nth-child(7)[b-kd879012nj] { top: 55%; left: 90%; font-size: 2.3rem; animation-delay: 2.4s; }

@keyframes cpf-float-b-kd879012nj {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-16px) rotate(6deg); }
}

.cpf-story[b-kd879012nj] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-top: clamp(4px, 2vw, 20px);
    color: #fff;
}

.cpf-brand[b-kd879012nj] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 900;
}

.cpf-brand-mark[b-kd879012nj] {
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(20, 15, 55, .22);
}

.cpf-brand-mark img[b-kd879012nj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cpf-story h1[b-kd879012nj] {
    max-width: 420px;
    margin: 0;
    font-size: clamp(1.55rem, 2.6vw, 2.1rem);
    line-height: 1.18;
    font-weight: 900;
}

.cpf-features[b-kd879012nj] {
    display: grid;
    gap: 12px;
    max-width: 400px;
    width: 100%;
}

.cpf-feature[b-kd879012nj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid rgba(196, 162, 255, .45);
    border-radius: 14px;
    background: rgba(124, 58, 237, .38);
    backdrop-filter: blur(10px);
    font-size: .92rem;
    font-weight: 800;
}

.cpf-feature i[b-kd879012nj] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(216, 180, 254, .35);
    font-size: 1.05rem;
}

.cpf-panel[b-kd879012nj] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

@media (max-width: 980px) {
    .cpf-shell[b-kd879012nj] {
        grid-template-columns: 1fr;
    }

    .cpf-panel[b-kd879012nj] {
        order: -1;
    }

    .cpf-story[b-kd879012nj] {
        padding-top: 8px;
    }
}

.cpf-page[b-kd879012nj] {
    width: min(980px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 12px;
}

.cpf-hero[b-kd879012nj] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.cpf-kicker[b-kd879012nj] {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cpf-hero h1[b-kd879012nj] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.cpf-hero p[b-kd879012nj] {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
}

.cpf-link[b-kd879012nj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.cpf-msg[b-kd879012nj] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.cpf-msg.ok[b-kd879012nj] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.cpf-msg.err[b-kd879012nj] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.cpf-form[b-kd879012nj] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

.cpf-step[b-kd879012nj] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 4px 0 12px;
}

.cpf-step strong[b-kd879012nj] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    font-size: 14px;
}

.cpf-step h2[b-kd879012nj] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.cpf-step p[b-kd879012nj] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 13px;
}

.cpf-grid[b-kd879012nj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.cpf-form label[b-kd879012nj] {
    display: block;
    margin-bottom: 0;
}

.cpf-form label span[b-kd879012nj] {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.cpf-hint[b-kd879012nj] {
    display: block;
    margin-top: 4px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    text-transform: none;
}

.cpf-form input[b-kd879012nj],
.cpf-form select[b-kd879012nj] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    padding: 0 10px;
    color: #0f172a;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
}

.cpf-form button[b-kd879012nj] {
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    font-size: 13px;
    font-weight: 900;
}

.cpf-escola-label span em[b-kd879012nj] {
    color: #94a3b8;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
}

.cpf-escola[b-kd879012nj] {
    position: relative;
}

.cpf-escola-lista[b-kd879012nj] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.cpf-escola-item[b-kd879012nj] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
}

.cpf-escola-item:last-child[b-kd879012nj] {
    border-bottom: 0;
}

.cpf-escola-item:hover[b-kd879012nj] {
    background: #f5f7ff;
}

.cpf-escola-item strong[b-kd879012nj] {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
}

.cpf-escola-item small[b-kd879012nj] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.cpf-escola-chips[b-kd879012nj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.cpf-escola-chip[b-kd879012nj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 6px 6px 12px;
    border-radius: 999px;
    background: #eef2ff;
    width: fit-content;
}

/* .cpf-form label span (rótulo em maiúsculas) tem MAIS especificidade (label+span)
   que um seletor de classe único — precisa repetir "label" aqui pra vencer o empate. */
.cpf-form label .cpf-escola-chip span[b-kd879012nj] {
    display: inline;
    margin-bottom: 0;
    text-transform: none;
    color: #4338ca;
    font-size: 12px;
    font-weight: 800;
}

.cpf-escola-chip button[b-kd879012nj] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #4338ca;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.cpf-escola-chip button:hover[b-kd879012nj] {
    background: rgba(67, 56, 202, 0.15);
}

@media (max-width: 900px) {
    .cpf-hero[b-kd879012nj] {
        flex-direction: column;
        align-items: start;
    }

    .cpf-grid[b-kd879012nj] {
        grid-template-columns: 1fr;
    }
}

/* Cadastro com Google (mesmo visual do botão do Login, CSS isolado aqui). */
.cpf-google[b-kd879012nj] {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 13px;
    font-size: .95rem;
    font-weight: 900;
    text-decoration: none;
    color: #151426;
    border: 2px solid #e5e0d3;
    background: #fff;
    margin-top: 14px;
}

.cpf-google:hover[b-kd879012nj] {
    border-color: #c9b8ff;
    background: #f7f5ff;
}

.cpf-google-dot[b-kd879012nj] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: conic-gradient(#4285f4, #34a853, #fbbc05, #ea4335, #4285f4);
    font-size: .76rem;
    font-weight: 900;
}

.cpf-ou[b-kd879012nj] {
    display: flex;
    align-items: center;
    text-align: center;
    color: #7a7a90;
    font-size: .82rem;
    margin: 16px 0 4px;
    gap: 12px;
}

.cpf-ou[b-kd879012nj]::before,
.cpf-ou[b-kd879012nj]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e0d3;
}
/* /Components/Pages/CartaoResposta.razor.rz.scp.css */
/* ===== Cartão-resposta (tela + impressão) ===== */

.cr-toolbar[b-h41tgpkded] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    padding: 18px 22px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(120deg, #0f766e, #059669);
}

.cr-toolbar h1[b-h41tgpkded] { display: flex; align-items: center; gap: 9px; margin: 0 0 3px; font-size: 1.15rem; font-weight: 900; }
.cr-toolbar p[b-h41tgpkded] { margin: 0; opacity: .92; font-size: .86rem; max-width: 560px; }

.cr-toolbar-acoes[b-h41tgpkded] { display: flex; align-items: center; gap: 12px; }
.cr-toolbar-acoes label[b-h41tgpkded] { font-size: .84rem; font-weight: 800; }

.cr-toolbar-acoes input[b-h41tgpkded] {
    width: 64px;
    height: 38px;
    margin-left: 6px;
    padding: 0 8px;
    border: 0;
    border-radius: 9px;
    font: inherit;
    font-weight: 900;
    text-align: center;
}

.cr-toolbar-acoes button[b-h41tgpkded] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: 11px;
    background: #fff;
    color: #0f766e;
    font-weight: 900;
}

.cr-erro[b-h41tgpkded] { padding: 14px; border-radius: 12px; background: #fef2f2; color: #b91c1c; font-weight: 750; }

/* ---- o cartão em si (preto e branco, alto contraste pro OCR) ---- */
.cr-cartao[b-h41tgpkded] {
    width: min(760px, 100%);
    margin: 0 auto 18px;
    padding: 22px 26px;
    border: 2.5px solid #000;
    border-radius: 6px;
    background: #fff;
    color: #000;
    page-break-after: always;
    font-family: Arial, Helvetica, sans-serif;
}

.cr-cab[b-h41tgpkded] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
}

.cr-marca[b-h41tgpkded] { font-weight: 900; font-size: 1rem; letter-spacing: .12em; }
.cr-prova[b-h41tgpkded] { text-align: center; display: grid; }
.cr-prova strong[b-h41tgpkded] { font-size: .95rem; }
.cr-prova span[b-h41tgpkded] { font-size: .74rem; }
.cr-id[b-h41tgpkded] { font-weight: 900; font-size: .9rem; border: 2px solid #000; padding: 4px 10px; border-radius: 4px; }

.cr-campos[b-h41tgpkded] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 14px;
    margin: 14px 0 6px;
}

.cr-campo label[b-h41tgpkded] { display: block; font-size: .64rem; font-weight: 900; letter-spacing: .06em; }
.cr-linha[b-h41tgpkded] { height: 30px; border-bottom: 2px solid #000; }

.cr-instrucao[b-h41tgpkded] { margin: 10px 0 12px; font-size: .74rem; }

.cr-grade[b-h41tgpkded] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 7px 22px;
}

.cr-questao[b-h41tgpkded] { display: flex; align-items: center; gap: 8px; }

.cr-num[b-h41tgpkded] {
    min-width: 26px;
    font-weight: 900;
    font-size: .9rem;
    text-align: right;
}

.cr-bolha[b-h41tgpkded] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 2px solid #000;
    border-radius: 50%;
    font-size: .68rem;
    font-weight: 900;
}

.cr-diss[b-h41tgpkded] { font-size: .72rem; font-style: italic; }

.cr-rodape[b-h41tgpkded] {
    margin-top: 16px;
    padding-top: 8px;
    border-top: 1px solid #000;
    font-size: .66rem;
    text-align: center;
}

/* ---- impressão: UM cartão por folha, sempre ---- */
@media print {
    .no-print[b-h41tgpkded] { display: none !important; }
    .cr-cartao[b-h41tgpkded] {
        border-radius: 0;
        margin: 0 auto;
        box-shadow: none;
        break-after: page;
        page-break-after: always;
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

.cr-id-grupo[b-h41tgpkded] { display: flex; align-items: center; gap: 10px; }
.cr-qr[b-h41tgpkded] { width: 64px; height: 64px; border: 2px solid #000; border-radius: 4px; padding: 2px; background: #fff; }

.cr-linha.preenchida[b-h41tgpkded] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 3px;
    font-weight: 900;
    font-size: .92rem;
}

.cr-toolbar-acoes select[b-h41tgpkded] {
    height: 44px;
    padding: 0 10px;
    border: 0;
    border-radius: 11px;
    font: inherit;
    font-weight: 800;
}

/* ===== aviso: cartão em branco não identifica o aluno ===== */
.cr-aviso[b-h41tgpkded] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 900px;
    margin: 0 auto 16px;
    padding: 14px 16px;
    border: 2px solid #fcd34d;
    border-left-width: 6px;
    border-radius: 12px;
    background: #fffbeb;
    color: #78350f;
}

.cr-aviso i[b-h41tgpkded] { font-size: 1.15rem; color: #b45309; line-height: 1.3; }
.cr-aviso strong[b-h41tgpkded] { display: block; font-size: .92rem; color: #7c2d12; }
.cr-aviso span[b-h41tgpkded] { display: block; margin-top: 4px; font-size: .82rem; line-height: 1.5; }
.cr-aviso b[b-h41tgpkded] { color: #7c2d12; }

@media print { .cr-aviso[b-h41tgpkded] { display: none; } }
/* /Components/Pages/CentralCorrecao.razor.rz.scp.css */
/* ===== Central de Correção ===== */

.cc-page[b-nf7nndxc4w] { display: grid; gap: 16px; }

.cc-hero[b-nf7nndxc4w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 3vw, 32px);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(120deg, #94a3b8 0%, #475569 100%);
    box-shadow: 0 20px 44px rgba(71, 85, 105, .3);
    transition: background .2s ease, box-shadow .2s ease;
}

.cc-hero.simulado[b-nf7nndxc4w] {
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .16), transparent 55%),
        linear-gradient(120deg, #f59e0b 0%, #b45309 100%);
    box-shadow: 0 20px 44px rgba(180, 83, 9, .32);
}

.cc-hero.online[b-nf7nndxc4w] {
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .16), transparent 55%),
        linear-gradient(120deg, #60a5fa 0%, #2563eb 100%);
    box-shadow: 0 20px 44px rgba(37, 99, 235, .32);
}

.cc-hero.fisica[b-nf7nndxc4w] {
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .16), transparent 55%),
        linear-gradient(120deg, #93c5fd 0%, #1d4ed8 100%);
    box-shadow: 0 20px 44px rgba(29, 78, 216, .32);
}

.cc-kicker[b-nf7nndxc4w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cc-hero h1[b-nf7nndxc4w] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.cc-hero p[b-nf7nndxc4w] { margin: 5px 0 0; max-width: 580px; opacity: .92; font-size: 14px; }

.cc-atualizar[b-nf7nndxc4w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-weight: 850;
    white-space: nowrap;
}

.cc-filtros[b-nf7nndxc4w] { display: flex; gap: 8px; flex-wrap: wrap; }

.cc-filtro[b-nf7nndxc4w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font-size: .85rem;
    font-weight: 850;
    transition: border-color .14s ease, color .14s ease;
}

.cc-filtro span[b-nf7nndxc4w] {
    padding: 1px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: .72rem;
    font-weight: 900;
}

.cc-filtro.is-on[b-nf7nndxc4w] { border-color: #4f46e5; color: #4f46e5; }
.cc-filtro.is-on span[b-nf7nndxc4w] { background: #eef2ff; }

.cc-filtro.simulado[b-nf7nndxc4w] { border-color: #5eead4; color: #0f766e; box-shadow: 0 0 0 4px rgba(45, 212, 191, .16); }
.cc-filtro.simulado span[b-nf7nndxc4w] { background: #ccfbf1; color: #0f766e; }
.cc-filtro.simulado.is-on[b-nf7nndxc4w] { border-color: #0f766e; color: #0f766e; box-shadow: 0 0 0 4px rgba(15, 118, 110, .22); }

.cc-filtro.online[b-nf7nndxc4w] { border-color: #60a5fa; color: #2563eb; box-shadow: 0 0 0 4px rgba(96, 165, 250, .18); }
.cc-filtro.online span[b-nf7nndxc4w] { background: #dbeafe; color: #2563eb; }
.cc-filtro.online.is-on[b-nf7nndxc4w] { border-color: #2563eb; color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, .24); }

.cc-filtro.fisica[b-nf7nndxc4w] { border-color: #93c5fd; color: #1d4ed8; box-shadow: 0 0 0 4px rgba(147, 197, 253, .22); }
.cc-filtro.fisica span[b-nf7nndxc4w] { background: #dbeafe; color: #1d4ed8; }
.cc-filtro.fisica.is-on[b-nf7nndxc4w] { border-color: #1d4ed8; color: #1d4ed8; box-shadow: 0 0 0 4px rgba(29, 78, 216, .22); }

.cc-lista[b-nf7nndxc4w] { display: grid; gap: 8px; }

.cc-item[b-nf7nndxc4w] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    text-align: left;
    transition: transform .13s ease, border-color .13s ease, box-shadow .13s ease;
}

.cc-item:hover[b-nf7nndxc4w] {
    transform: translateY(-1px);
    border-color: #c7d2fe;
    box-shadow: 0 10px 26px rgba(79, 70, 229, .1);
}

.cc-modo[b-nf7nndxc4w] {
    flex: 0 0 auto;
    min-width: 76px;
    text-align: center;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.cc-modo.fisica[b-nf7nndxc4w] { background: #dbeafe; color: #1d4ed8; }
.cc-modo.avulsa[b-nf7nndxc4w] { background: #ede9fe; color: #6d28d9; }
.cc-modo.online[b-nf7nndxc4w] { background: #dbeafe; color: #2563eb; }
.cc-modo.simulado[b-nf7nndxc4w] { background: #ccfbf1; color: #0f766e; }

.cc-info[b-nf7nndxc4w] { flex: 1; min-width: 0; display: grid; }
.cc-info strong[b-nf7nndxc4w] { color: #0f172a; font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-info span[b-nf7nndxc4w] { color: #94a3b8; font-size: .76rem; font-weight: 700; }

.cc-direita[b-nf7nndxc4w] { display: flex; align-items: center; gap: 12px; color: #94a3b8; }
.cc-status[b-nf7nndxc4w] { color: #b45309; font-size: .76rem; font-weight: 850; }
.cc-nota[b-nf7nndxc4w] { color: #0f172a; font-size: 1rem; font-weight: 900; }

.cc-vazio[b-nf7nndxc4w] {
    display: grid;
    place-items: center;
    gap: 6px;
    padding: 44px 20px;
    border: 1px dashed #e2e8f0;
    border-radius: 16px;
    background: #fff;
    text-align: center;
    color: #64748b;
}

.cc-vazio i[b-nf7nndxc4w] { font-size: 2rem; color: #86efac; }
.cc-vazio strong[b-nf7nndxc4w] { color: #0f172a; }
.cc-vazio p[b-nf7nndxc4w] { margin: 0; font-size: .88rem; }

@media (max-width: 640px) {
    .cc-hero[b-nf7nndxc4w] { flex-direction: column; align-items: flex-start; }
    .cc-status[b-nf7nndxc4w] { display: none; }
}
/* /Components/Pages/ChatSuporte.razor.rz.scp.css */
.cs-page[b-ys2019hd7x] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 4px;
}

.cs-hero[b-ys2019hd7x] {
    margin-bottom: 18px;
}

.cs-hero .kicker[b-ys2019hd7x] {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7c3aed;
}

.cs-hero h1[b-ys2019hd7x] {
    margin: 4px 0 2px;
    font-weight: 900;
    color: #0f172a;
}

.cs-hero p[b-ys2019hd7x] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.cs-erro[b-ys2019hd7x] {
    margin-bottom: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 14px;
}

.cs-layout[b-ys2019hd7x] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px;
    min-height: 480px;
}

.cs-busca[b-ys2019hd7x] {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.cs-busca input[b-ys2019hd7x] {
    flex: 1;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 13px;
}

.cs-busca button[b-ys2019hd7x] {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    color: #4f46e5;
    width: 34px;
    cursor: pointer;
}

.cs-resultados[b-ys2019hd7x] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #f1f5f9;
}

.cs-resultado[b-ys2019hd7x] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1px;
    padding: 8px 14px;
    border: 0;
    border-top: 1px solid #f8fafc;
    background: #fafbff;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
}

.cs-resultado:hover[b-ys2019hd7x] { background: #eef2ff; }
.cs-resultado small[b-ys2019hd7x] { color: #94a3b8; font-size: 11.5px; }

.cs-atalho-suporte[b-ys2019hd7x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 12px;
    padding: 9px 12px;
    border: 1px dashed #a5b4fc;
    border-radius: 10px;
    background: #eef2ff;
    color: #4f46e5;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.cs-atalho-suporte:hover[b-ys2019hd7x] { background: #e0e7ff; }

.cs-lista[b-ys2019hd7x], .cs-thread[b-ys2019hd7x] {
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 16px;
    overflow: hidden;
}

.cs-lista[b-ys2019hd7x] {
    display: flex;
    flex-direction: column;
    max-height: 640px;
    overflow-y: auto;
}

.cs-item[b-ys2019hd7x] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2px;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    background: transparent;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.cs-item:hover[b-ys2019hd7x] { background: #f8fafc; }
.cs-item.aberta[b-ys2019hd7x] { background: #eef2ff; }
.cs-item.nao-lida .cs-item-nome[b-ys2019hd7x] { font-weight: 800; }

.cs-item-nome[b-ys2019hd7x] { font-size: 14px; color: #0f172a; }
.cs-item-prev[b-ys2019hd7x] { font-size: 12.5px; color: #64748b; }

.cs-item-badge[b-ys2019hd7x] {
    position: absolute;
    top: 10px;
    right: 12px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
}

.cs-thread[b-ys2019hd7x] {
    display: flex;
    flex-direction: column;
    min-height: 480px;
}

.cs-thread-cab[b-ys2019hd7x] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e9f2;
    background: #f8fafc;
}

.cs-thread-icone[b-ys2019hd7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(120deg, #2563eb, #7c3aed);
    color: #fff;
    font-size: 1rem;
    flex-shrink: 0;
}

.cs-thread-cab strong[b-ys2019hd7x] {
    display: block;
    font-size: 14.5px;
    color: #0f172a;
}

.cs-thread-cab small[b-ys2019hd7x] {
    display: block;
    font-size: 12px;
    color: #64748b;
}

.cs-vazio[b-ys2019hd7x], .cs-vazio-msgs[b-ys2019hd7x] {
    margin: auto;
    padding: 24px;
    color: #94a3b8;
    font-size: 14px;
    text-align: center;
}

.cs-msgs[b-ys2019hd7x] {
    flex: 1;
    padding: 16px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cs-msg[b-ys2019hd7x] {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.4;
}

.cs-msg-texto[b-ys2019hd7x] { display: block; white-space: pre-wrap; word-break: break-word; }
.cs-msg-data[b-ys2019hd7x] { display: block; margin-top: 3px; font-size: 10.5px; opacity: .65; }

.cs-msg.dele[b-ys2019hd7x] {
    align-self: flex-start;
    background: #f1f5f9;
    color: #0f172a;
    border-bottom-left-radius: 4px;
}

.cs-msg.minha[b-ys2019hd7x] {
    align-self: flex-end;
    background: linear-gradient(120deg, #2563eb, #7c3aed);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.cs-aviso-suporte-vazio[b-ys2019hd7x] {
    max-width: 420px;
    margin: 0 auto;
}

.cs-aviso-suporte[b-ys2019hd7x] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 12px 10px;
    padding: 10px 12px;
    border: 1px solid #a5b4fc;
    border-radius: 10px;
    background: #eef2ff;
    color: #1e1b4b;
    font-size: 12.5px;
    text-align: left;
    cursor: pointer;
}

.cs-aviso-suporte:hover[b-ys2019hd7x] { background: #e0e7ff; }

.cs-aviso-suporte i[b-ys2019hd7x] {
    flex-shrink: 0;
    font-size: 1.3rem;
    color: #4f46e5;
}

.cs-aviso-suporte strong[b-ys2019hd7x] { color: #4f46e5; }

.cs-compor[b-ys2019hd7x] {
    display: flex;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid #e5e9f2;
}

.cs-compor textarea[b-ys2019hd7x] {
    flex: 1;
    resize: none;
    border: 2px solid #94a3b8;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 14px;
    font-family: inherit;
}

.cs-compor textarea:focus[b-ys2019hd7x] {
    outline: none;
    border-color: #4f46e5;
}

.cs-enviar[b-ys2019hd7x] {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(120deg, #2563eb, #7c3aed);
    color: #fff;
    font-weight: 800;
    font-size: 13.5px;
    cursor: pointer;
}

.cs-enviar:disabled[b-ys2019hd7x] { opacity: .5; cursor: default; }

@media (max-width: 760px) {
    .cs-layout[b-ys2019hd7x] { grid-template-columns: 1fr; }
    .cs-lista[b-ys2019hd7x] { max-height: 220px; }
}
/* /Components/Pages/ComoUtilizar.razor.rz.scp.css */
.seo-page[b-sswtn99mol] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-sswtn99mol] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-sswtn99mol] { text-align: center; }

/* HERO */
.hero[b-sswtn99mol] {
    min-height: 60vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-sswtn99mol] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-sswtn99mol] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-sswtn99mol 20s linear infinite;
}
@keyframes particles-b-sswtn99mol { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-sswtn99mol] {
    position: relative; z-index: 2; text-align: center;
    max-width: 900px; padding: 70px 20px 40px;
}
.hero-badge[b-sswtn99mol] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-sswtn99mol] {
    font-size: clamp(2.2rem, 6vw, 4rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-sswtn99mol] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-sswtn99mol] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-sswtn99mol] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }

.btn-primary-glow[b-sswtn99mol] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-sswtn99mol] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-sswtn99mol] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-sswtn99mol] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.section-title[b-sswtn99mol] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-sswtn99mol] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-sswtn99mol] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}

/* GRID DE TUTORIAIS */
.tutoriais-grid[b-sswtn99mol] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px;
}
.tutorial-card[b-sswtn99mol] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    overflow: hidden; transition: all 0.4s ease;
}
.tutorial-card:hover[b-sswtn99mol] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.tutorial-info[b-sswtn99mol] { padding: 22px 24px 26px; }
.tutorial-info h3[b-sswtn99mol] { font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; color: white; }
.tutorial-info p[b-sswtn99mol] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.92rem; }

.tutorial-em-breve[b-sswtn99mol] {
    aspect-ratio: 16 / 9; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 10px; background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.4); font-weight: 600; font-size: 0.95rem;
}
.tutorial-em-breve i[b-sswtn99mol] { font-size: 2rem; }

.how-section[b-sswtn99mol] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-sswtn99mol] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-sswtn99mol] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-sswtn99mol] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-sswtn99mol] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-sswtn99mol] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-sswtn99mol] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-sswtn99mol] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-sswtn99mol] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-sswtn99mol] { max-width: 720px; margin: 0 auto; }
.faq-item[b-sswtn99mol] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-sswtn99mol] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-sswtn99mol] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-sswtn99mol]::-webkit-details-marker { display: none; }
.faq-question i[b-sswtn99mol] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-sswtn99mol] { transform: rotate(180deg); }
.faq-answer[b-sswtn99mol] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-sswtn99mol] { max-width: 900px; }
.seo-text p[b-sswtn99mol] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-sswtn99mol] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-sswtn99mol]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-sswtn99mol] { position: relative; z-index: 1; }
.cta-title[b-sswtn99mol] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-sswtn99mol] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }
/* /Components/Pages/ConfirmarMagicLink.razor.rz.scp.css */
.cml-shell[b-0lwrnplijt] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);
    padding: 24px;
}

.cml-card[b-0lwrnplijt] {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(79, 70, 229, .12);
    padding: 44px 40px;
    max-width: 420px;
    width: 100%;
    text-align: center;
}

.cml-logo[b-0lwrnplijt] {
    height: 48px;
    border-radius: 10px;
    margin-bottom: 18px;
}

.cml-icone[b-0lwrnplijt] {
    font-size: 2.4rem;
    color: #4f46e5;
    display: block;
    margin-bottom: 10px;
}

.cml-icone-erro[b-0lwrnplijt] {
    color: #dc2626;
}

.cml-card h1[b-0lwrnplijt] {
    font-size: 1.35rem;
    color: #1e293b;
    margin: 0 0 8px;
}

.cml-card p[b-0lwrnplijt] {
    color: #475569;
    font-size: .95rem;
    line-height: 1.6;
    margin: 0 0 22px;
}

.cml-btn[b-0lwrnplijt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 13px 34px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}

.cml-btn:hover[b-0lwrnplijt] {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(79, 70, 229, .35);
}

.cml-btn-sec[b-0lwrnplijt] {
    background: #eef2ff;
    color: #4f46e5;
}

.cml-card small[b-0lwrnplijt] {
    display: block;
    margin-top: 16px;
    color: #94a3b8;
    font-size: .78rem;
}
/* /Components/Pages/ConfirmarTermos.razor.rz.scp.css */
/* Wizard de aceite (Termos/Política -> Marketing). Toggles são CSS-only
   (checkbox :checked) porque a página roda em SSR estático, sem JS. */

/* Centraliza o modal na tela (o .cml-shell/.cml-card não centravam -> ficava no canto). */
.cml-shell[b-tzhk5tik0g] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: linear-gradient(135deg, #1f0e58 0%, #3b1d8a 60%, #6b3fea 100%);
}

.cml-card[b-tzhk5tik0g] {
    background: #fff;
    border-radius: 24px;
    padding: 30px 28px;
    width: 100%;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}

.wz-card[b-tzhk5tik0g] {
    max-width: 410px;
    text-align: center;
    padding-top: 22px;
}

/* ── stepper ── */
.wz-stepper[b-tzhk5tik0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
}

.wz-step[b-tzhk5tik0g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wz-dot[b-tzhk5tik0g] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: .78rem;
    font-weight: 800;
    background: #e7e3f5;
    color: #8a86a3;
    transition: .25s;
}

.wz-step.active .wz-dot[b-tzhk5tik0g] {
    background: linear-gradient(135deg, #6d3ff2, #9b6bff);
    color: #fff;
    box-shadow: 0 6px 16px -4px rgba(109, 63, 242, .6);
}

.wz-step.done .wz-dot[b-tzhk5tik0g] {
    background: #16a34a;
    color: #fff;
}

.wz-lbl[b-tzhk5tik0g] {
    font-size: .78rem;
    font-weight: 700;
    color: #8a86a3;
}

.wz-step.active .wz-lbl[b-tzhk5tik0g] {
    color: #14121f;
}

.wz-bar[b-tzhk5tik0g] {
    width: 34px;
    height: 2.5px;
    border-radius: 2px;
    background: #e7e3f5;
}

.wz-bar.fill[b-tzhk5tik0g] {
    background: #16a34a;
}

/* ── hero ── */
.wz-hero[b-tzhk5tik0g] {
    padding: 12px 4px 6px;
}

.wz-badge[b-tzhk5tik0g] {
    width: 62px;
    height: 62px;
    margin: 2px auto 14px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    font-size: 28px;
    background: linear-gradient(135deg, #6d3ff2, #9b6bff);
    box-shadow: 0 14px 34px -8px rgba(109, 63, 242, .6), inset 0 1px 0 rgba(255, 255, 255, .35);
    transform: rotate(-4deg);
}

.wz-pill[b-tzhk5tik0g] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #efeaff;
    color: #3a1d94;
    padding: 6px 13px;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.wz-pill.req[b-tzhk5tik0g] {
    background: #fdecec;
    color: #b42318;
}

.wz-card h1[b-tzhk5tik0g] {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    font-size: clamp(1.35rem, 4vw, 1.7rem);
    line-height: 1.12;
    letter-spacing: -.02em;
    color: #14121f;
}

.wz-card h1 em[b-tzhk5tik0g] {
    color: #6d3ff2;
    font-style: italic;
}

.wz-sub[b-tzhk5tik0g] {
    color: #8a86a3;
    font-size: .9rem;
    line-height: 1.55;
    margin: 9px auto 0;
    max-width: 40ch;
    min-height: 66px;
}

/* ── documentos (passo 1) ── */
.wz-docs[b-tzhk5tik0g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 4px 0 16px;
    min-height: 138px;
    justify-content: flex-start;
}

.wz-doc[b-tzhk5tik0g] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 16px;
    border: 1.5px solid #e7e3f5;
    border-radius: 14px;
    color: #14121f;
    text-decoration: none;
    transition: .16s;
}

.wz-doc:hover[b-tzhk5tik0g] {
    border-color: #c9b8ff;
    background: #efeaff;
}

.wz-doc > i:first-child[b-tzhk5tik0g] {
    font-size: 1.15rem;
    color: #6d3ff2;
}

.wz-doc-tx[b-tzhk5tik0g] {
    flex: 1;
    text-align: left;
    font-weight: 700;
    font-size: .92rem;
}

.wz-go[b-tzhk5tik0g] {
    opacity: .5;
}

/* ── opções marketing (passo 2) — CSS-only toggle, começam DESLIGADAS ── */
.wz-opt[b-tzhk5tik0g] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 16px;
    margin-bottom: 10px;
    border: 1.5px solid #e7e3f5;
    border-radius: 14px;
    cursor: pointer;
    transition: .18s;
}

.wz-opt:hover[b-tzhk5tik0g] {
    border-color: #c9b8ff;
    transform: translateY(-1px);
}

.wz-opt:has(.wz-cb:checked)[b-tzhk5tik0g] {
    border-color: #6d3ff2;
    background: linear-gradient(120deg, #efeaff, transparent);
}

.wz-cb[b-tzhk5tik0g] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.wz-ic[b-tzhk5tik0g] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-size: 18px;
    background: #efeaff;
    transition: .18s;
}

.wz-opt:has(.wz-cb:checked) .wz-ic[b-tzhk5tik0g] {
    background: linear-gradient(135deg, #6d3ff2, #9b6bff);
}

.wz-opt-tx[b-tzhk5tik0g] {
    flex: 1;
    text-align: left;
}

.wz-opt-tx strong[b-tzhk5tik0g] {
    display: block;
    font-size: .92rem;
    font-weight: 700;
    color: #14121f;
}

.wz-opt-tx small[b-tzhk5tik0g] {
    color: #8a86a3;
    font-size: .78rem;
    line-height: 1.4;
}

.wz-sw[b-tzhk5tik0g] {
    width: 44px;
    height: 26px;
    border-radius: 999px;
    background: #e7e3f5;
    position: relative;
    transition: .2s;
    flex-shrink: 0;
}

.wz-sw[b-tzhk5tik0g]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    transition: .2s;
}

.wz-opt:has(.wz-cb:checked) .wz-sw[b-tzhk5tik0g] {
    background: #6d3ff2;
}

.wz-opt:has(.wz-cb:checked) .wz-sw[b-tzhk5tik0g]::after {
    left: 21px;
}

/* ── botão / erro ── */
.wz-card .wz-btn[b-tzhk5tik0g] {
    width: 100%;
    justify-content: center;
    border: none;
    margin-top: 8px;
}

/* ── sair (escape: nunca prender o usuário no wizard) ── */
.wz-sair[b-tzhk5tik0g] {
    margin: 14px 0 0;
    text-align: center;
}

.wz-sair button[b-tzhk5tik0g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: none;
    padding: 4px 8px;
    color: #94a3b8;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.wz-sair button:hover[b-tzhk5tik0g] {
    color: #475569;
    text-decoration: underline;
}

.wz-erro[b-tzhk5tik0g] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: .85rem;
    margin: 8px 0 0;
}
/* /Components/Pages/ConsultarBncc.razor.rz.scp.css */
.bncc-page[b-adyh6te0b3] { display: grid; gap: 14px; padding-bottom: 18px; }
.bncc-hero[b-adyh6te0b3] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(440px 180px at 100% -30%, rgba(255,255,255,.30), transparent 60%), linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 20px 44px rgba(67, 56, 202, .22); }
.kicker[b-adyh6te0b3] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bncc-hero h1[b-adyh6te0b3] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.bncc-hero p[b-adyh6te0b3] { margin: 5px 0 0; color: rgba(255,255,255,.9);  font-size: 14px;}
.bncc-hero a[b-adyh6te0b3], .toolbar button[b-adyh6te0b3] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 0; border-radius: 11px; color: #4338ca; background: #fff; text-decoration: none; font-weight: 900; }
.bncc-msg[b-adyh6te0b3] { min-height: 42px; display: flex; align-items: center; padding: 0 14px; border: 1px solid #fecaca; border-radius: 12px; color: #991b1b; background: #fef2f2; font-weight: 800; }
.bncc-layout[b-adyh6te0b3] { display: grid; grid-template-columns: 360px minmax(0,1fr); gap: 14px; align-items: start; }
.navigator[b-adyh6te0b3], .habilidades[b-adyh6te0b3], .empty[b-adyh6te0b3] { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.navigator[b-adyh6te0b3] { display: grid; gap: 10px; padding: 14px; max-height: 78vh; overflow: auto; }
.step[b-adyh6te0b3] { display: flex; align-items: center; gap: 8px; color: #0f172a; }
.step span[b-adyh6te0b3] { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #fff; background: #4f46e5; font-size: 12px; font-weight: 900; }
.cards[b-adyh6te0b3], .pills[b-adyh6te0b3] { display: flex; flex-wrap: wrap; gap: 8px; }
.nav-card[b-adyh6te0b3], .pill[b-adyh6te0b3] { border: 1px solid #dbe4ef; border-radius: 12px; background: #fff; color: #334155; font-weight: 800; }
.nav-card[b-adyh6te0b3] { width: 100%; min-height: 38px; text-align: left; padding: 8px 10px; }
.compact .nav-card[b-adyh6te0b3] { font-size: 12px; }
.pill[b-adyh6te0b3] { min-height: 32px; padding: 0 10px; font-size: 12px; }
.nav-card.on[b-adyh6te0b3], .pill.on[b-adyh6te0b3] { border-color: #818cf8; color: #4338ca; background: #eef2ff; }
.habilidades[b-adyh6te0b3] { padding: 16px; }
.toolbar[b-adyh6te0b3] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.toolbar span[b-adyh6te0b3] { display: block; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.toolbar strong[b-adyh6te0b3] { color: #0f172a; font-size: 1.5rem; }
.toolbar button[b-adyh6te0b3] { color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); }
.hab-grid[b-adyh6te0b3] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.hab-grid article[b-adyh6te0b3] { padding: 14px; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; }
.hab-grid div[b-adyh6te0b3] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
code[b-adyh6te0b3] { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 7px; padding: 2px 6px; }
.hab-grid p[b-adyh6te0b3] { margin: 10px 0; color: #334155; font-size: 13px; line-height: 1.5; }
.hab-grid small[b-adyh6te0b3], .hab-grid span[b-adyh6te0b3] { color: #64748b; font-size: 12px; }
.empty[b-adyh6te0b3] { min-height: 360px; display: grid; place-items: center; gap: 8px; padding: 22px; text-align: center; color: #64748b; }
.empty i[b-adyh6te0b3] { color: #818cf8; font-size: 36px; }
.empty strong[b-adyh6te0b3] { color: #0f172a; }
@media (max-width: 1100px) { .bncc-layout[b-adyh6te0b3], .hab-grid[b-adyh6te0b3] { grid-template-columns: 1fr; } .bncc-hero[b-adyh6te0b3] { flex-direction: column; align-items: start; } .navigator[b-adyh6te0b3] { max-height: none; } }

/* miniaturas nos cards/pills de navegação (imagens do banco) */
.nav-card.com-img[b-adyh6te0b3],
.pill.com-img[b-adyh6te0b3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nav-card.com-img img[b-adyh6te0b3],
.pill.com-img img[b-adyh6te0b3] {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    object-fit: cover;
    flex: 0 0 auto;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.nav-card[b-adyh6te0b3] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.nav-card[b-adyh6te0b3]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 12px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.nav-card:hover[b-adyh6te0b3] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.nav-card:hover[b-adyh6te0b3]::before {
    width: 50%;
    height: 50%;
}

/* Recorte atual escolhido na árvore (04/07) */
.nav-recorte[b-adyh6te0b3] {
    margin-top: .6rem;
    padding: .45rem .6rem;
    border-radius: 8px;
    background: #eef0fb;
    color: #4348a8;
    font-size: .85rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

/* ===== Drawer direito: seleção atual (fundador 04/07) ===== */
.bn-drawer-alca[b-adyh6te0b3] {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: .6rem .45rem;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #5b5bd6;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 42, 96, .25);
}

.bn-drawer-alca.on[b-adyh6te0b3] { right: min(340px, 92vw); }

.bn-drawer[b-adyh6te0b3] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(340px, 92vw);
    background: #fff;
    border-left: 1px solid #e2e5f0;
    box-shadow: -8px 0 24px rgba(40, 42, 96, .12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1039;
    overflow-y: auto;
    padding: .9rem;
}

.bn-drawer.aberto[b-adyh6te0b3] { transform: translateX(0); }

.bn-drawer-head[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.bn-drawer-head button[b-adyh6te0b3] {
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

.bn-drawer-item[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .1rem;
    border-bottom: 1px solid #eef0f7;
    font-size: .87rem;
}

.bn-drawer-item span[b-adyh6te0b3] { color: #8b90a4; }

.bn-drawer small[b-adyh6te0b3] { color: #8b90a4; }

/* ===== Drawer direito: seleção atual (fundador 04/07) ===== */
.bn-drawer-alca[b-adyh6te0b3] {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: .6rem .45rem;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #5b5bd6;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 42, 96, .25);
}

.bn-drawer-alca.on[b-adyh6te0b3] { right: min(340px, 92vw); }

.bn-drawer[b-adyh6te0b3] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(340px, 92vw);
    background: #fff;
    border-left: 1px solid #e2e5f0;
    box-shadow: -8px 0 24px rgba(40, 42, 96, .12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1039;
    overflow-y: auto;
    padding: .9rem;
}

.bn-drawer.aberto[b-adyh6te0b3] { transform: translateX(0); }

.bn-drawer-head[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.bn-drawer-head button[b-adyh6te0b3] {
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

.bn-drawer-item[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .1rem;
    border-bottom: 1px solid #eef0f7;
    font-size: .87rem;
}

.bn-drawer-item span[b-adyh6te0b3] { color: #8b90a4; }

.bn-drawer small[b-adyh6te0b3] { color: #8b90a4; }

/* ===== Drawer direito: seleção atual (fundador 04/07) ===== */
.bn-drawer-alca[b-adyh6te0b3] {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: .6rem .45rem;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #5b5bd6;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 42, 96, .25);
}

.bn-drawer-alca.on[b-adyh6te0b3] { right: min(340px, 92vw); }

.bn-drawer[b-adyh6te0b3] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(340px, 92vw);
    background: #fff;
    border-left: 1px solid #e2e5f0;
    box-shadow: -8px 0 24px rgba(40, 42, 96, .12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1039;
    overflow-y: auto;
    padding: .9rem;
}

.bn-drawer.aberto[b-adyh6te0b3] { transform: translateX(0); }

.bn-drawer-head[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}

.bn-drawer-head button[b-adyh6te0b3] {
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

.bn-drawer-item[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .1rem;
    border-bottom: 1px solid #eef0f7;
    font-size: .87rem;
}

.bn-drawer-item span[b-adyh6te0b3] { color: #8b90a4; }

.bn-drawer small[b-adyh6te0b3] { color: #8b90a4; }

/* ===== Drawer direito: seleção atual (fundador 04/07) ===== */
.bn-drawer-alca[b-adyh6te0b3] {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: .6rem .45rem;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #5b5bd6;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 42, 96, .25);
}

.bn-drawer-alca.on[b-adyh6te0b3] { right: min(340px, 92vw); }

.bn-drawer[b-adyh6te0b3] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(340px, 92vw);
    background: #fff;
    border-left: 1px solid #e2e5f0;
    box-shadow: -8px 0 24px rgba(40, 42, 96, .12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1039;
    overflow-y: auto;
    padding: .9rem;
}

.bn-drawer.aberto[b-adyh6te0b3] { transform: translateX(0); }

.bn-drawer-head[b-adyh6te0b3] { display: flex; justify-content: space-between; align-items: center; margin-bottom: .7rem; }

.bn-drawer-head button[b-adyh6te0b3] { border: 0; background: transparent; color: #6b7280; cursor: pointer; }

.bn-drawer-item[b-adyh6te0b3] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .1rem;
    border-bottom: 1px solid #eef0f7;
    font-size: .87rem;
}

.bn-drawer-item span[b-adyh6te0b3] { color: #8b90a4; }

.bn-drawer small[b-adyh6te0b3] { color: #8b90a4; }
/* /Components/Pages/CorrecaoAutomaticaDeProvas.razor.rz.scp.css */
.lp[b-bessyafs39] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-bessyafs39] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-bessyafs39]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-bessyafs39] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-bessyafs39] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-bessyafs39] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-bessyafs39] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-bessyafs39] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-bessyafs39] { color: #fff; }
.lp-sub.small[b-bessyafs39] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-bessyafs39] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-bessyafs39] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-bessyafs39] { transform: translateY(-2px); }

.lp-btn-primary[b-bessyafs39] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-bessyafs39] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-bessyafs39] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-bessyafs39] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-bessyafs39] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-bessyafs39] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-bessyafs39] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-bessyafs39] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-bessyafs39] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-bessyafs39] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-bessyafs39]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-bessyafs39] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-bessyafs39]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-bessyafs39] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-bessyafs39] {
    padding: 24px;
}

.lp-feature-icon[b-bessyafs39] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-bessyafs39] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-bessyafs39] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-bessyafs39] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-bessyafs39] {
    padding: 24px;
}

.lp-step-num[b-bessyafs39] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-bessyafs39] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-bessyafs39] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-bessyafs39] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-bessyafs39] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-bessyafs39] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-bessyafs39] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-bessyafs39] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-bessyafs39] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-bessyafs39] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-bessyafs39]::-webkit-details-marker { display: none; }

.lp-faq summary[b-bessyafs39]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-bessyafs39]::after { transform: rotate(180deg); }

.lp-faq p[b-bessyafs39] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-bessyafs39] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-bessyafs39] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-bessyafs39] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-bessyafs39] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-bessyafs39] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-bessyafs39] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-bessyafs39] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-bessyafs39] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-bessyafs39],
    .lp-steps[b-bessyafs39] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-bessyafs39] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-bessyafs39] { padding: 24px 22px; }
    .lp-hero h1[b-bessyafs39] { font-size: 1.7rem; }
    .lp-features[b-bessyafs39],
    .lp-steps[b-bessyafs39],
    .lp-stats[b-bessyafs39] { grid-template-columns: 1fr; }
    .lp-proof[b-bessyafs39] { gap: 22px; }
}
/* /Components/Pages/CorrecaoDeRedacaoComIa.razor.rz.scp.css */
.lp[b-dfwfvbgy2c] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-dfwfvbgy2c] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-dfwfvbgy2c]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-dfwfvbgy2c] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-dfwfvbgy2c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-dfwfvbgy2c] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-dfwfvbgy2c] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-dfwfvbgy2c] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-dfwfvbgy2c] { color: #fff; }
.lp-sub.small[b-dfwfvbgy2c] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-dfwfvbgy2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-dfwfvbgy2c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-dfwfvbgy2c] { transform: translateY(-2px); }

.lp-btn-primary[b-dfwfvbgy2c] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-dfwfvbgy2c] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-dfwfvbgy2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-dfwfvbgy2c] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-dfwfvbgy2c] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-dfwfvbgy2c] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-dfwfvbgy2c] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-dfwfvbgy2c] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-dfwfvbgy2c] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-dfwfvbgy2c] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-dfwfvbgy2c]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-dfwfvbgy2c] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-dfwfvbgy2c]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-dfwfvbgy2c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-dfwfvbgy2c] {
    padding: 24px;
}

.lp-feature-icon[b-dfwfvbgy2c] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-dfwfvbgy2c] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-dfwfvbgy2c] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-dfwfvbgy2c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-dfwfvbgy2c] {
    padding: 24px;
}

.lp-step-num[b-dfwfvbgy2c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-dfwfvbgy2c] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-dfwfvbgy2c] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-dfwfvbgy2c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-dfwfvbgy2c] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-dfwfvbgy2c] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-dfwfvbgy2c] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-dfwfvbgy2c] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-dfwfvbgy2c] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-dfwfvbgy2c] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-dfwfvbgy2c]::-webkit-details-marker { display: none; }

.lp-faq summary[b-dfwfvbgy2c]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-dfwfvbgy2c]::after { transform: rotate(180deg); }

.lp-faq p[b-dfwfvbgy2c] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-dfwfvbgy2c] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-dfwfvbgy2c] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-dfwfvbgy2c] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-dfwfvbgy2c] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-dfwfvbgy2c] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-dfwfvbgy2c] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-dfwfvbgy2c] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-dfwfvbgy2c] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-dfwfvbgy2c],
    .lp-steps[b-dfwfvbgy2c] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-dfwfvbgy2c] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-dfwfvbgy2c] { padding: 24px 22px; }
    .lp-hero h1[b-dfwfvbgy2c] { font-size: 1.7rem; }
    .lp-features[b-dfwfvbgy2c],
    .lp-steps[b-dfwfvbgy2c],
    .lp-stats[b-dfwfvbgy2c] { grid-template-columns: 1fr; }
    .lp-proof[b-dfwfvbgy2c] { gap: 22px; }
}
/* /Components/Pages/CorrigirAtividade.razor.rz.scp.css */
.ca-page[b-dwiv96611m] {
    max-width: 960px;
    margin: 0 auto;
    padding: 8px 4px 60px;
    display: grid;
    gap: 20px;
}

.ca-hero[b-dwiv96611m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 14px 26px;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(120deg, #3b82f6, #1e3a8a);
    box-shadow: 0 16px 40px rgba(14, 165, 233, .28);
}
.ca-kicker[b-dwiv96611m] { display: inline-flex; align-items: center; gap: 7px; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; opacity: .92; }
.ca-hero h1[b-dwiv96611m] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.ca-hero p[b-dwiv96611m] { margin: 5px 0 0; font-size: 14px; opacity: .92; }
.ca-voltar[b-dwiv96611m] { color: #fff; text-decoration: none; font-weight: 700; font-size: .85rem; display: inline-flex; gap: 6px; align-items: center; opacity: .92; }
.ca-voltar:hover[b-dwiv96611m] { opacity: 1; }

.ca-alerta[b-dwiv96611m] { padding: 12px 16px; border-radius: 12px; font-size: .88rem; font-weight: 650; }
.ca-alerta.ok[b-dwiv96611m] { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.ca-alerta.erro[b-dwiv96611m] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

.ca-card[b-dwiv96611m] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    display: grid;
    gap: 16px;
}
.ca-card h2[b-dwiv96611m] { margin: 0; font-size: 1.05rem; font-weight: 900; color: #1e293b; display: flex; align-items: center; gap: 8px; }
.ca-cont[b-dwiv96611m] { background: #dbeafe; color: #3b82f6; border-radius: 999px; padding: 1px 10px; font-size: .8rem; }

.ca-form-grid[b-dwiv96611m] { display: grid; grid-template-columns: 2fr 1fr; gap: 14px; }
.ca-form-grid.tres[b-dwiv96611m] { grid-template-columns: 1fr 1fr 130px; }
.ca-card select[b-dwiv96611m] { width: 100%; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 11px; background: #f8fafc; font-size: .92rem; color: #1e293b; }
.ca-card select:focus[b-dwiv96611m] { outline: none; border-color: #93c5fd; box-shadow: 0 0 0 3px rgba(59,130,246,.15); background: #fff; }
.ca-avulso[b-dwiv96611m] { margin-top: -4px; }
.ca-vinculado[b-dwiv96611m] { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 11px; background: #ecfdf5; color: #047857; font-size: .88rem; border: 1px solid #a7f3d0; }
.ca-vinculado strong[b-dwiv96611m] { color: #065f46; }
.ca-card label[b-dwiv96611m] { display: block; color: #475569; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.ca-card input[type="text"][b-dwiv96611m], .ca-card input:not([type])[b-dwiv96611m] {
    width: 100%; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 11px; background: #f8fafc; font-size: .92rem; color: #1e293b;
}
.ca-card input:focus[b-dwiv96611m] { outline: none; border-color: #93c5fd; box-shadow: 0 0 0 3px rgba(59,130,246,.15); background: #fff; }

.ca-botao-foto[b-dwiv96611m] {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 16px; border: 2px dashed #bfdbfe; border-radius: 14px;
    background: #dbeafe; color: #3b82f6; font-weight: 800; cursor: pointer; transition: background .13s ease;
}
.ca-botao-foto:hover[b-dwiv96611m] { background: #dbeafe; }
.ca-botao-foto.off[b-dwiv96611m] { opacity: .5; pointer-events: none; }
.ca-botao-foto input[type="file"][b-dwiv96611m] { display: none; }
.ca-botao-foto i[b-dwiv96611m] { font-size: 1.3rem; }

/* botão anexar Word — verde/discreto, mesma pegada do botão de foto */
.ca-botao-word[b-dwiv96611m] {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 13px; border: 2px dashed #bbf7d0; border-radius: 14px;
    background: #f0fdf4; color: #16a34a; font-weight: 800; cursor: pointer; transition: background .13s ease;
}
.ca-botao-word:hover[b-dwiv96611m] { background: #dcfce7; }
.ca-botao-word.off[b-dwiv96611m] { opacity: .5; pointer-events: none; }
.ca-botao-word input[type="file"][b-dwiv96611m] { display: none; }
.ca-botao-word i[b-dwiv96611m] { font-size: 1.3rem; }

.ca-docs[b-dwiv96611m] { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ca-docs li[b-dwiv96611m] {
    display: flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 650; color: #166534;
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px; padding: 8px 12px;
}
.ca-doc-x[b-dwiv96611m] {
    margin-left: auto; border: none; background: none; color: #94a3b8; font-size: 1.15rem;
    line-height: 1; cursor: pointer; padding: 0 4px;
}
.ca-doc-x:hover[b-dwiv96611m] { color: #ef4444; }

.ca-paginas[b-dwiv96611m] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ca-paginas > span[b-dwiv96611m] { color: #475569; font-size: .86rem; font-weight: 650; }

.ca-cta[b-dwiv96611m] {
    padding: 10px 20px; border: none; border-radius: 11px; cursor: pointer;
    background: linear-gradient(120deg, #3b82f6, #1e3a8a); color: #fff; font-weight: 800; font-size: .9rem;
    box-shadow: 0 8px 20px rgba(59,130,246,.25); transition: transform .13s ease;
}
.ca-cta:hover:not(:disabled)[b-dwiv96611m] { transform: translateY(-1px); }
.ca-cta:disabled[b-dwiv96611m] { opacity: .55; cursor: default; }
.ca-secundario[b-dwiv96611m] { padding: 10px 16px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fff; color: #475569; font-weight: 700; cursor: pointer; }
a.ca-secundario[b-dwiv96611m] { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.ca-hint[b-dwiv96611m] { color: #94a3b8; font-size: .8rem; }
.ca-progresso[b-dwiv96611m] { display: flex; align-items: center; gap: 10px; color: #3b82f6; font-weight: 650; font-size: .9rem; }

/* resultado */
.ca-resultado[b-dwiv96611m] { gap: 12px; }
.ca-res-cab[b-dwiv96611m] { display: flex; align-items: center; justify-content: space-between; }
.ca-nota-total[b-dwiv96611m] { font-size: 1.8rem; font-weight: 900; color: #3b82f6; }
.ca-item[b-dwiv96611m] { border: 1px solid #eef2f7; border-radius: 12px; padding: 12px 14px; background: #fafbfc; display: grid; gap: 6px; }
.ca-item.ilegivel[b-dwiv96611m] { border-color: #fde68a; background: #fffbeb; }
.ca-item-cab[b-dwiv96611m] { display: flex; align-items: center; gap: 10px; }
.ca-item-cab > strong[b-dwiv96611m] { color: #1e293b; }
.ca-conf[b-dwiv96611m] { font-size: .72rem; font-weight: 800; padding: 1px 8px; border-radius: 999px; }
.ca-conf.alta[b-dwiv96611m] { background: #dcfce7; color: #15803d; }
.ca-conf.media[b-dwiv96611m] { background: #fef9c3; color: #a16207; }
.ca-conf.baixa[b-dwiv96611m] { background: #fee2e2; color: #b91c1c; }
.ca-tag-ileg[b-dwiv96611m] { font-size: .72rem; font-weight: 800; color: #a16207; background: #fef3c7; border-radius: 999px; padding: 1px 8px; }
.ca-item-nota[b-dwiv96611m] { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.ca-item-nota input[b-dwiv96611m] { width: 72px; padding: 6px 8px; border: 1px solid #e2e8f0; border-radius: 8px; text-align: center; font-weight: 700; }
.ca-mini[b-dwiv96611m] { padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #3b82f6; font-weight: 700; font-size: .78rem; cursor: pointer; }
.ca-leitura[b-dwiv96611m] { margin: 0; font-size: .88rem; color: #334155; }
.ca-feedback[b-dwiv96611m] { margin: 0; font-size: .86rem; color: #0369a1; background: #f0f9ff; border-radius: 8px; padding: 6px 10px; }
.ca-esperada[b-dwiv96611m] { margin: 0; font-size: .82rem; color: #64748b; }
.ca-res-acoes[b-dwiv96611m] { display: flex; justify-content: flex-end; }

/* fila */
.ca-fila[b-dwiv96611m] { display: grid; gap: 8px; }
.ca-fila-item[b-dwiv96611m] {
    display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
    padding: 11px 14px; border: 1px solid #eef2f7; border-radius: 12px; background: #fafbfc; cursor: pointer; transition: border-color .13s ease;
}
.ca-fila-item:hover[b-dwiv96611m] { border-color: #bfdbfe; }
.ca-fila-aluno[b-dwiv96611m] { flex: 1; font-weight: 700; color: #1e293b; }
.ca-fila-status[b-dwiv96611m] { font-size: .72rem; font-weight: 800; padding: 2px 9px; border-radius: 999px; background: #f1f5f9; color: #475569; }
.ca-fila-status.corrigido[b-dwiv96611m] { background: #dcfce7; color: #15803d; }
.ca-fila-status.erro[b-dwiv96611m] { background: #fee2e2; color: #b91c1c; }
.ca-fila-status.processando[b-dwiv96611m] { background: #dbeafe; color: #1d4ed8; }
.ca-fila-nota[b-dwiv96611m] { color: #3b82f6; font-size: 1.05rem; min-width: 44px; text-align: right; }
.ca-vazio[b-dwiv96611m] { color: #64748b; font-size: .9rem; }

@media (max-width: 640px) {
    .ca-form-grid[b-dwiv96611m] { grid-template-columns: 1fr; }
    .ca-item-nota[b-dwiv96611m] { margin-left: 0; }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.ca-card[b-dwiv96611m] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.ca-card[b-dwiv96611m]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #3b82f6, #1e3a8a) 1;
    border-top-right-radius: 18px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.ca-card:hover[b-dwiv96611m] {
    transform: translateY(-5px);
    border-color: #bfdbfe;
    box-shadow: 0 26px 54px rgba(30, 58, 138, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.ca-card:hover[b-dwiv96611m]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/CriarProva.razor.rz.scp.css */
.cp-page[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: calc(100vh - 132px);
    padding-bottom: 8px;
    position: relative;
}

.cp-page[b-lghwkg7mj7]::before {
    content: "";
    position: fixed;
    inset: 70px 0 0 280px;
    pointer-events: none;
    background:
        radial-gradient(720px 280px at 16% -8%, rgba(99, 102, 241, 0.15), transparent 60%),
        radial-gradient(560px 240px at 104% 4%, rgba(236, 72, 153, 0.12), transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
    z-index: 0;
}

.cp-hero[b-lghwkg7mj7] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 22px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(440px 200px at 92% -44%, rgba(255, 255, 255, 0.28), transparent 60%),
        linear-gradient(120deg, #4338ca 0%, #4f46e5 46%, #6366f1 100%);
    box-shadow: 0 28px 60px rgba(67, 56, 202, 0.24);
    overflow: hidden;
}

.cp-hero[b-lghwkg7mj7]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent);
    pointer-events: none;
}

.cp-hero-copy[b-lghwkg7mj7],
.cp-hero-metrics[b-lghwkg7mj7] {
    position: relative;
    z-index: 1;
}

.cp-hero-copy[b-lghwkg7mj7] {
    max-width: 640px;
}

.cp-hero-kicker[b-lghwkg7mj7],
.cp-eyebrow[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cp-hero-kicker[b-lghwkg7mj7] {
    color: rgba(255, 255, 255, 0.78);
}

.cp-eyebrow[b-lghwkg7mj7] {
    color: #6d28d9;
}

.cp-hero h1[b-lghwkg7mj7],
.cp-panel-head h2[b-lghwkg7mj7],
.cp-proof-head h2[b-lghwkg7mj7],
.cp-analysis-head h2[b-lghwkg7mj7] {
    margin: 6px 0 0;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: 0;
}

.cp-hero p[b-lghwkg7mj7] {
    margin: 5px 0 0;
    max-width: 560px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.58;
}

.cp-hero-metrics[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: 12px;
    align-self: stretch;
}

.cp-hero-metric[b-lghwkg7mj7] {
    min-width: 0;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.cp-hero-metric-label[b-lghwkg7mj7],
.cp-hero-metric small[b-lghwkg7mj7] {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.78);
}

.cp-hero-metric strong[b-lghwkg7mj7] {
    display: block;
    margin: 8px 0 4px;
    font-size: 28px;
    font-weight: 800;
}

.cp-mobile-bar[b-lghwkg7mj7] {
    display: none;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.cp-mobile-btn[b-lghwkg7mj7] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    border: 1px solid #ddd6fe;
    border-radius: 12px;
    background: #fff;
    color: #4338ca;
    font-weight: 700;
    font-family: inherit;
}

.cp-workspace[b-lghwkg7mj7] {
    position: relative;
    z-index: 1;
    display: grid;
    /* 3 colunas flexíveis: os lados encolhem até um mínimo pra caberem em telas
       menores sem a coluna da direita (Sua prova) cair pro rodapé. Lados mais
       estreitos pra sobrar espaço pra coluna do meio, que é a principal (06/07). */
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.cp-side[b-lghwkg7mj7] {
    min-width: 0;
}

.cp-panel[b-lghwkg7mj7] {
    border: 1px solid rgba(139, 92, 246, 0.16);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(18px);
    box-shadow:
        0 18px 38px rgba(51, 65, 85, 0.08),
        0 2px 0 rgba(255, 255, 255, 0.46) inset;
}

.cp-filter-panel[b-lghwkg7mj7],
.cp-proof-panel[b-lghwkg7mj7] {
    position: sticky;
    top: 86px;
    max-height: calc(100vh - 112px);
    overflow: auto;
}

.cp-panel-head[b-lghwkg7mj7],
.cp-proof-head[b-lghwkg7mj7],
.cp-analysis-head[b-lghwkg7mj7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 14px;
    padding: 20px 20px 18px;
    border-bottom: 1px solid rgba(139, 92, 246, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.08));
}

.cp-panel-head h2[b-lghwkg7mj7],
.cp-proof-head h2[b-lghwkg7mj7],
.cp-analysis-head h2[b-lghwkg7mj7] {
    font-size: 22px;
    color: #0f172a;
}

.cp-head-badge[b-lghwkg7mj7],
.cp-proof-badge[b-lghwkg7mj7],
.cp-status-badge[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5f3ff, #eef2ff);
    color: #5b21b6;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.cp-status-badge.is-green[b-lghwkg7mj7] {
    background: #ecfdf5;
    color: #047857;
}

.cp-section[b-lghwkg7mj7] {
    padding: 0 20px 18px;
}

.cp-section + .cp-section[b-lghwkg7mj7] {
    padding-top: 16px;
    border-top: 1px solid rgba(139, 92, 246, 0.08);
}

.cp-field label[b-lghwkg7mj7] {
    display: block;
    margin: 0 0 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.cp-field-line[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cp-soft-label[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.cp-two-col[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cp-select[b-lghwkg7mj7],
.cp-input[b-lghwkg7mj7] {
    width: 100%;
    min-width: 0;
    height: 46px;
    border: 1.6px solid #b4a3e6;
    border-radius: 12px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.96);
    color: #0f172a;
    font-size: 14px;
    font-family: inherit;
    box-shadow: 0 1px 2px rgba(79, 70, 229, 0.08), inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cp-select:focus[b-lghwkg7mj7],
.cp-input:focus[b-lghwkg7mj7] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12), 0 10px 20px rgba(99, 102, 241, 0.08);
}

.cp-chip-row[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cp-chip-row-tight .cp-chip[b-lghwkg7mj7] {
    min-width: 52px;
    justify-content: center;
}

.cp-chip[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #ddd6fe;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    transition: all 0.2s ease;
}

.cp-chip:hover[b-lghwkg7mj7],
.cp-type-card:hover[b-lghwkg7mj7],
.cp-btn:hover[b-lghwkg7mj7],
.cp-icon-btn:hover[b-lghwkg7mj7],
.cp-toggle-raiox:hover[b-lghwkg7mj7] {
    transform: translateY(-1px);
}

.cp-chip.is-on[b-lghwkg7mj7] {
    border-color: transparent;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    box-shadow: 0 12px 22px rgba(99, 102, 241, 0.26);
}

.cp-hint[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.cp-bncc-strip[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
    padding-right: 2px;
}

.cp-bncc-chip[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 9px 10px;
    border: 1px solid #dbe3f0;
    border-radius: 12px;
    background: #fff;
    color: #334155;
    text-align: left;
    font-family: inherit;
    transition: all 0.16s ease;
}

.cp-bncc-chip strong[b-lghwkg7mj7] {
    color: #4338ca;
    font-size: 12px;
    font-weight: 850;
}

.cp-bncc-chip span[b-lghwkg7mj7] {
    min-width: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

.cp-bncc-chip:hover[b-lghwkg7mj7] {
    border-color: #a5b4fc;
    transform: translateY(-1px);
}

.cp-bncc-chip.is-on[b-lghwkg7mj7] {
    border-color: #4f46e5;
    background: #eef2ff;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.12);
}

.cp-type-grid[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.cp-type-card[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
    min-height: 130px;
    padding: 15px 14px;
    border: 1px solid #ddd6fe;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    color: #1f2937;
    text-align: left;
    font-family: inherit;
    transition: all 0.2s ease;
}

.cp-type-card strong[b-lghwkg7mj7] {
    font-size: 14px;
}

.cp-type-card small[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.cp-type-card.is-on[b-lghwkg7mj7] {
    border-color: #8b5cf6;
    background: linear-gradient(180deg, rgba(238, 242, 255, 0.98), rgba(252, 244, 255, 0.98));
    box-shadow: 0 14px 28px rgba(99, 102, 241, 0.16);
}

.cp-type-icon[b-lghwkg7mj7] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 18px;
}

.cp-segment[b-lghwkg7mj7] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
    background: #f5f3ff;
}

.cp-segment button[b-lghwkg7mj7] {
    min-width: 88px;
    height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    font-weight: 700;
    font-family: inherit;
}

.cp-segment button.is-on[b-lghwkg7mj7] {
    background: #fff;
    color: #111827;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.12);
}

.cp-panel-actions[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 6px 20px 20px;
}

.cp-btn[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    font-family: inherit;
    transition: all 0.2s ease;
}

.cp-btn:disabled[b-lghwkg7mj7] {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
}

.cp-btn-primary[b-lghwkg7mj7] {
    border: 0;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    box-shadow: 0 12px 26px rgba(99, 102, 241, 0.24);
}

.cp-btn-secondary[b-lghwkg7mj7],
.cp-btn-ghost[b-lghwkg7mj7],
.cp-btn-ghost-solid[b-lghwkg7mj7],
.cp-btn-add.is-done[b-lghwkg7mj7],
.cp-icon-btn[b-lghwkg7mj7],
.cp-toggle-raiox[b-lghwkg7mj7] {
    border: 1px solid #ddd6fe;
    background: rgba(255, 255, 255, 0.9);
    color: #4338ca;
}

.cp-btn-add[b-lghwkg7mj7] {
    border: 0;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
}

.cp-btn-add.is-done[b-lghwkg7mj7] {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.cp-inline-note[b-lghwkg7mj7] {
    padding: 10px 12px;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.cp-feed-panel[b-lghwkg7mj7] {
    min-height: calc(100vh - 112px);
    padding-bottom: 14px;
}

.cp-panel-head-feed[b-lghwkg7mj7] {
    border-bottom: 0;
    padding-bottom: 12px;
    position: sticky;
    top: 0;
    z-index: 3;
    backdrop-filter: blur(18px);
    border-radius: 22px 22px 0 0;
}

.cp-context-pills[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 8px;
}

.cp-context-pill[b-lghwkg7mj7] {
    padding: 7px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 12px;
    font-weight: 700;
}

.cp-feed-stats[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 20px 18px;
}

.cp-feed-stat[b-lghwkg7mj7] {
    padding: 14px 16px;
    border: 1px solid #ede9fe;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(250, 249, 255, 0.94));
}

.cp-feed-stat span[b-lghwkg7mj7],
.cp-feed-stat small[b-lghwkg7mj7] {
    display: block;
}

.cp-feed-stat span[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.cp-feed-stat strong[b-lghwkg7mj7] {
    display: block;
    margin: 8px 0 4px;
    color: #0f172a;
    font-size: 26px;
    font-weight: 800;
}

.cp-feed-stat small[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 12px;
}

.cp-empty-state[b-lghwkg7mj7] {
    margin: 0 20px 4px;
    padding: 44px 24px;
    border: 1px dashed #c4b5fd;
    border-radius: 18px;
    background: linear-gradient(180deg, #faf9ff, #ffffff);
    text-align: center;
}

.cp-empty-icon[b-lghwkg7mj7] {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 28px;
}

.cp-empty-state h3[b-lghwkg7mj7] {
    margin: 0;
    color: #0f172a;
    font-size: 21px;
    font-weight: 800;
}

.cp-empty-state p[b-lghwkg7mj7] {
    max-width: 620px;
    margin: 10px auto 0;
    color: #64748b;
    line-height: 1.65;
}

.cp-result-group[b-lghwkg7mj7] {
    padding: 4px 20px 0;
}

.cp-result-head[b-lghwkg7mj7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.cp-result-head h3[b-lghwkg7mj7] {
    margin: 0;
    color: #0f172a;
    font-size: 19px;
    font-weight: 800;
}

.cp-result-head p[b-lghwkg7mj7] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

.cp-message[b-lghwkg7mj7] {
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.55;
}

.cp-message-warn[b-lghwkg7mj7] {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.cp-message-note[b-lghwkg7mj7] {
    border: 1px solid #ddd6fe;
    background: #f5f3ff;
    color: #5b21b6;
}

.cp-message-success[b-lghwkg7mj7] {
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.cp-question-card[b-lghwkg7mj7] {
    position: relative;
    padding: 18px;
    border: 1px solid #e9e4fb;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 24px rgba(51, 65, 85, 0.05);
    overflow: hidden;
}

.cp-question-card[b-lghwkg7mj7]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
}

.cp-question-card + .cp-question-card[b-lghwkg7mj7] {
    margin-top: 12px;
}

.cp-question-card.is-ai[b-lghwkg7mj7] {
    background: linear-gradient(180deg, #fcfbff, #ffffff);
}

.cp-card-top[b-lghwkg7mj7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.cp-tag-list[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.cp-tag[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.cp-tag.is-materia[b-lghwkg7mj7] {
    background: #eef2ff;
    color: #4338ca;
}

.cp-tag.is-assunto[b-lghwkg7mj7] {
    background: #f5f3ff;
    color: #7c3aed;
}

.cp-tag.is-bncc[b-lghwkg7mj7] {
    background: #ecfeff;
    color: #0f766e;
}

.cp-tag.is-bloom[b-lghwkg7mj7] {
    background: #fef3c7;
    color: #92400e;
}

.cp-tag.is-dif[b-lghwkg7mj7] {
    background: #f8fafc;
    color: #475569;
}

.cp-tag.is-approved[b-lghwkg7mj7] {
    background: #ecfdf5;
    color: #047857;
}

.cp-tag.is-origin[b-lghwkg7mj7] {
    background: #e2e8f0;
    color: #334155;
}

.cp-tag.is-origin-ai[b-lghwkg7mj7] {
    background: #fee2e2;
    color: #991b1b;
}

.cp-tag.is-origin-pinecone[b-lghwkg7mj7] {
    background: #e0f2fe;
    color: #075985;
}

.cp-tag.is-reproved[b-lghwkg7mj7] {
    background: #fff7ed;
    color: #c2410c;
}

.cp-question-text[b-lghwkg7mj7] {
    margin: 14px 0 0;
    color: #0f172a;
    font-size: 12.75px; /* 15px - 15% (fundador 05/07: letra grande demais nos cards) */
    line-height: 1.65;
    white-space: pre-wrap;
}

.cp-alt-list[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.cp-alt-list li[b-lghwkg7mj7] {
    display: flex;
    align-items: start;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid #ebe7fc;
    border-radius: 12px;
    background: #fcfcff;
}

.cp-alt-list li.is-ok[b-lghwkg7mj7] {
    border-color: #a7f3d0;
    background: #f0fdf9;
}

.cp-alt-letter[b-lghwkg7mj7] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.cp-alt-list li.is-ok .cp-alt-letter[b-lghwkg7mj7] {
    background: linear-gradient(135deg, #10b981, #14b8a6);
    color: #fff;
}

.cp-alt-check[b-lghwkg7mj7] {
    margin-left: auto;
    color: #10b981;
    font-size: 16px;
    flex-shrink: 0;
}

.cp-answer-box[b-lghwkg7mj7],
.cp-expand-box[b-lghwkg7mj7] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #ede9fe;
    border-radius: 12px;
    background: #faf9ff;
}

.cp-answer-box strong[b-lghwkg7mj7],
.cp-expand-row strong[b-lghwkg7mj7] {
    color: #5b21b6;
}

.cp-answer-box p[b-lghwkg7mj7] {
    margin: 8px 0 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.6;
}

.cp-expand-row[b-lghwkg7mj7] {
    display: flex;
    gap: 8px;
    color: #475569;
    font-size: 13px;
    line-height: 1.55;
}

.cp-expand-row + .cp-expand-row[b-lghwkg7mj7] {
    margin-top: 8px;
}

.cp-expand-row.is-ok[b-lghwkg7mj7] {
    color: #047857;
}

.cp-card-actions[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f1eff9;
}

.cp-icon-btn[b-lghwkg7mj7] {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 16px;
}

.cp-ai-note[b-lghwkg7mj7] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    padding: 12px 13px;
    border-radius: 12px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 13px;
    line-height: 1.55;
}

.cp-ai-note.is-warn[b-lghwkg7mj7] {
    background: #fff7ed;
    color: #9a3412;
}

/* Tags da questão no rodapé do card (fundador 05/07). */
.cp-card-tags[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.cp-card-tag[b-lghwkg7mj7] {
    padding: 3px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    font-size: .68rem;
    font-weight: 700;
}

.cp-proof-body[b-lghwkg7mj7],
.cp-proof-footer[b-lghwkg7mj7] {
    padding: 18px 20px;
}

.cp-proof-body[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(248, 250, 252, 0.26));
}

.cp-proof-empty[b-lghwkg7mj7] {
    padding: 30px 18px;
    border: 1px dashed #d8d3f4;
    border-radius: 16px;
    background: #faf9ff;
    text-align: center;
}

.cp-proof-empty i[b-lghwkg7mj7] {
    display: block;
    margin-bottom: 12px;
    color: #8b5cf6;
    font-size: 28px;
}

.cp-proof-empty h3[b-lghwkg7mj7] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
}

.cp-proof-empty p[b-lghwkg7mj7] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.cp-proof-list[b-lghwkg7mj7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 480px;
    overflow: auto;
    padding-right: 2px;
}

.cp-proof-item[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid #ede9fe;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
}

.cp-proof-number[b-lghwkg7mj7] {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 12px;
    font-weight: 800;
}

.cp-proof-text p[b-lghwkg7mj7] {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.45;
}

.cp-proof-text small[b-lghwkg7mj7] {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 12px;
}

.cp-proof-footer[b-lghwkg7mj7] {
    border-top: 1px solid #ede9fe;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(250, 249, 255, 0.98));
}

.cp-proof-totals[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cp-proof-totals div[b-lghwkg7mj7] {
    padding: 12px 14px;
    border: 1px solid #ede9fe;
    border-radius: 12px;
    background: #fff;
}

.cp-proof-totals span[b-lghwkg7mj7] {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.cp-proof-totals strong[b-lghwkg7mj7] {
    display: block;
    margin-top: 6px;
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
}

.cp-proof-actions[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.cp-toggle-raiox[b-lghwkg7mj7] {
    width: 100%;
    min-height: 44px;
    margin-top: 12px;
    border-radius: 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
}

.cp-analysis-panel[b-lghwkg7mj7] {
    position: relative;
    z-index: 1;
    padding: 0 0 20px;
}

.cp-analysis-grid[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 0 20px;
}

.cp-analysis-card[b-lghwkg7mj7] {
    padding: 18px;
    border: 1px solid #ede9fe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
}

.cp-analysis-card h3[b-lghwkg7mj7],
.cp-analysis-bncc h3[b-lghwkg7mj7] {
    margin: 0 0 12px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.cp-bar-row[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 24px;
    gap: 10px;
    align-items: center;
}

.cp-bar-row + .cp-bar-row[b-lghwkg7mj7] {
    margin-top: 10px;
}

.cp-bar-label[b-lghwkg7mj7],
.cp-bar-value[b-lghwkg7mj7] {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.cp-bar-track[b-lghwkg7mj7] {
    height: 10px;
    border-radius: 999px;
    background: #ede9fe;
    overflow: hidden;
}

.cp-bar-fill[b-lghwkg7mj7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    transition: width 0.3s ease;
}

.cp-w-0[b-lghwkg7mj7] { width: 0; }
.cp-w-10[b-lghwkg7mj7] { width: 10%; }
.cp-w-20[b-lghwkg7mj7] { width: 20%; }
.cp-w-30[b-lghwkg7mj7] { width: 30%; }
.cp-w-40[b-lghwkg7mj7] { width: 40%; }
.cp-w-50[b-lghwkg7mj7] { width: 50%; }
.cp-w-60[b-lghwkg7mj7] { width: 60%; }
.cp-w-70[b-lghwkg7mj7] { width: 70%; }
.cp-w-80[b-lghwkg7mj7] { width: 80%; }
.cp-w-90[b-lghwkg7mj7] { width: 90%; }
.cp-w-100[b-lghwkg7mj7] { width: 100%; }

.cp-analysis-bncc[b-lghwkg7mj7] {
    margin: 16px 20px 0;
    padding: 18px;
    border: 1px solid #ede9fe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
}

.cp-analysis-empty[b-lghwkg7mj7] {
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
}

.cp-filter-panel[b-lghwkg7mj7]::-webkit-scrollbar,
.cp-proof-panel[b-lghwkg7mj7]::-webkit-scrollbar,
.cp-proof-list[b-lghwkg7mj7]::-webkit-scrollbar {
    width: 10px;
}

.cp-filter-panel[b-lghwkg7mj7]::-webkit-scrollbar-track,
.cp-proof-panel[b-lghwkg7mj7]::-webkit-scrollbar-track,
.cp-proof-list[b-lghwkg7mj7]::-webkit-scrollbar-track {
    background: rgba(237, 233, 254, 0.45);
    border-radius: 999px;
}

.cp-filter-panel[b-lghwkg7mj7]::-webkit-scrollbar-thumb,
.cp-proof-panel[b-lghwkg7mj7]::-webkit-scrollbar-thumb,
.cp-proof-list[b-lghwkg7mj7]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #8b5cf6, #6366f1);
    border-radius: 999px;
}

@media (max-width: 1023px) {
    .cp-workspace[b-lghwkg7mj7] {
        grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.3fr);
    }

    .cp-side-right[b-lghwkg7mj7] {
        grid-column: 1 / -1;
    }

    .cp-proof-panel[b-lghwkg7mj7] {
        position: static;
        max-height: none;
    }

    .cp-analysis-grid[b-lghwkg7mj7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1040px) {
    .cp-page[b-lghwkg7mj7]::before {
        inset: 70px 0 0 86px;
    }
}

@media (max-width: 980px) {
    .cp-page[b-lghwkg7mj7]::before {
        inset: 70px 0 0 0;
    }

    .cp-hero[b-lghwkg7mj7] {
        flex-direction: column;
    }

    .cp-hero-metrics[b-lghwkg7mj7] {
        grid-template-columns: 1fr;
    }

    .cp-mobile-bar[b-lghwkg7mj7] {
        display: flex;
    }

    .cp-workspace[b-lghwkg7mj7] {
        grid-template-columns: 1fr;
    }

    .cp-side-left[b-lghwkg7mj7],
    .cp-side-right[b-lghwkg7mj7] {
        display: none;
    }

    .cp-side-left.is-open[b-lghwkg7mj7],
    .cp-side-right.is-open[b-lghwkg7mj7] {
        display: block;
    }

    .cp-filter-panel[b-lghwkg7mj7],
    .cp-proof-panel[b-lghwkg7mj7] {
        position: static;
        max-height: none;
    }

    .cp-two-col[b-lghwkg7mj7],
    .cp-type-grid[b-lghwkg7mj7],
    .cp-feed-stats[b-lghwkg7mj7],
    .cp-proof-actions[b-lghwkg7mj7],
    .cp-proof-totals[b-lghwkg7mj7] {
        grid-template-columns: 1fr;
    }

    .cp-result-head[b-lghwkg7mj7],
    .cp-panel-head[b-lghwkg7mj7],
    .cp-proof-head[b-lghwkg7mj7],
    .cp-analysis-head[b-lghwkg7mj7],
    .cp-panel-head-feed[b-lghwkg7mj7] {
        flex-direction: column;
    }

    .cp-context-pills[b-lghwkg7mj7] {
        justify-content: start;
    }
}

/* ==================== Raio-X da questao (modal) ==================== */
.cp-rx-overlay[b-lghwkg7mj7] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(4px);
    animation: cpRxFade-b-lghwkg7mj7 .18s ease both;
}

@keyframes cpRxFade-b-lghwkg7mj7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.cp-rx-modal[b-lghwkg7mj7] {
    width: min(760px, 100%);
    max-height: 88vh;
    overflow-y: auto;
    padding: 24px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 34px 80px rgba(15, 23, 42, .45);
    animation: cpRxSubir-b-lghwkg7mj7 .22s ease both;
}

@keyframes cpRxSubir-b-lghwkg7mj7 {
    from { opacity: 0; transform: translateY(16px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.cp-rx-head[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.cp-rx-head h2[b-lghwkg7mj7] {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 900;
}

.cp-rx-enunciado[b-lghwkg7mj7] {
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    font-size: .92rem;
    line-height: 1.55;
}

.cp-rx-badges[b-lghwkg7mj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
}

.cp-rx-grid[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.cp-rx-item[b-lghwkg7mj7] {
    padding: 10px 13px;
    border-radius: 11px;
    border: 1px solid #eef2f7;
    background: #fff;
    display: grid;
    gap: 2px;
}

.cp-rx-item span[b-lghwkg7mj7] {
    color: #94a3b8;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.cp-rx-item strong[b-lghwkg7mj7] {
    color: #0f172a;
    font-size: .86rem;
    font-weight: 800;
}

.cp-rx-bloco[b-lghwkg7mj7] {
    margin-bottom: 12px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #f5f3ff;
    border: 1px solid #ede9fe;
}

.cp-rx-bloco > span[b-lghwkg7mj7] {
    display: block;
    margin-bottom: 5px;
    color: #6d28d9;
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.cp-rx-bloco p[b-lghwkg7mj7] {
    margin: 0;
    color: #334155;
    font-size: .88rem;
    line-height: 1.5;
}

.cp-rx-alt[b-lghwkg7mj7] {
    margin-top: 8px;
    padding: 10px 13px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.cp-rx-alt.correta[b-lghwkg7mj7] {
    border-color: #a7f3d0;
    background: #ecfdf5;
}

.cp-rx-alt-txt[b-lghwkg7mj7] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #1e293b;
    font-size: .88rem;
}

.cp-rx-alt.correta .cp-rx-alt-txt i[b-lghwkg7mj7] { color: #059669; margin-top: 2px; }

.cp-rx-alt small[b-lghwkg7mj7] {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: .78rem;
}

/* ===== BNCC rápido (auto-preenche série+matéria) ===== */
.cp-bncc-rapido[b-lghwkg7mj7] {
    display: flex;
    gap: 8px;
}

.cp-bncc-rapido .cp-input[b-lghwkg7mj7] {
    flex: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
}

.cp-bncc-rapido .cp-chip[b-lghwkg7mj7] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ===== prova montada: reordenar + pontuar ===== */
.cp-proof-move[b-lghwkg7mj7] {
    display: grid;
    justify-items: center;
    gap: 1px;
}

.cp-move-btn[b-lghwkg7mj7] {
    width: 22px;
    height: 16px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #94a3b8;
    font-size: .7rem;
    transition: color .12s ease, background-color .12s ease;
}

.cp-move-btn:hover:not(:disabled)[b-lghwkg7mj7] { color: #4f46e5; background: #eef2ff; }
.cp-move-btn:disabled[b-lghwkg7mj7] { opacity: .25; }

.cp-proof-valor[b-lghwkg7mj7] {
    width: 58px;
    height: 34px;
    padding: 0 6px;
    border: 2px solid #e2e8f0;
    border-radius: 9px;
    text-align: center;
    font: inherit;
    font-weight: 800;
    color: #0f172a;
    outline: none;
}

.cp-proof-valor:focus[b-lghwkg7mj7] { border-color: #7c3aed; }

/* ===== toggle "só com imagem" ===== */
.cp-switch-img[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 13px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    color: #64748b;
    font-size: .84rem;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

/* checkbox nativo vira TOGGLE deslizante (trilho + bolinha) */
.cp-switch-img input[b-lghwkg7mj7] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: none;
    width: 38px;
    height: 21px;
    margin: 0;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: background-color .18s ease;
}
.cp-switch-img input[b-lghwkg7mj7]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .28);
    transition: transform .18s ease;
}
.cp-switch-img i[b-lghwkg7mj7] { font-size: 1rem; line-height: 1; }
.cp-switch-img.is-on[b-lghwkg7mj7] { border-color: #c4b5fd; background: #f5f3ff; color: #6d28d9; }
.cp-switch-img.is-on input[b-lghwkg7mj7] { background: #7c3aed; }
.cp-switch-img.is-on input[b-lghwkg7mj7]::before { transform: translateX(17px); }

/* ===== slider de dificuldade ===== */
.cp-dif-slider[b-lghwkg7mj7] {
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    gap: 10px;
}

.cp-dif-emoji[b-lghwkg7mj7] { font-size: 1.35rem; text-align: center; }

.cp-dif-slider input[type="range"][b-lghwkg7mj7] {
    width: 100%;
    accent-color: #7c3aed;
    cursor: pointer;
}

.cp-dif-marcas[b-lghwkg7mj7] {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: .68rem;
    font-weight: 800;
}

/* chips com miniatura (matéria/tema/assunto — paridade com o combo do site atual) */
.cp-chip-img[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.cp-chip-img img[b-lghwkg7mj7] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    object-fit: cover;
}

/* ===== combo BNCC com lista e ícones ===== */
.cp-bncc-combo[b-lghwkg7mj7] { position: relative; }

.cp-bncc-campo[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cp-bncc-campo > i[b-lghwkg7mj7] { color: #7c3aed; }
.cp-bncc-campo input[b-lghwkg7mj7] { flex: 1; min-width: 0; }

.cp-bncc-lista[b-lghwkg7mj7] {
    position: absolute;
    inset: calc(100% + 6px) 0 auto 0;
    z-index: 35;
    max-height: 340px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
}

.cp-bncc-item[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    transition: background-color .12s ease;
}

.cp-bncc-item:hover[b-lghwkg7mj7] { background: #f5f3ff; }

.cp-bncc-item img[b-lghwkg7mj7],
.cp-bncc-ph[b-lghwkg7mj7] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    object-fit: cover;
}

.cp-bncc-ph[b-lghwkg7mj7] {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #eef2ff, #f5f3ff);
    color: #7c3aed;
}

.cp-bncc-textos[b-lghwkg7mj7] { flex: 1; min-width: 0; display: grid; }
.cp-bncc-textos strong[b-lghwkg7mj7] { color: #0f172a; font-size: .84rem; }
.cp-bncc-textos small[b-lghwkg7mj7] {
    color: #64748b;
    font-size: .72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-bncc-item em[b-lghwkg7mj7] {
    flex: 0 0 auto;
    font-style: normal;
    font-size: .7rem;
    font-weight: 900;
    padding: 3px 8px;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
}

/* ===== Filtros Avançados retrátil ===== */
.cp-avancados[b-lghwkg7mj7] {
    border: 1px dashed #c4b5fd;
    border-radius: 12px;
    background: #faf9ff;
}

.cp-avancados summary[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    cursor: pointer;
    list-style: none;
    color: #6d28d9;
    font-size: .84rem;
    font-weight: 900;
}

.cp-avancados summary[b-lghwkg7mj7]::-webkit-details-marker { display: none; }

.cp-avancados summary em[b-lghwkg7mj7] {
    margin-left: auto;
    font-style: normal;
    font-size: .7rem;
    font-weight: 800;
    padding: 2px 9px;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
}

.cp-avancados-seta[b-lghwkg7mj7] { transition: transform .18s ease; }
.cp-avancados[open] .cp-avancados-seta[b-lghwkg7mj7] { transform: rotate(180deg); }

.cp-avancados-corpo[b-lghwkg7mj7] { padding: 4px 14px 14px; }

/* ordenar do feed */
.cp-result-tools[b-lghwkg7mj7] { display: flex; align-items: center; gap: 10px; }
.cp-ordenar[b-lghwkg7mj7] {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    font: inherit;
    font-size: .8rem;
    font-weight: 700;
    color: #334155;
}

/* ===== paridade 03/07: loading em etapas, chips ativos, favoritas, cota, olho ===== */
.cp-loading-steps[b-lghwkg7mj7] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border: 1px dashed #c4b5fd;
    border-radius: 14px;
    background: #faf9ff;
    margin-bottom: 14px;
}

.cp-step[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border-radius: 999px;
    background: #eef2f7;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 800;
}

.cp-step.on[b-lghwkg7mj7] { background: linear-gradient(135deg, #3b82f6, #7c3aed); color: #fff; animation: cpPulse-b-lghwkg7mj7 1.2s ease infinite; }
.cp-step.done[b-lghwkg7mj7] { background: #dcfce7; color: #15803d; animation: none; }

@keyframes cpPulse-b-lghwkg7mj7 { 0%,100% { opacity: 1; } 50% { opacity: .65; } }

.cp-cancelar[b-lghwkg7mj7] { margin-left: auto; }

.cp-chips-ativos[b-lghwkg7mj7] { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

.cp-chips-ativos em[b-lghwkg7mj7] {
    padding: 3px 10px;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
    font-size: .7rem;
    font-style: normal;
    font-weight: 800;
}

/* Badges dos filtros ativos no topo do feed (fundador 05/07: era texto solto). */
.cp-badge-filtro[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.5;
    white-space: nowrap;
}

.cp-badge-filtro.is-tema[b-lghwkg7mj7] { background: #dbeafe; color: #1d4ed8; border-color: #bfdbfe; }
.cp-badge-filtro.is-bncc[b-lghwkg7mj7] { background: #fce7f3; color: #a21caf; border-color: #fbcfe8; }
.cp-badge-filtro.is-dif[b-lghwkg7mj7] { background: #fef3c7; color: #b45309; border-color: #fde68a; }

.cp-empty-acoes[b-lghwkg7mj7] { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 10px; }

.cp-fav[b-lghwkg7mj7] { color: #94a3b8; }
.cp-fav.is-fav[b-lghwkg7mj7] { color: #f59e0b; }

.cp-btn-limpar[b-lghwkg7mj7] { width: 100%; justify-content: center; }

.cp-olho-certa[b-lghwkg7mj7] {
    margin-left: 8px;
    font-style: normal;
    font-size: .72rem;
    font-weight: 900;
    color: #15803d;
}

.cp-olho-modelo[b-lghwkg7mj7] { background: #fefce8; border: 1px solid #fde68a; border-radius: 12px; padding: 12px; }

.cp-cota-modal[b-lghwkg7mj7] { text-align: center; padding: 26px; max-width: 460px; }

.cp-cota-icone[b-lghwkg7mj7] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
    border-radius: 18px;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: #fff;
    font-size: 1.5rem;
}

.cp-cota-modal h2[b-lghwkg7mj7] { margin: 0 0 8px; font-size: 1.15rem; color: #0f172a; }
.cp-cota-modal p[b-lghwkg7mj7] { color: #475569; font-size: .88rem; line-height: 1.5; }
.cp-cota-acoes[b-lghwkg7mj7] { display: flex; gap: 10px; justify-content: center; margin-top: 14px; }

/* chips BNCC múltiplos */
.cp-bncc-chips[b-lghwkg7mj7] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }

.cp-bncc-chips span[b-lghwkg7mj7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.cp-bncc-chips button[b-lghwkg7mj7] {
    border: 0;
    background: rgba(255,255,255,.25);
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    font-size: .6rem;
}

/* ===== ajustes de espaco (pedido 03/07) ===== */
.cp-qtd-valor[b-lghwkg7mj7] { color: #4338ca; font-weight: 800; font-size: 12px; }
.cp-slider[b-lghwkg7mj7] { width: 100%; accent-color: #6366f1; height: 26px; cursor: pointer; }

.cp-type-row[b-lghwkg7mj7] { display: flex; gap: 6px; }
.cp-type-mini[b-lghwkg7mj7] {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 8px 10px; border-radius: 10px; border: 1px solid #e2e8f0;
    background: #fff; color: #475569; font-weight: 700; font-size: 12px; cursor: pointer;
}
.cp-type-mini i[b-lghwkg7mj7] { font-size: 14px; }
.cp-type-mini.is-on[b-lghwkg7mj7] { background: #eef2ff; border-color: #6366f1; color: #4338ca; }

/* coluna "Sua prova" ancorada: acompanha a rolagem, botoes sempre a vista */
.cp-proof-panel[b-lghwkg7mj7] {
    position: sticky;
    top: 56px;
    align-self: flex-start;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
}
/* Painel "Sua prova" estreito (fundador 06/07): abas (Sua prova / Raio-X) EM CIMA
   e o botão "Salvar e imprimir" EMBAIXO em largura cheia — assim a coluna da
   direita pode ser bem mais fina, sobrando espaço pra coluna do meio. */
.cp-proof-actions-top[b-lghwkg7mj7] { display: flex; gap: 8px; width: 100%; margin-top: 10px; }
.cp-proof-actions-top .cp-btn[b-lghwkg7mj7] { flex: 1; justify-content: center; }
.cp-proof-head[b-lghwkg7mj7] { flex-wrap: wrap; }
.cp-dir-tabs[b-lghwkg7mj7] { width: 100%; }

/* contador vivo da geração em segundo plano */
.cp-gerando-vivo[b-lghwkg7mj7] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 10px 14px; border-radius: 12px;
    background: linear-gradient(135deg, #eef2ff, #f5f3ff);
    border: 1px solid #c7d2fe; color: #4338ca; font-size: 13px;
}
.cp-gerando-vivo strong[b-lghwkg7mj7] { font-size: 15px; }
.cp-gerando-vivo button[b-lghwkg7mj7] {
    margin-left: auto; padding: 5px 12px; border-radius: 8px;
    border: 1px solid #c7d2fe; background: #fff; color: #4338ca;
    font-weight: 700; font-size: 12px; cursor: pointer;
}

/* ===== mini-cards de origem numa linha só ===== */
.cp-feed-stats-mini[b-lghwkg7mj7] { display: flex !important; gap: 8px; grid-template-columns: none !important; }
.cp-feed-stats-mini .cp-feed-stat[b-lghwkg7mj7] {
    flex: 1; display: flex; flex-direction: row; align-items: baseline; gap: 8px;
    padding: 6px 12px !important; border-radius: 10px;
}
.cp-feed-stats-mini .cp-feed-stat span[b-lghwkg7mj7] { font-size: 11px; }
.cp-feed-stats-mini .cp-feed-stat strong[b-lghwkg7mj7] { font-size: 17px; }

/* ===== compactação geral ~20% (pedido do fundador 03/07) ===== */
.cp-input[b-lghwkg7mj7], .cp-select[b-lghwkg7mj7] { padding: 7px 10px !important; font-size: 13px !important; }
.cp-field label[b-lghwkg7mj7] { font-size: 12px !important; }
.cp-field[b-lghwkg7mj7] { gap: 4px !important; }
.cp-section[b-lghwkg7mj7] { padding: 10px 12px !important; }
.cp-chip[b-lghwkg7mj7] { padding: 5px 10px !important; font-size: 12px !important; }
.cp-bncc-chip[b-lghwkg7mj7] { padding: 5px 9px !important; font-size: 11px !important; }
.cp-bncc-campo input[b-lghwkg7mj7] { padding: 7px 10px !important; font-size: 13px !important; }
.cp-type-mini[b-lghwkg7mj7] { padding: 6px 8px !important; font-size: 11px !important; }
.cp-switch-img[b-lghwkg7mj7] { padding: 6px 10px !important; font-size: 12px !important; }
.cp-slider[b-lghwkg7mj7] { height: 20px !important; }
.cp-btn[b-lghwkg7mj7] { padding: 8px 14px !important; font-size: 13px !important; }

/* SeletorEntidade dentro da tela (componente filho precisa de ::deep) */
[b-lghwkg7mj7] .se-campo { min-height: 34px !important; padding: 3px 8px !important; }
[b-lghwkg7mj7] .se-campo input { font-size: 13px !important; }
[b-lghwkg7mj7] .se-thumb { width: 24px !important; height: 24px !important; }
[b-lghwkg7mj7] .se-nome { font-size: 13px !important; }
[b-lghwkg7mj7] .se-item { padding: 5px 8px !important; }
[b-lghwkg7mj7] .se-item-nome { font-size: 13px !important; }

/* ===== rodada 2 de compactação (menos 10% na vertical) + cabeçalho slim azul ===== */
.cp-panel-head-slim[b-lghwkg7mj7] { margin: 0 0 6px !important; padding: 0 !important; min-height: 0 !important; }
.cp-eyebrow-azul[b-lghwkg7mj7] { color: #2563eb !important; font-size: 13px !important; font-weight: 800; }

.cp-filter-panel[b-lghwkg7mj7] { padding-top: 10px !important; }
.cp-input[b-lghwkg7mj7], .cp-select[b-lghwkg7mj7] { padding-top: 5px !important; padding-bottom: 5px !important; }
.cp-section[b-lghwkg7mj7] { padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 6px !important; }
.cp-field[b-lghwkg7mj7] { gap: 3px !important; }
.cp-chip[b-lghwkg7mj7] { padding-top: 4px !important; padding-bottom: 4px !important; }
.cp-bncc-campo input[b-lghwkg7mj7] { padding-top: 5px !important; padding-bottom: 5px !important; }
.cp-type-mini[b-lghwkg7mj7] { padding-top: 5px !important; padding-bottom: 5px !important; }
.cp-switch-img[b-lghwkg7mj7] { padding-top: 5px !important; padding-bottom: 5px !important; }
.cp-btn[b-lghwkg7mj7] { padding-top: 7px !important; padding-bottom: 7px !important; }

[b-lghwkg7mj7] .se-campo { min-height: 30px !important; padding-top: 2px !important; padding-bottom: 2px !important; }
[b-lghwkg7mj7] .se-thumb { width: 22px !important; height: 22px !important; }

/* borda mais forte + leve sombra nos CAMPOS de preenchimento pra ficar claro onde clicar (fundador 06/07) */
[b-lghwkg7mj7] .se-campo { border-width: 1.6px !important; border-color: #b4a3e6 !important; box-shadow: 0 1px 2px rgba(79, 70, 229, 0.08); }

/* ===== aperta Quantidade / Tipo de questão / Dificuldade (fundador 07/07) =====
   só os controles desses três blocos: mantém os seletores (série/matéria…) intactos. */
.cp-qtd-valor[b-lghwkg7mj7] { font-size: 11px; }
.cp-slider[b-lghwkg7mj7] { height: 14px !important; }

.cp-type-row[b-lghwkg7mj7] { gap: 5px !important; }
.cp-type-mini[b-lghwkg7mj7] { padding: 4px 6px !important; font-size: 10.5px !important; gap: 4px !important; border-radius: 8px !important; }
.cp-type-mini i[b-lghwkg7mj7] { font-size: 12px !important; }

.cp-dif-slider[b-lghwkg7mj7] { grid-template-columns: 22px minmax(0, 1fr) !important; gap: 6px !important; min-width: 0 !important; max-width: 100% !important; }
.cp-dif-slider input[type="range"][b-lghwkg7mj7] { min-width: 0 !important; width: 100% !important; }
.cp-dif-emoji[b-lghwkg7mj7] { font-size: 1.05rem !important; }
.cp-dif-marcas[b-lghwkg7mj7] { font-size: .55rem !important; min-width: 0 !important; gap: 2px; }
.cp-dif-marcas span[b-lghwkg7mj7] { min-width: 0; }

/* rótulo dos três com menos respiro embaixo */
.cp-field-line[b-lghwkg7mj7] { gap: 8px !important; }
.cp-field-line label[b-lghwkg7mj7] { margin-bottom: 0 !important; }

/* ===== abas da coluna direita + raio-x embutido ===== */
.cp-dir-tabs[b-lghwkg7mj7] { display: flex; gap: 6px; }
.cp-dir-tabs button[b-lghwkg7mj7] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 999px; border: 1px solid #e2e8f0;
    background: #fff; color: #475569; font-weight: 700; font-size: 12px; cursor: pointer;
}
.cp-dir-tabs button.on[b-lghwkg7mj7] { background: #eef2ff; border-color: #6366f1; color: #4338ca; }
.cp-dir-tabs button em[b-lghwkg7mj7] { font-style: normal; background: #6366f1; color: #fff; border-radius: 999px; padding: 0 7px; font-size: 11px; }
.cp-analysis-aba[b-lghwkg7mj7] { padding: 10px 4px 0 !important; border: 0 !important; box-shadow: none !important; }
.cp-rx-totais[b-lghwkg7mj7] { margin-bottom: 10px; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.cp-type-card[b-lghwkg7mj7] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.cp-type-card[b-lghwkg7mj7]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.cp-type-card:hover[b-lghwkg7mj7] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.cp-type-card:hover[b-lghwkg7mj7]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.cp-question-card[b-lghwkg7mj7] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.cp-question-card[b-lghwkg7mj7]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 18px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.cp-question-card:hover[b-lghwkg7mj7] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.cp-question-card:hover[b-lghwkg7mj7]::after {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.cp-analysis-card[b-lghwkg7mj7] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.cp-analysis-card[b-lghwkg7mj7]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 18px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.cp-analysis-card:hover[b-lghwkg7mj7] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.cp-analysis-card:hover[b-lghwkg7mj7]::before {
    width: 50%;
    height: 50%;
}

/* Figura do enunciado (QuestaoImagem via /api/questao-img) — ENEM etc. */
.q-imagem[b-lghwkg7mj7] {
    display: block;
    max-width: 100%;
    max-height: 340px;
    margin: .5rem auto .65rem;
    border-radius: 8px;
    object-fit: contain;
}

/* Psicometria TRI na aba Raio-X */
.cp-tri-linha[b-lghwkg7mj7] {
    display: flex;
    justify-content: space-between;
    padding: .22rem 0;
    border-bottom: 1px dashed #eef0f7;
    font-size: .86rem;
}

.cp-tri-linha span[b-lghwkg7mj7] { color: #8b90a4; }

/* Bandeirinha de reportar erro no card do feed */
.cp-flag[b-lghwkg7mj7] { color: #b03a3a; }
.cp-flag:hover[b-lghwkg7mj7] { background: #ffecec; }

/* Aba Raio-X da prova (coluna direita): cards LADO A LADO, 2 por linha
   (fundador 04/07 — estavam empilhados). */
.cp-analysis-aba .cp-analysis-grid[b-lghwkg7mj7] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
    padding: 0;
}

.cp-analysis-aba .cp-analysis-card[b-lghwkg7mj7] {
    padding: 12px;
}

/* Cards de texto corrido (leituras/top matérias) ocupam a linha inteira
   pra não espremer. */
.cp-analysis-aba .cp-analysis-card:nth-last-child(-n+2)[b-lghwkg7mj7] {
    grid-column: 1 / -1;
}
/* /Components/Pages/DetectorDeIaEmRedacao.razor.rz.scp.css */
.lp[b-iyo75mc7vg] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-iyo75mc7vg] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-iyo75mc7vg]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-iyo75mc7vg] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-iyo75mc7vg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-iyo75mc7vg] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-iyo75mc7vg] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-iyo75mc7vg] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-iyo75mc7vg] { color: #fff; }
.lp-sub.small[b-iyo75mc7vg] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-iyo75mc7vg] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-iyo75mc7vg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-iyo75mc7vg] { transform: translateY(-2px); }

.lp-btn-primary[b-iyo75mc7vg] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-iyo75mc7vg] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-iyo75mc7vg] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-iyo75mc7vg] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-iyo75mc7vg] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-iyo75mc7vg] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-iyo75mc7vg] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-iyo75mc7vg] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-iyo75mc7vg] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-iyo75mc7vg] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-iyo75mc7vg]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-iyo75mc7vg] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-iyo75mc7vg]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-iyo75mc7vg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-iyo75mc7vg] {
    padding: 24px;
}

.lp-feature-icon[b-iyo75mc7vg] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-iyo75mc7vg] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-iyo75mc7vg] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-iyo75mc7vg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-iyo75mc7vg] {
    padding: 24px;
}

.lp-step-num[b-iyo75mc7vg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-iyo75mc7vg] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-iyo75mc7vg] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-iyo75mc7vg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-iyo75mc7vg] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-iyo75mc7vg] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-iyo75mc7vg] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-iyo75mc7vg] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-iyo75mc7vg] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-iyo75mc7vg] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-iyo75mc7vg]::-webkit-details-marker { display: none; }

.lp-faq summary[b-iyo75mc7vg]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-iyo75mc7vg]::after { transform: rotate(180deg); }

.lp-faq p[b-iyo75mc7vg] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-iyo75mc7vg] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-iyo75mc7vg] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-iyo75mc7vg] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-iyo75mc7vg] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-iyo75mc7vg] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-iyo75mc7vg] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-iyo75mc7vg] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-iyo75mc7vg] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-iyo75mc7vg],
    .lp-steps[b-iyo75mc7vg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-iyo75mc7vg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-iyo75mc7vg] { padding: 24px 22px; }
    .lp-hero h1[b-iyo75mc7vg] { font-size: 1.7rem; }
    .lp-features[b-iyo75mc7vg],
    .lp-steps[b-iyo75mc7vg],
    .lp-stats[b-iyo75mc7vg] { grid-template-columns: 1fr; }
    .lp-proof[b-iyo75mc7vg] { gap: 22px; }
}
/* /Components/Pages/DetectorIa.razor.rz.scp.css */
.det-page[b-yly5w7bt7g] { display: grid; gap: 14px; }
.det-hero[b-yly5w7bt7g] { padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(440px 180px at 100% -30%, rgba(255,255,255,.30), transparent 60%), linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 20px 44px rgba(67,56,202,.22); }
.kicker[b-yly5w7bt7g] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.det-hero h1[b-yly5w7bt7g] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.det-hero p[b-yly5w7bt7g] { margin: 5px 0 0; color: rgba(255,255,255,.9);  font-size: 14px;}
.det-grid[b-yly5w7bt7g] { display: grid; grid-template-columns: 420px minmax(0,1fr); gap: 14px; align-items: start; }
.input-panel[b-yly5w7bt7g], .result-panel[b-yly5w7bt7g], .empty[b-yly5w7bt7g] { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.input-panel[b-yly5w7bt7g], .result-panel[b-yly5w7bt7g] { padding: 16px; }
label[b-yly5w7bt7g] { display: block; margin-bottom: 10px; }
label span[b-yly5w7bt7g] { display: block; margin-bottom: 6px; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
input[b-yly5w7bt7g], textarea[b-yly5w7bt7g] { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #dbe4ef; border-radius: 10px; }
textarea[b-yly5w7bt7g] { min-height: 360px; resize: vertical; }
button[b-yly5w7bt7g] { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); font-weight: 900; }
.det-msg[b-yly5w7bt7g] { margin-top: 10px; padding: 10px; border: 1px solid #fecaca; border-radius: 10px; color: #991b1b; background: #fef2f2; font-weight: 800; }
.score[b-yly5w7bt7g] { padding: 16px; border-radius: 14px; background: #f8fafc; }
.score span[b-yly5w7bt7g] { display: block; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.score strong[b-yly5w7bt7g] { display: block; margin: 6px 0; color: #0f172a; font-size: 2.5rem; font-weight: 900; }
.scorebar[b-yly5w7bt7g] { display: block; height: 9px; border-radius: 999px; background: linear-gradient(90deg, #10b981, #f59e0b, #ef4444); }
.w-0[b-yly5w7bt7g]{width:0}.w-10[b-yly5w7bt7g]{width:10%}.w-20[b-yly5w7bt7g]{width:20%}.w-30[b-yly5w7bt7g]{width:30%}.w-40[b-yly5w7bt7g]{width:40%}.w-50[b-yly5w7bt7g]{width:50%}.w-60[b-yly5w7bt7g]{width:60%}.w-70[b-yly5w7bt7g]{width:70%}.w-80[b-yly5w7bt7g]{width:80%}.w-90[b-yly5w7bt7g]{width:90%}.w-100[b-yly5w7bt7g]{width:100%}
.just[b-yly5w7bt7g] { color: #334155; line-height: 1.55; }
.lists[b-yly5w7bt7g] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.lists div[b-yly5w7bt7g], .sentences div[b-yly5w7bt7g] { border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; background: #f8fafc; }
h2[b-yly5w7bt7g] { margin: 0 0 8px; color: #0f172a; font-size: 1rem; font-weight: 900; }
.lists p[b-yly5w7bt7g] { margin: 0 0 6px; color: #334155; font-size: 13px; }
.sentences[b-yly5w7bt7g] { display: grid; gap: 8px; margin-top: 12px; }
.sentences b[b-yly5w7bt7g], .sentences span[b-yly5w7bt7g], .sentences small[b-yly5w7bt7g] { display: block; }
.sentences b[b-yly5w7bt7g] { color: #4338ca; }
.sentences small[b-yly5w7bt7g] { margin-top: 5px; color: #64748b; }
.empty[b-yly5w7bt7g] { min-height: 460px; display: grid; place-items: center; gap: 8px; text-align: center; color: #64748b; }
.empty i[b-yly5w7bt7g] { font-size: 36px; color: #818cf8; }
.empty strong[b-yly5w7bt7g] { color: #0f172a; }
@media (max-width: 1100px){ .det-grid[b-yly5w7bt7g], .lists[b-yly5w7bt7g] { grid-template-columns: 1fr; } }

/* contador de texto */
.det-contador[b-yly5w7bt7g] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #15803d;
    font-size: .8rem;
    font-weight: 700;
}

.det-contador.curto[b-yly5w7bt7g] { color: #b45309; }

/* ===== rótulos roxos + fotos (10/07) ===== */
.input-panel label span[b-yly5w7bt7g] { color: #4c1d95; font-size: 12.5px; letter-spacing: .04em; }
.det-opc[b-yly5w7bt7g] { color: #8b7fb0; font-weight: 700; text-transform: none; letter-spacing: 0; }
.det-ajuda[b-yly5w7bt7g] { margin: 0 0 6px; color: #64748b; font-size: 12.5px; font-weight: 500; line-height: 1.45; }
.input-panel input[b-yly5w7bt7g], .input-panel textarea[b-yly5w7bt7g] { border: 2px solid #ddd6fe; }
.input-panel input:focus[b-yly5w7bt7g], .input-panel textarea:focus[b-yly5w7bt7g] { outline: 0; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124,58,237,.13); }

.det-foto[b-yly5w7bt7g] { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px; margin: 2px 0 10px; border: 2px dashed #c4b5fd; border-radius: 12px; background: #faf5ff; color: #7c3aed; font-size: .88rem; font-weight: 800; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.det-foto:hover[b-yly5w7bt7g] { border-color: #7c3aed; background: #f3e8ff; }
.det-foto.ocupado[b-yly5w7bt7g] { opacity: .6; cursor: wait; }
.det-foto[b-yly5w7bt7g]  input[type="file"] { display: none; }
/* /Components/Pages/EsqueciSenha.razor.rz.scp.css */
.es-wrap[b-25cuy8gd8k] {
    min-height: 60vh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
}

.es-card[b-25cuy8gd8k] {
    width: min(520px, 100%);
    display: grid;
    gap: 14px;
    padding: 30px 28px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .1);
    text-align: center;
}

.es-icone[b-25cuy8gd8k] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin: 0 auto;
    border-radius: 18px;
    color: #fff;
    font-size: 1.6rem;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.es-card h1[b-25cuy8gd8k] { margin: 0; color: #0f172a; font-size: 1.35rem; font-weight: 950; }
.es-card > p[b-25cuy8gd8k] { margin: 0; color: #475569; font-size: .9rem; line-height: 1.5; }

.es-opcoes[b-25cuy8gd8k] { display: grid; gap: 10px; text-align: left; }

.es-opcao[b-25cuy8gd8k] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #eef2f7;
    border-radius: 13px;
    background: #f8fafc;
    text-decoration: none;
    transition: border-color .14s ease;
}

a.es-opcao:hover[b-25cuy8gd8k] { border-color: #a5b4fc; }

.es-opcao i[b-25cuy8gd8k] { font-size: 1.15rem; color: #7c3aed; margin-top: 2px; }
.es-opcao div[b-25cuy8gd8k] { display: grid; gap: 2px; }
.es-opcao strong[b-25cuy8gd8k] { color: #0f172a; font-size: .88rem; }
.es-opcao span[b-25cuy8gd8k] { color: #64748b; font-size: .8rem; line-height: 1.4; }

.es-voltar[b-25cuy8gd8k] {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #4f46e5;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.es-card[b-25cuy8gd8k] {
    position: relative;
    overflow: hidden;
}

.es-card[b-25cuy8gd8k]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.es-card:hover[b-25cuy8gd8k] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.es-card:hover[b-25cuy8gd8k]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/ExclusaoDeDados.razor.rz.scp.css */
.legal[b-ev4eautgxe] {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    line-height: 1.7;
}

.legal h1[b-ev4eautgxe] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.legal .updated[b-ev4eautgxe] {
    color: #6b7280;
    font-size: .85rem;
    margin-bottom: 40px;
}

.legal h2[b-ev4eautgxe] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    margin: 32px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.legal p[b-ev4eautgxe],
.legal li[b-ev4eautgxe] {
    font-size: .95rem;
    color: #374151;
    margin-bottom: 12px;
}

.legal ul[b-ev4eautgxe] {
    padding-left: 20px;
    margin-bottom: 16px;
}

.legal li[b-ev4eautgxe] {
    margin-bottom: 6px;
}

.legal a[b-ev4eautgxe] {
    color: #667eea;
}

.legal .card[b-ev4eautgxe] {
    background: #f8f9fc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0;
}

.card-green[b-ev4eautgxe] {
    background: rgba(16, 185, 129, 0.06);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0;
    text-align: center;
}

.card-green .cta-title[b-ev4eautgxe] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 16px;
}

.step[b-ev4eautgxe] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.step-num[b-ev4eautgxe] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    font-weight: 800;
    font-size: .9rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.step-body strong[b-ev4eautgxe] {
    display: block;
    color: #1f2937;
    margin-bottom: 4px;
}

.btn-email[b-ev4eautgxe] {
    display: inline-block;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 8px;
}

.badge[b-ev4eautgxe] {
    display: inline-block;
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 20px;
    padding: 2px 12px;
    font-size: .78rem;
    font-weight: 600;
    margin-left: 8px;
    vertical-align: middle;
}
/* /Components/Pages/Favoritas.razor.rz.scp.css */
.fv-page[b-zw44txs7gj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

.fv-hero[b-zw44txs7gj] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) 340px;
    gap: 18px;
    padding: 14px 28px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 180px at 92% -24%, rgba(255, 255, 255, 0.32), transparent 58%),
        linear-gradient(125deg, #7c3aed 0%, #4f46e5 50% 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
    overflow: hidden;
    position: relative;
}

.fv-hero[b-zw44txs7gj]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none;
}

.fv-hero-copy[b-zw44txs7gj],
.fv-focus-card[b-zw44txs7gj] {
    position: relative;
    z-index: 1;
}

.fv-kicker[b-zw44txs7gj],
.fv-eyebrow[b-zw44txs7gj] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fv-kicker[b-zw44txs7gj] {
    color: rgba(255, 255, 255, 0.76);
}

.fv-eyebrow[b-zw44txs7gj] {
    color: #6d28d9;
}

.fv-hero h1[b-zw44txs7gj],
.fv-results-head h2[b-zw44txs7gj],
.fv-empty h3[b-zw44txs7gj] {
    margin: 8px 0 0;
    letter-spacing: 0;
}

.fv-hero h1[b-zw44txs7gj] { margin: 4px 0 0;
    max-width: 620px;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.02;
}

.fv-hero p[b-zw44txs7gj],
.fv-results-head p[b-zw44txs7gj],
.fv-empty p[b-zw44txs7gj] {
    margin: 12px 0 0;
    line-height: 1.62;
}

.fv-hero p[b-zw44txs7gj] { margin: 5px 0 0;
    max-width: 620px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.fv-actions[b-zw44txs7gj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.fv-btn[b-zw44txs7gj],
.fv-link[b-zw44txs7gj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.fv-btn:hover[b-zw44txs7gj],
.fv-link:hover[b-zw44txs7gj] {
    transform: translateY(-1px);
}

.fv-btn-primary[b-zw44txs7gj] {
    border: 0;
    color: #1f1750;
    background: #fff;
    box-shadow: 0 10px 24px rgba(18, 12, 50, 0.2);
}

.fv-btn-secondary[b-zw44txs7gj],
.fv-link[b-zw44txs7gj] {
    border: 1px solid #ddd6fe;
    color: #4338ca;
    background: rgba(255, 255, 255, 0.94);
}

.fv-focus-card[b-zw44txs7gj],
.fv-stat-card[b-zw44txs7gj],
.fv-toolbar[b-zw44txs7gj],
.fv-results[b-zw44txs7gj] {
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 34px rgba(40, 30, 90, 0.08);
}

.fv-focus-card[b-zw44txs7gj] {
    padding: 12px 18px;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
}

.fv-focus-card span[b-zw44txs7gj],
.fv-focus-card p[b-zw44txs7gj],
.fv-focus-card li[b-zw44txs7gj] {
    color: rgba(255, 255, 255, 0.82);
}

.fv-focus-card span[b-zw44txs7gj] {
    display: block;
    font-size: 12px;
    font-weight: 800;
}

.fv-focus-card strong[b-zw44txs7gj] {
    display: block;
    margin: 6px 0;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

.fv-focus-card p[b-zw44txs7gj] {
    font-size: 13px;
}

.fv-focus-card ul[b-zw44txs7gj] {
    display: grid;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.fv-focus-card li[b-zw44txs7gj] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
}

.fv-stats[b-zw44txs7gj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.fv-stat-card[b-zw44txs7gj] {
    padding: 18px;
}

.fv-stat-card span[b-zw44txs7gj],
.fv-stat-card small[b-zw44txs7gj] {
    display: block;
}

.fv-stat-card span[b-zw44txs7gj] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.fv-stat-card strong[b-zw44txs7gj] {
    display: block;
    margin: 10px 0 4px;
    color: #7c3aed;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.fv-stat-card small[b-zw44txs7gj] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.fv-toolbar[b-zw44txs7gj] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) auto auto;
    gap: 14px;
    padding: 18px;
}

.fv-search[b-zw44txs7gj] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: #fff;
}

.fv-search i[b-zw44txs7gj] {
    color: #7c3aed;
    font-size: 16px;
}

.fv-search input[b-zw44txs7gj],
.fv-selects select[b-zw44txs7gj] {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
}

.fv-search input:focus[b-zw44txs7gj],
.fv-selects select:focus[b-zw44txs7gj] {
    outline: none;
}

.fv-selects[b-zw44txs7gj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 12px;
}

.fv-selects label[b-zw44txs7gj] {
    display: block;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: #fff;
}

.fv-selects span[b-zw44txs7gj] {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.fv-segment[b-zw44txs7gj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 14px;
    background: #f5f3ff;
}

.fv-segment button[b-zw44txs7gj] {
    min-width: 88px;
    height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.fv-segment button.is-on[b-zw44txs7gj] {
    background: #fff;
    color: #111827;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.12);
}

.fv-results[b-zw44txs7gj] {
    padding: 20px;
}

.fv-results-head[b-zw44txs7gj],
.fv-head-actions[b-zw44txs7gj] {
    display: flex;
    gap: 16px;
}

.fv-results-head[b-zw44txs7gj] {
    align-items: end;
    justify-content: space-between;
    margin-bottom: 18px;
}

.fv-results-head h2[b-zw44txs7gj] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 900;
}

.fv-results-head p[b-zw44txs7gj] {
    max-width: 760px;
    color: #64748b;
    font-size: 13px;
}

.fv-head-actions[b-zw44txs7gj] {
    align-items: center;
}

.fv-pill[b-zw44txs7gj] {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 13px;
    color: #7c3aed;
    background: #f5f3ff;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.fv-grid[b-zw44txs7gj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.fv-grid-item[b-zw44txs7gj] {
    min-width: 0;
}

.fv-empty[b-zw44txs7gj] {
    padding: 42px 24px;
    border: 1px dashed #c4b5fd;
    border-radius: 18px;
    background: linear-gradient(180deg, #faf9ff, #fff);
    text-align: center;
}

.fv-empty-icon[b-zw44txs7gj] {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #f5f3ff;
    color: #7c3aed;
    font-size: 28px;
}

.fv-empty h3[b-zw44txs7gj] {
    color: #0f172a;
    font-size: 22px;
    font-weight: 900;
}

.fv-empty p[b-zw44txs7gj] {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    color: #64748b;
    font-size: 14px;
}

.fv-empty .fv-btn[b-zw44txs7gj] {
    margin-top: 18px;
}

@media (max-width: 1220px) {
    .fv-hero[b-zw44txs7gj],
    .fv-toolbar[b-zw44txs7gj] {
        grid-template-columns: 1fr;
    }

    .fv-stats[b-zw44txs7gj],
    .fv-grid[b-zw44txs7gj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .fv-hero[b-zw44txs7gj],
    .fv-results[b-zw44txs7gj] {
        padding: 22px;
    }

    .fv-stats[b-zw44txs7gj],
    .fv-grid[b-zw44txs7gj],
    .fv-selects[b-zw44txs7gj] {
        grid-template-columns: 1fr;
    }

    .fv-results-head[b-zw44txs7gj],
    .fv-head-actions[b-zw44txs7gj] {
        flex-direction: column;
        align-items: start;
    }

    .fv-segment[b-zw44txs7gj] {
        flex-wrap: wrap;
    }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.fv-stat-card[b-zw44txs7gj] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.fv-stat-card[b-zw44txs7gj]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.fv-stat-card:hover[b-zw44txs7gj] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.fv-stat-card:hover[b-zw44txs7gj]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/FavoritosDeQuestoes.razor.rz.scp.css */
.seo-page[b-uuq3iud0n9] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-uuq3iud0n9] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-uuq3iud0n9] { text-align: center; }

/* HERO */
.hero[b-uuq3iud0n9] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-uuq3iud0n9] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-uuq3iud0n9] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-uuq3iud0n9 20s linear infinite;
}
@keyframes particles-b-uuq3iud0n9 { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-uuq3iud0n9] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-uuq3iud0n9] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-uuq3iud0n9] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-uuq3iud0n9] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-uuq3iud0n9] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-uuq3iud0n9] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-uuq3iud0n9] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-uuq3iud0n9] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-uuq3iud0n9] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-uuq3iud0n9] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-uuq3iud0n9] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-uuq3iud0n9] { text-align: center; }
.proof-number[b-uuq3iud0n9] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-uuq3iud0n9] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-uuq3iud0n9] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-uuq3iud0n9] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-uuq3iud0n9] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-uuq3iud0n9] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-uuq3iud0n9] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-uuq3iud0n9] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-uuq3iud0n9] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-uuq3iud0n9] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-uuq3iud0n9] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-uuq3iud0n9] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-uuq3iud0n9] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-uuq3iud0n9] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-uuq3iud0n9] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-uuq3iud0n9] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-uuq3iud0n9] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-uuq3iud0n9] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-uuq3iud0n9] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-uuq3iud0n9] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-uuq3iud0n9] { max-width: 720px; margin: 0 auto; }
.faq-item[b-uuq3iud0n9] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-uuq3iud0n9] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-uuq3iud0n9] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-uuq3iud0n9]::-webkit-details-marker { display: none; }
.faq-question i[b-uuq3iud0n9] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-uuq3iud0n9] { transform: rotate(180deg); }
.faq-answer[b-uuq3iud0n9] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-uuq3iud0n9] { max-width: 900px; }
.seo-text p[b-uuq3iud0n9] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-uuq3iud0n9] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-uuq3iud0n9]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-uuq3iud0n9] { position: relative; z-index: 1; }
.cta-title[b-uuq3iud0n9] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-uuq3iud0n9] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-uuq3iud0n9] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-uuq3iud0n9] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Pages/FeedbackAdmin.razor.rz.scp.css */
.fba-page[b-3teb29t4f2] { display: grid; gap: 16px; }

.fba-hero[b-3teb29t4f2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.fba-hero .kicker[b-3teb29t4f2] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.fba-hero h1[b-3teb29t4f2] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.fba-hero p[b-3teb29t4f2] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.fba-novos[b-3teb29t4f2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-size: .82rem;
    font-weight: 800;
}

.fba-msg[b-3teb29t4f2] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.fba-msg.ok[b-3teb29t4f2] { background: #dcfce7; color: #15803d; }
.fba-msg.err[b-3teb29t4f2] { background: #fef2f2; color: #b91c1c; }

.fba-filtros[b-3teb29t4f2] { display: grid; gap: 8px; }
.fba-chips[b-3teb29t4f2] { display: flex; gap: 7px; flex-wrap: wrap; }

.fba-chips button[b-3teb29t4f2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
}

.fba-chips button.on[b-3teb29t4f2] {
    border-color: transparent;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
}

.fba-lista[b-3teb29t4f2] { display: grid; gap: 10px; }

.fba-vazio[b-3teb29t4f2] {
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 40px;
    border: 1px dashed #dbe4ef;
    border-radius: 14px;
    color: #64748b;
}

.fba-lista article[b-3teb29t4f2] {
    display: grid;
    gap: 8px;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

.fba-lista article.nao-lido[b-3teb29t4f2] { border-left: 4px solid #7c3aed; background: #faf9ff; }
.fba-lista article.aberto[b-3teb29t4f2] { box-shadow: 0 12px 32px rgba(79, 70, 229, .12); }

.fba-item-cab[b-3teb29t4f2] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.fba-item-cab em[b-3teb29t4f2] {
    flex: 0 0 auto;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
    color: #fff;
}

.fba-item-cab em.t1[b-3teb29t4f2] { background: #2563eb; }
.fba-item-cab em.t2[b-3teb29t4f2] { background: #d97706; }
.fba-item-cab em.t3[b-3teb29t4f2] { background: #dc2626; }

.fba-item-quem[b-3teb29t4f2] { flex: 1; display: grid; min-width: 0; }
.fba-item-quem strong[b-3teb29t4f2] { color: #0f172a; font-size: .88rem; }
.fba-item-quem small[b-3teb29t4f2] { color: #94a3b8; font-size: .72rem; }

.fba-status[b-3teb29t4f2] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
}

.fba-status.s1[b-3teb29t4f2] { background: #fef3c7; color: #92400e; }
.fba-status.s2[b-3teb29t4f2] { background: #dcfce7; color: #15803d; }
.fba-status.s3[b-3teb29t4f2] { background: #e2e8f0; color: #475569; }

.fba-qtd[b-3teb29t4f2] { color: #7c3aed; font-size: .74rem; font-weight: 900; }

.fba-mensagem[b-3teb29t4f2] { margin: 0; color: #334155; font-size: .86rem; line-height: 1.5; }

.fba-detalhe[b-3teb29t4f2] { display: grid; gap: 9px; padding-top: 4px; border-top: 1px solid #f1f5f9; }

.fba-resp-antiga[b-3teb29t4f2] {
    display: grid;
    gap: 3px;
    padding: 9px 12px;
    border-radius: 10px;
    background: #eef2ff;
}

.fba-resp-antiga strong[b-3teb29t4f2] { color: #3730a3; font-size: .75rem; }
.fba-resp-antiga span[b-3teb29t4f2] { color: #334155; font-size: .82rem; }

.fba-detalhe textarea[b-3teb29t4f2] {
    padding: 10px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 11px;
    font: inherit;
    resize: vertical;
}

.fba-acoes[b-3teb29t4f2] { display: flex; gap: 9px; flex-wrap: wrap; }

.fba-btn[b-3teb29t4f2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
}

.fba-btn:disabled[b-3teb29t4f2] { opacity: .5; }

.fba-btn.secundario[b-3teb29t4f2] { background: #fff; color: #475569; border: 1px solid #dbe4ef; }
/* /Components/Pages/GabaritoProva.razor.rz.scp.css */
.gb-page[b-rwbx5x5nd8] {
    display: grid;
    gap: 12px;
}

.gb-head[b-rwbx5x5nd8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(280px 120px at 95% -20%, rgba(255, 255, 255, 0.28), transparent 60%),
        linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.gb-head span[b-rwbx5x5nd8] {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}

.gb-head h1[b-rwbx5x5nd8] {
    margin: 8px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.gb-head p[b-rwbx5x5nd8] {
    margin: 6px 0 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 700;
}

.gb-head-actions[b-rwbx5x5nd8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.gb-btn[b-rwbx5x5nd8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.gb-btn.ghost[b-rwbx5x5nd8] {
    background: transparent;
}

.gb-alert[b-rwbx5x5nd8],
.gb-empty[b-rwbx5x5nd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 90px;
    border-radius: 14px;
}

.gb-alert[b-rwbx5x5nd8] {
    border: 1px solid #fecaca;
    color: #991b1b;
    background: #fef2f2;
    font-size: 14px;
    font-weight: 700;
}

.gb-empty[b-rwbx5x5nd8] {
    border: 1px dashed #cbd5e1;
    color: #64748b;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
}

.gb-grid[b-rwbx5x5nd8] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.gb-item[b-rwbx5x5nd8] {
    display: grid;
    place-items: center;
    gap: 4px;
    min-height: 108px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.gb-item small[b-rwbx5x5nd8] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.gb-item strong[b-rwbx5x5nd8] {
    color: #111827;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

.gb-item span[b-rwbx5x5nd8] {
    color: #4338ca;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1200px) {
    .gb-grid[b-rwbx5x5nd8] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .gb-head[b-rwbx5x5nd8] {
        flex-direction: column;
        align-items: start;
    }

    .gb-grid[b-rwbx5x5nd8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/GabaritoProvaFisica.razor.rz.scp.css */
/* ===== Prova física — página do GABARITO ===== */

.pf-page[b-lj8eqvqk92] { display: grid; gap: 16px; }

.pf-hero[b-lj8eqvqk92] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 3vw, 32px);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(120deg, #93c5fd 0%, #1d4ed8 100%);
    box-shadow: 0 20px 44px rgba(29, 78, 216, .3);
}

.pf-kicker[b-lj8eqvqk92] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pf-hero h1[b-lj8eqvqk92] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.pf-hero p[b-lj8eqvqk92] { margin: 5px 0 0; max-width: 560px; opacity: .92; font-size: 14px; }

.pf-voltar[b-lj8eqvqk92] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-weight: 850;
    white-space: nowrap;
    text-decoration: none;
}

.pf-card[b-lj8eqvqk92] {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.pf-card[b-lj8eqvqk92]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.pf-card:hover[b-lj8eqvqk92] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.pf-card:hover[b-lj8eqvqk92]::before { width: 50%; height: 50%; }

.pf-card h3[b-lj8eqvqk92] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.pf-alerta[b-lj8eqvqk92] { padding: 12px 16px; border-radius: 12px; font-size: .9rem; font-weight: 750; }
.pf-alerta.ok[b-lj8eqvqk92] { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.pf-alerta.erro[b-lj8eqvqk92] { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }

.pf-vazio[b-lj8eqvqk92] { color: #64748b; font-size: .9rem; text-align: center; padding: 14px 0 4px; }

/* QR + instruções */
.pf-captura[b-lj8eqvqk92] { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.pf-qr img[b-lj8eqvqk92] { display: block; border-radius: 13px; border: 1px solid #e2e8f0; padding: 8px; background: #fff; }
.pf-captura-info[b-lj8eqvqk92] { flex: 1; min-width: 260px; }
.pf-captura-info p[b-lj8eqvqk92] { color: #64748b; font-size: .88rem; }

.pf-copiavel[b-lj8eqvqk92] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
    margin-bottom: 10px;
}

.pf-copiavel span[b-lj8eqvqk92] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334155;
    font-size: .82rem;
    font-weight: 650;
}

.pf-copiavel button[b-lj8eqvqk92] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #1d4ed8;
}

.pf-link-camera[b-lj8eqvqk92] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d4ed8;
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none;
}

.pf-gab-acoes[b-lj8eqvqk92] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.pf-mini-btn[b-lj8eqvqk92] {
    height: 32px;
    padding: 0 13px;
    border: 1px solid #bfdbfe;
    border-radius: 9px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: .78rem;
    font-weight: 850;
}

.pf-envios-cab[b-lj8eqvqk92] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 10px; flex-wrap: wrap; }
.pf-envios-cab h3[b-lj8eqvqk92] { margin: 0; }

/* editor do gabarito */
.pf-gab-editor[b-lj8eqvqk92] { display: grid; gap: 6px; margin-bottom: 14px; }

.pf-gab-linha[b-lj8eqvqk92] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

.pf-gab-linha.atencao[b-lj8eqvqk92] { border-color: #fde68a; background: #fffbeb; }

.pf-gab-linha input[b-lj8eqvqk92], .pf-gab-linha select[b-lj8eqvqk92] {
    height: 36px;
    padding: 0 8px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font: inherit;
    font-weight: 750;
    outline: none;
}

.pf-gab-num[b-lj8eqvqk92] { width: 60px; text-align: center; }
.pf-gab-modelo[b-lj8eqvqk92] { flex: 1; min-width: 120px; font-weight: 600 !important; }
.pf-gab-val[b-lj8eqvqk92] { width: 70px; text-align: center; }

.pf-gab-rm[b-lj8eqvqk92] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .68rem;
}

.pf-cta[b-lj8eqvqk92] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(120deg, #1d4ed8, #93c5fd);
    box-shadow: 0 12px 26px rgba(29, 78, 216, .35);
    transition: transform .14s ease;
}

.pf-cta:hover:not(:disabled)[b-lj8eqvqk92] { transform: translateY(-2px); }
.pf-cta:disabled[b-lj8eqvqk92] { opacity: .55; }

@media (max-width: 700px) {
    .pf-hero[b-lj8eqvqk92] { flex-direction: column; align-items: flex-start; }
    .pf-captura[b-lj8eqvqk92] { justify-content: center; }
}
/* /Components/Pages/GeradorDeProvasComIa.razor.rz.scp.css */
.lp[b-u9jj4nsnna] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-u9jj4nsnna] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-u9jj4nsnna]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-u9jj4nsnna] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-u9jj4nsnna] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-u9jj4nsnna] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-u9jj4nsnna] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-u9jj4nsnna] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-u9jj4nsnna] { color: #fff; }
.lp-sub.small[b-u9jj4nsnna] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-u9jj4nsnna] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-u9jj4nsnna] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-u9jj4nsnna] { transform: translateY(-2px); }

.lp-btn-primary[b-u9jj4nsnna] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-u9jj4nsnna] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-u9jj4nsnna] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-u9jj4nsnna] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-u9jj4nsnna] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-u9jj4nsnna] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-u9jj4nsnna] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-u9jj4nsnna] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-u9jj4nsnna] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-u9jj4nsnna] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-u9jj4nsnna]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-u9jj4nsnna] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-u9jj4nsnna]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-u9jj4nsnna] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-u9jj4nsnna] {
    padding: 24px;
}

.lp-feature-icon[b-u9jj4nsnna] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-u9jj4nsnna] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-u9jj4nsnna] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-u9jj4nsnna] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-u9jj4nsnna] {
    padding: 24px;
}

.lp-step-num[b-u9jj4nsnna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-u9jj4nsnna] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-u9jj4nsnna] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-u9jj4nsnna] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-u9jj4nsnna] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-u9jj4nsnna] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-u9jj4nsnna] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-u9jj4nsnna] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-u9jj4nsnna] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-u9jj4nsnna] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-u9jj4nsnna]::-webkit-details-marker { display: none; }

.lp-faq summary[b-u9jj4nsnna]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-u9jj4nsnna]::after { transform: rotate(180deg); }

.lp-faq p[b-u9jj4nsnna] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-u9jj4nsnna] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-u9jj4nsnna] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-u9jj4nsnna] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-u9jj4nsnna] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-u9jj4nsnna] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-u9jj4nsnna] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-u9jj4nsnna] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-u9jj4nsnna] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-u9jj4nsnna],
    .lp-steps[b-u9jj4nsnna] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-u9jj4nsnna] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-u9jj4nsnna] { padding: 24px 22px; }
    .lp-hero h1[b-u9jj4nsnna] { font-size: 1.7rem; }
    .lp-features[b-u9jj4nsnna],
    .lp-steps[b-u9jj4nsnna],
    .lp-stats[b-u9jj4nsnna] { grid-template-columns: 1fr; }
    .lp-proof[b-u9jj4nsnna] { gap: 22px; }
}
/* /Components/Pages/GerenciamentoJobs.razor.rz.scp.css */
.gj-page[b-629mc9knak] {
    max-width: 980px;
    margin: 0 auto;
    padding: 24px 16px 60px;
}

.gj-hero[b-629mc9knak] {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
    border-radius: 16px;
    padding: 28px 30px;
    margin-bottom: 18px;
}

.gj-hero .kicker[b-629mc9knak] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    opacity: 0.85;
}

.gj-hero h1[b-629mc9knak] {
    margin: 4px 0 6px;
    font-size: 28px;
}

.gj-hero p[b-629mc9knak] {
    margin: 0;
    opacity: 0.92;
    font-size: 14px;
}

.gj-aviso[b-629mc9knak] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
    border-radius: 10px;
    padding: 13px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.gj-aviso i[b-629mc9knak] {
    font-size: 18px;
    margin-top: 1px;
}

.gj-msg[b-629mc9knak] {
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 14px;
    margin-bottom: 14px;
}

.gj-msg.ok[b-629mc9knak] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.gj-msg.err[b-629mc9knak] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.gj-lista[b-629mc9knak] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gj-card[b-629mc9knak] {
    background: #fff;
    border: 1px solid #e3e8ee;
    border-radius: 12px;
    padding: 16px 18px;
}

.gj-card.ativo[b-629mc9knak] {
    border-color: #a7f3d0;
    box-shadow: 0 1px 6px rgba(16, 185, 129, 0.12);
}

.gj-topo[b-629mc9knak] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.gj-titulo[b-629mc9knak] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gj-titulo h2[b-629mc9knak] {
    margin: 0;
    font-size: 16px;
    color: #1e293b;
}

.gj-status[b-629mc9knak] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: none;
}

.gj-status.on[b-629mc9knak] {
    background: #10b981;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
}

.gj-status.off[b-629mc9knak] {
    background: #cbd5e1;
}

.gj-agenda[b-629mc9knak] {
    background: #f1f5f9;
    color: #475569;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 12px;
}

.gj-acoes[b-629mc9knak] {
    display: flex;
    gap: 8px;
}

.gj-btn[b-629mc9knak] {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
}

.gj-btn:hover[b-629mc9knak] {
    background: #f8fafc;
}

.gj-btn:disabled[b-629mc9knak] {
    opacity: 0.6;
    cursor: default;
}

.gj-btn.ligar[b-629mc9knak] {
    background: #10b981;
    border-color: #10b981;
    color: #fff;
    font-weight: 600;
}

.gj-btn.ligar:hover[b-629mc9knak] {
    background: #059669;
}

.gj-btn.desligar[b-629mc9knak] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
    font-weight: 600;
}

.gj-btn.exec i[b-629mc9knak] {
    color: #2563eb;
}

.gj-desc[b-629mc9knak] {
    color: #64748b;
    font-size: 13px;
    margin: 8px 0 10px;
}

.gj-rodape[b-629mc9knak] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 12.5px;
}

.gj-ultima.ok[b-629mc9knak] {
    color: #047857;
}

.gj-ultima.err[b-629mc9knak] {
    color: #b91c1c;
}

.gj-ultima.nunca[b-629mc9knak] {
    color: #94a3b8;
}

.gj-contadores[b-629mc9knak] {
    color: #94a3b8;
}

.gj-link[b-629mc9knak] {
    background: none;
    border: none;
    color: #2563eb;
    cursor: pointer;
    font-size: 12.5px;
    padding: 0;
    text-decoration: underline;
}

.gj-log[b-629mc9knak] {
    width: 100%;
    margin-top: 12px;
    border-collapse: collapse;
    font-size: 12.5px;
}

.gj-log th[b-629mc9knak],
.gj-log td[b-629mc9knak] {
    border-top: 1px solid #eef2f6;
    padding: 6px 8px;
    text-align: left;
    color: #475569;
}

.gj-log th[b-629mc9knak] {
    color: #94a3b8;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}

.gj-log td.detalhe[b-629mc9knak] {
    max-width: 480px;
    overflow-wrap: anywhere;
}

.gj-fora[b-629mc9knak] {
    margin-top: 28px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
}

.gj-fora h3[b-629mc9knak] {
    margin: 0 0 8px;
    font-size: 14px;
    color: #334155;
}

.gj-fora ul[b-629mc9knak] {
    margin: 0;
    padding-left: 18px;
    color: #64748b;
    font-size: 13px;
}

.gj-fora li[b-629mc9knak] {
    margin-bottom: 6px;
}

@media (max-width: 640px) {
    .gj-topo[b-629mc9knak] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/GerenciarTags.razor.rz.scp.css */
.gt-page[b-urpohx0l9t] { display: grid; gap: 16px; }

.gt-hero[b-urpohx0l9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 24px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101736, #1e1b4b 55%, #4c1d95);
}

.gt-hero .kicker[b-urpohx0l9t] {
    display: block;
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .75;
}

.gt-hero h1[b-urpohx0l9t] { margin: 4px 0 0; font-size: 2rem; font-weight: 950; }
.gt-hero p[b-urpohx0l9t] { margin: 5px 0 0; font-size: 14px; opacity: .8; }

.gt-count[b-urpohx0l9t] {
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    font-weight: 900;
    font-size: 1.1rem;
}

.gt-msg[b-urpohx0l9t] { padding: 10px 14px; border-radius: 11px; font-size: .85rem; font-weight: 700; }
.gt-msg.ok[b-urpohx0l9t] { background: #dcfce7; color: #15803d; }
.gt-msg.err[b-urpohx0l9t] { background: #fef2f2; color: #b91c1c; }

.gt-form[b-urpohx0l9t] {
    display: flex;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.gt-form input[b-urpohx0l9t] {
    flex: 1;
    padding: 10px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
}

.gt-form button[b-urpohx0l9t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
}

.gt-form button:disabled[b-urpohx0l9t] { opacity: .5; }

.gt-lista[b-urpohx0l9t] {
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.gt-vazio[b-urpohx0l9t] { margin: 0; color: #94a3b8; font-size: .86rem; }

.gt-chips[b-urpohx0l9t] { display: flex; flex-wrap: wrap; gap: 8px; }

.gt-chip[b-urpohx0l9t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px 6px 14px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
}

.gt-chip button[b-urpohx0l9t] {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #94a3b8;
    font-size: .7rem;
}

.gt-chip button:hover[b-urpohx0l9t] { background: #fee2e2; color: #dc2626; }
/* /Components/Pages/GestaoTurmas.razor.rz.scp.css */
.turmas-page[b-4f8mvyyvg3] {
    display: grid;
    gap: 14px;
    padding-bottom: 20px;
    color: #0f172a;
}

.turmas-hero[b-4f8mvyyvg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 22px;
    border: 1px solid rgba(79, 70, 229, .18);
    border-radius: 8px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .04), rgba(15, 23, 42, 0)),
        linear-gradient(135deg, #4f46e5 0%, #4338ca 58%, #0f766e 100%);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
}

.hero-copy[b-4f8mvyyvg3] {
    display: grid;
    gap: 6px;
}

.kicker[b-4f8mvyyvg3],
.eyebrow[b-4f8mvyyvg3] {
    color: inherit;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kicker[b-4f8mvyyvg3] {
    opacity: .82;
}

.turmas-hero h1[b-4f8mvyyvg3],
.panel-title h2[b-4f8mvyyvg3] {
    margin: 0;
    font-weight: 900;
    letter-spacing: 0;
}

.turmas-hero h1[b-4f8mvyyvg3] { margin: 4px 0 0;
    font-size: 2rem;
}

.turmas-hero p[b-4f8mvyyvg3] {
    max-width: 620px;
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .88);
 font-size: 14px;}

.hero-actions[b-4f8mvyyvg3],
.tabs[b-4f8mvyyvg3],
.materia-add[b-4f8mvyyvg3],
.turma-card-top[b-4f8mvyyvg3],
.panel-title[b-4f8mvyyvg3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero-actions[b-4f8mvyyvg3] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hero-btn[b-4f8mvyyvg3],
.materia-add button[b-4f8mvyyvg3],
.search-row button[b-4f8mvyyvg3],
.icon-action[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    border: 0;
    border-radius: 6px;
    font-size: .83rem;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.hero-btn:hover[b-4f8mvyyvg3],
.materia-add button:hover[b-4f8mvyyvg3],
.search-row button:hover[b-4f8mvyyvg3],
.icon-action:hover[b-4f8mvyyvg3] {
    transform: translateY(-1px);
}

.hero-btn.primary[b-4f8mvyyvg3] {
    color: #4338ca;
    background: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
}

.hero-btn.ghost[b-4f8mvyyvg3] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .12);
}

.turmas-chips[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chip[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    background: #fff;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .05);
    font-size: .8rem;
    font-weight: 750;
}

.chip strong[b-4f8mvyyvg3] {
    color: #0f172a;
    font-weight: 950;
}

.create-panel[b-4f8mvyyvg3],
.turmas-list-strip[b-4f8mvyyvg3],
.detail-panel[b-4f8mvyyvg3],
.gt-msg[b-4f8mvyyvg3] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.panel-title .eyebrow[b-4f8mvyyvg3],
label span[b-4f8mvyyvg3] {
    color: #64748b;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.turma-card span[b-4f8mvyyvg3],
.students span[b-4f8mvyyvg3],
.found-list span[b-4f8mvyyvg3],
.materia-list small[b-4f8mvyyvg3] {
    color: #64748b;
}

.gt-msg[b-4f8mvyyvg3] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    font-weight: 750;
}

.gt-msg.ok[b-4f8mvyyvg3] {
    color: #065f46;
    border-color: #a7f3d0;
    background: #ecfdf5;
}

.gt-msg.err[b-4f8mvyyvg3] {
    color: #991b1b;
    border-color: #fecaca;
    background: #fef2f2;
}

.create-panel[b-4f8mvyyvg3],
.turmas-list-strip[b-4f8mvyyvg3],
.detail-panel[b-4f8mvyyvg3] {
    padding: 14px;
}

.panel-title[b-4f8mvyyvg3] {
    justify-content: space-between;
    margin-bottom: 12px;
}

.panel-title-acoes[b-4f8mvyyvg3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.panel-title h2[b-4f8mvyyvg3] {
    color: #0f172a;
    font-size: 1.1rem;
}

.soft-pill[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: #0369a1;
    background: #e0f2fe;
    font-size: .78rem;
    font-weight: 800;
}

.create-grid[b-4f8mvyyvg3] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(140px, .8fr) minmax(160px, 1fr) minmax(110px, .6fr);
    gap: 10px;
}

label[b-4f8mvyyvg3] {
    display: grid;
    gap: 6px;
}

input[b-4f8mvyyvg3],
select[b-4f8mvyyvg3] {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #fff;
    color: #0f172a;
    font-size: .9rem;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

input:focus[b-4f8mvyyvg3],
select:focus[b-4f8mvyyvg3] {
    border-color: #818cf8;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
}

.turmas-list-strip[b-4f8mvyyvg3] {
    display: grid;
    gap: 10px;
}

.rail-toolbar[b-4f8mvyyvg3] {
    display: grid;
    gap: 8px;
}

.rail-toolbar label[b-4f8mvyyvg3],
.search-row label[b-4f8mvyyvg3] {
    position: relative;
}

.rail-toolbar i[b-4f8mvyyvg3],
.search-row label i[b-4f8mvyyvg3] {
    position: absolute;
    left: 12px;
    top: 50%;
    color: #94a3b8;
    transform: translateY(-50%);
}

.rail-toolbar input[b-4f8mvyyvg3],
.search-row input[b-4f8mvyyvg3] {
    padding-left: 34px;
}

.rail-toolbar span[b-4f8mvyyvg3] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 750;
}

.students[b-4f8mvyyvg3],
.found-list[b-4f8mvyyvg3],
.materia-list[b-4f8mvyyvg3] {
    display: grid;
    gap: 8px;
}

.turma-list-inline[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.turma-card[b-4f8mvyyvg3] {
    display: grid;
    gap: 4px;
    width: 172px;
    min-height: 68px;
    padding: 9px 11px;
    text-align: left;
    cursor: pointer;
    border: 1.5px solid rgba(99, 102, 241, .28);
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    box-shadow: 0 6px 14px rgba(15, 23, 42, .04);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.turma-card:hover[b-4f8mvyyvg3] {
    border-color: #818cf8;
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(79, 70, 229, .12);
}

.turma-card.active[b-4f8mvyyvg3] {
    border-color: #4f46e5;
    border-width: 2px;
    background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
    box-shadow: 0 12px 22px rgba(79, 70, 229, .18);
}

.turma-card-top[b-4f8mvyyvg3] {
    justify-content: space-between;
}

.turma-card strong[b-4f8mvyyvg3] {
    color: #0f172a;
    font-size: .86rem;
    font-weight: 900;
}

.turma-card-top em[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    color: #047857;
    background: #d1fae5;
    font-style: normal;
    font-size: .74rem;
    font-weight: 900;
}

.turma-serie[b-4f8mvyyvg3],
.turma-meta[b-4f8mvyyvg3] {
    font-size: .7rem;
}

.turma-meta[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.detail-panel[b-4f8mvyyvg3] {
    min-height: 420px;
}

.tabs[b-4f8mvyyvg3] {
    margin: 12px 0;
    padding: 4px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.tabs button[b-4f8mvyyvg3] {
    flex: 1;
    min-height: 36px;
    border: 0;
    border-radius: 6px;
    color: #475569;
    background: transparent;
    font-size: .84rem;
    font-weight: 850;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.tabs button.active[b-4f8mvyyvg3] {
    color: #4338ca;
    background: #fff;
    box-shadow: 0 8px 16px rgba(15, 23, 42, .06);
}

.tab-panel[b-4f8mvyyvg3] {
    display: grid;
    gap: 10px;
}

.student-form[b-4f8mvyyvg3] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, .7fr) minmax(0, .7fr) 44px;
    gap: 8px;
}

.student-form > *[b-4f8mvyyvg3],
.search-row > *[b-4f8mvyyvg3],
.materia-add > *[b-4f8mvyyvg3] {
    min-width: 0;
}

.import-lote[b-4f8mvyyvg3] {
    display: grid;
    gap: 8px;
}

.import-lote-toggle[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-self: start;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4f46e5;
    font-size: .84rem;
    font-weight: 850;
}

.import-lote-toggle:hover[b-4f8mvyyvg3] { text-decoration: underline; }

.import-lote-body[b-4f8mvyyvg3] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px dashed #c7d2fe;
    border-radius: 8px;
    background: #f5f6ff;
}

.import-lote-ajuda[b-4f8mvyyvg3] {
    margin: 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.5;
}

.import-lote-body textarea[b-4f8mvyyvg3] {
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #fff;
    color: #0f172a;
    font-size: .86rem;
    font-family: inherit;
    resize: vertical;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.import-lote-body textarea:focus[b-4f8mvyyvg3] {
    border-color: #818cf8;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
}

.import-lote-preview[b-4f8mvyyvg3] {
    display: grid;
    gap: 8px;
}

.import-lote-preview > span[b-4f8mvyyvg3] {
    color: #4338ca;
    font-size: .78rem;
    font-weight: 850;
}

.import-lote-preview ul[b-4f8mvyyvg3] {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 160px;
    overflow-y: auto;
}

.import-lote-preview li[b-4f8mvyyvg3] {
    padding: 6px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: .82rem;
}

.import-lote-mais[b-4f8mvyyvg3] {
    color: #64748b !important;
    font-style: italic;
}

.import-lote-confirmar[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    font-size: .84rem;
    font-weight: 850;
}

.import-lote-msg[b-4f8mvyyvg3] {
    padding: 8px 10px;
    border-radius: 6px;
    background: #ecfdf5;
    color: #065f46;
    font-size: .82rem;
    font-weight: 750;
}

.search-row[b-4f8mvyyvg3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px;
    gap: 8px;
}

.search-row button[b-4f8mvyyvg3],
.materia-add button[b-4f8mvyyvg3],
.icon-action[b-4f8mvyyvg3] {
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.icon-action[b-4f8mvyyvg3] {
    width: 44px;
    padding: 0;
}

.found-list button[b-4f8mvyyvg3],
.students article[b-4f8mvyyvg3],
.materia-list article[b-4f8mvyyvg3] {
    display: grid;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.found-list button[b-4f8mvyyvg3] {
    grid-template-columns: minmax(0, 1fr);
    text-align: left;
}

.found-list button:hover[b-4f8mvyyvg3] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.found-list strong[b-4f8mvyyvg3],
.students strong[b-4f8mvyyvg3],
.materia-list strong[b-4f8mvyyvg3] {
    display: block;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 850;
}

.students article[b-4f8mvyyvg3] {
    grid-template-columns: 40px minmax(0, 1fr) 150px 34px;
}

.students article.aluno-escola[b-4f8mvyyvg3] {
    grid-template-columns: 40px minmax(0, 1fr) minmax(0, auto);
}

.tipo-select[b-4f8mvyyvg3] {
    min-height: 34px;
    font-size: .8rem;
}

.pills[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
}

.pill[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    color: #4338ca;
    background: #e0e7ff;
    font-size: .72rem;
    font-weight: 800;
}

.avatar[b-4f8mvyyvg3],
.materia-list article > span[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #0f766e 0%, #059669 100%);
    font-weight: 900;
}

.students button[b-4f8mvyyvg3],
.materia-list article button[b-4f8mvyyvg3] {
    width: 34px;
    height: 34px;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #991b1b;
    background: #fff;
    transition: background-color .18s ease, transform .18s ease;
}

.students button:hover[b-4f8mvyyvg3],
.materia-list article button:hover[b-4f8mvyyvg3] {
    background: #fef2f2;
    transform: translateY(-1px);
}

.materia-add[b-4f8mvyyvg3] {
    align-items: stretch;
}

.materia-add select[b-4f8mvyyvg3] {
    flex: 1;
}

.materia-list article[b-4f8mvyyvg3] {
    grid-template-columns: 42px minmax(0, 1fr) 34px;
}

.materia-list article > span[b-4f8mvyyvg3] {
    color: #4338ca;
    background: #e0e7ff;
}

.empty[b-4f8mvyyvg3] {
    min-height: 120px;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 18px;
    text-align: center;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.empty.big[b-4f8mvyyvg3] {
    min-height: 420px;
}

.empty.compact[b-4f8mvyyvg3] {
    min-height: 76px;
}

.empty i[b-4f8mvyyvg3] {
    color: #818cf8;
    font-size: 2rem;
}

.empty strong[b-4f8mvyyvg3] {
    color: #0f172a;
}

@media (max-width: 1180px) {
    .create-grid[b-4f8mvyyvg3],
    .student-form[b-4f8mvyyvg3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .turmas-hero[b-4f8mvyyvg3],
    .panel-title[b-4f8mvyyvg3],
    .materia-add[b-4f8mvyyvg3] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-actions[b-4f8mvyyvg3] {
        justify-content: flex-start;
    }

    .create-grid[b-4f8mvyyvg3],
    .search-row[b-4f8mvyyvg3] {
        grid-template-columns: 1fr;
    }

    .tabs[b-4f8mvyyvg3] {
        flex-direction: column;
    }
}

/* ===== ficha do aluno ===== */
.aluno-click[b-4f8mvyyvg3] { cursor: pointer; flex: 1; }
.aluno-click:hover strong[b-4f8mvyyvg3] { color: #4f46e5; text-decoration: underline; }

.gt-overlay[b-4f8mvyyvg3] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(15, 23, 42, .55);
    display: flex; align-items: center; justify-content: center; padding: 18px;
}
.gt-modal[b-4f8mvyyvg3] {
    width: min(680px, 100%); max-height: 86vh; display: flex; flex-direction: column;
    background: #fff; border-radius: 16px; overflow: hidden;
}
.gt-modal > header[b-4f8mvyyvg3] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
    padding: 16px 20px; border-bottom: 1px solid #e2e8f0;
}
.gt-modal > header h3[b-4f8mvyyvg3] { margin: 0; font-size: 18px; }
.gt-modal > header span[b-4f8mvyyvg3] { color: #64748b; font-size: 13px; }
.gt-fechar[b-4f8mvyyvg3] { border: 0; background: transparent; font-size: 18px; color: #64748b; cursor: pointer; }
.gt-modal-corpo[b-4f8mvyyvg3] { padding: 16px 20px; overflow-y: auto; }
.gt-modal-corpo h4[b-4f8mvyyvg3] { margin: 16px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #4338ca; }

.gt-edit[b-4f8mvyyvg3] { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 10px; align-items: end; }
.gt-edit label[b-4f8mvyyvg3] { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #64748b; }
.gt-edit input[b-4f8mvyyvg3] { padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; }
.gt-salvar[b-4f8mvyyvg3] {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px;
    border: 0; border-radius: 10px; background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff; font-weight: 800; cursor: pointer;
}
.gt-ficha-msg[b-4f8mvyyvg3] { margin-top: 8px; padding: 8px 12px; border-radius: 8px; font-size: 13px; }
.gt-ficha-msg.ok[b-4f8mvyyvg3] { background: #ecfdf5; color: #047857; }
.gt-ficha-msg.erro[b-4f8mvyyvg3] { background: #fef2f2; color: #b91c1c; }
.gt-vazio-sec[b-4f8mvyyvg3] { color: #94a3b8; font-size: 13px; }

.gt-ficha-turmas[b-4f8mvyyvg3] { list-style: none; margin: 0; padding: 0; }
.gt-ficha-turmas li[b-4f8mvyyvg3] { padding: 6px 0; border-bottom: 1px dashed #e2e8f0; }
.gt-ficha-turmas em[b-4f8mvyyvg3] { color: #6366f1; font-style: normal; font-size: 12px; font-weight: 700; margin-left: 6px; }

.gt-ficha-filtros[b-4f8mvyyvg3] { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.gt-ficha-filtros select[b-4f8mvyyvg3] { border: 1.5px solid #e2e8f0; border-radius: 8px; padding: 6px 10px; font-size: 12.5px; color: #334155; background: #fff; }

.gt-notas[b-4f8mvyyvg3] { width: 100%; border-collapse: collapse; font-size: 13px; }
.gt-notas th[b-4f8mvyyvg3] { text-align: left; color: #64748b; font-size: 11px; text-transform: uppercase; padding: 6px 8px; border-bottom: 1px solid #e2e8f0; }
.gt-notas td[b-4f8mvyyvg3] { padding: 6px 8px; border-bottom: 1px solid #f1f5f9; }

@media (max-width: 640px) {
    .gt-edit[b-4f8mvyyvg3] { grid-template-columns: 1fr 1fr; }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.turma-card[b-4f8mvyyvg3] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.turma-card[b-4f8mvyyvg3]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 8px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.turma-card:hover[b-4f8mvyyvg3] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.turma-card:hover[b-4f8mvyyvg3]::before {
    width: 50%;
    height: 50%;
}

/* ===== abas de página (paridade com as abas do legado) ===== */
.page-tabs[b-4f8mvyyvg3] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 5px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.page-tabs button[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 6px;
    color: #475569;
    background: transparent;
    font-size: .86rem;
    font-weight: 850;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.page-tabs button:hover[b-4f8mvyyvg3] { color: #4338ca; background: #f1f5f9; }

.page-tabs button.active[b-4f8mvyyvg3] {
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    box-shadow: 0 8px 16px rgba(79, 70, 229, .22);
}

/* ===== visão geral ===== */
.vg-cards[b-4f8mvyyvg3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.vg-card[b-4f8mvyyvg3] {
    position: relative;
    display: grid;
    gap: 4px;
    justify-items: start;
    padding: 16px 18px;
    text-align: left;
    cursor: pointer;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vg-card:hover[b-4f8mvyyvg3] { transform: translateY(-2px); border-color: #c7d2fe; box-shadow: 0 18px 34px rgba(79, 70, 229, .14); }

.vg-card strong[b-4f8mvyyvg3] { font-size: 1.7rem; font-weight: 950; color: #0f172a; }
.vg-card > span:last-of-type[b-4f8mvyyvg3] { color: #64748b; font-size: .82rem; font-weight: 750; }

.vg-ico[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    color: #fff;
}

.vg-card.c-indigo .vg-ico[b-4f8mvyyvg3] { background: linear-gradient(135deg, #4f46e5, #4338ca); }
.vg-card.c-green .vg-ico[b-4f8mvyyvg3] { background: linear-gradient(135deg, #0f766e, #059669); }
.vg-card.c-purple .vg-ico[b-4f8mvyyvg3] { background: linear-gradient(135deg, #7c3aed, #6d28d9); }

.vg-go[b-4f8mvyyvg3] { position: absolute; right: 14px; top: 16px; color: #94a3b8; }

/* ===== chips de matéria no card da turma ===== */
.turma-mat-chips[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mat-chip[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    color: #4338ca;
    background: #e0e7ff;
    font-size: .7rem;
    font-weight: 800;
}

.mat-chip.serie[b-4f8mvyyvg3] { color: #0369a1; background: #e0f2fe; }
.mat-chip.turma[b-4f8mvyyvg3] { color: #065f46; background: #d1fae5; }

.mat-chip.add[b-4f8mvyyvg3] {
    color: #64748b;
    background: #f1f5f9;
    border: 1px dashed #cbd5e1;
    cursor: pointer;
}

.mat-chip.add:hover[b-4f8mvyyvg3] { color: #4338ca; border-color: #818cf8; background: #eef2ff; }

/* ===== botão gradiente padrão ===== */
.btn-grad[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 15px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    font-size: .84rem;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease;
}

.btn-grad:hover[b-4f8mvyyvg3] { transform: translateY(-1px); box-shadow: 0 12px 22px rgba(79, 70, 229, .22); }

.create-actions[b-4f8mvyyvg3] { display: flex; justify-content: flex-end; margin-top: 10px; }

.incluir-box[b-4f8mvyyvg3] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px dashed #c7d2fe;
    border-radius: 8px;
    background: #f8faff;
}

/* ===== chips selecionáveis (modal matérias / novo aluno) ===== */
.chips-pick[b-4f8mvyyvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chip-pick[b-4f8mvyyvg3] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 13px;
    border: 1.5px solid #dbe4ef;
    border-radius: 999px;
    color: #475569;
    background: #fff;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.chip-pick:hover[b-4f8mvyyvg3] { border-color: #818cf8; }

.chip-pick.on[b-4f8mvyyvg3] {
    color: #fff;
    border-color: #4f46e5;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.aviso-sem-serie[b-4f8mvyyvg3] {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fffbeb;
    color: #92400e;
    font-size: .82rem;
    font-weight: 750;
}

.dedup-warn[b-4f8mvyyvg3] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fffbeb;
    color: #92400e;
    font-size: .82rem;
    font-weight: 750;
}

.na-grid[b-4f8mvyyvg3] { margin-bottom: 4px; }
.na-tipo[b-4f8mvyyvg3] { max-width: 240px; }
.na-foot[b-4f8mvyyvg3] { display: flex; justify-content: flex-end; margin-top: 14px; }

/* ===== cards agrupados (abas Matérias e Séries, iguais ao legado) ===== */
.grupo-grid[b-4f8mvyyvg3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.grupo-card[b-4f8mvyyvg3] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    box-shadow: 0 6px 14px rgba(15, 23, 42, .04);
}

.grupo-nome[b-4f8mvyyvg3] { font-size: 1rem; font-weight: 900; color: #0f172a; }

.grupo-bloco[b-4f8mvyyvg3] { display: grid; gap: 5px; }

.grupo-lbl[b-4f8mvyyvg3] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.grupo-chips[b-4f8mvyyvg3] { display: flex; flex-wrap: wrap; gap: 4px; }

.grupo-vazio[b-4f8mvyyvg3] { color: #94a3b8; font-size: .78rem; font-style: italic; }

@media (max-width: 720px) {
    .students article[b-4f8mvyyvg3] { grid-template-columns: 40px minmax(0, 1fr) 34px; }
    .tipo-select[b-4f8mvyyvg3] { display: none; }
    .page-tabs button[b-4f8mvyyvg3] { flex: 1; justify-content: center; padding: 0 8px; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-video-sec[b-wywis5g3vp] {
    margin-top: 22px;
}

.home-video-sec[b-wywis5g3vp]  .gp-video {
    max-width: 780px;
    margin: 0 auto;
}

.home-hero[b-wywis5g3vp],
.home-stats[b-wywis5g3vp],
.home-workflow[b-wywis5g3vp],
.home-planos[b-wywis5g3vp],
.home-features[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
}

/* ===== CTA "Ver planos" — card destacado com degradê azul, no meio da landing ===== */
.home-planos[b-wywis5g3vp] {
    margin-top: 22px;
}

.home-planos-card[b-wywis5g3vp] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 28px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(460px 200px at 50% -40%, rgba(255, 255, 255, 0.32), transparent 60%),
        linear-gradient(120deg, #2563eb 0%, #4f46e5 55%, #6d28d9 100%);
    box-shadow: 0 28px 62px rgba(37, 99, 235, 0.28);
}

.home-planos-card[b-wywis5g3vp]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent);
    pointer-events: none;
}

.home-planos-eyebrow[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .82);
}

.home-planos-card h2[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
    margin: 6px 0 0;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.1;
}

.home-planos-card p[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
}

.home-planos-btn[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 32px;
    border-radius: 14px;
    color: #1e3a8a;
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(18, 12, 50, .28);
    transition: transform .16s ease, box-shadow .16s ease;
}

.home-planos-btn:hover[b-wywis5g3vp] {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(18, 12, 50, .34);
}

@media (max-width: 760px) {
    .home-planos-card[b-wywis5g3vp] {
        padding: 26px 20px;
    }

    .home-planos-card h2[b-wywis5g3vp] {
        font-size: 1.35rem;
    }
}

.home-hero[b-wywis5g3vp] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) 340px;
    gap: 18px;
    padding: 14px 28px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 180px at 90% -30%, rgba(255, 255, 255, 0.34), transparent 58%),
        linear-gradient(120deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(37, 99, 235, 0.24);
    overflow: hidden;
}

.home-hero[b-wywis5g3vp]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent);
    pointer-events: none;
}

.home-hero-copy[b-wywis5g3vp],
.home-hero-aside[b-wywis5g3vp] {
    position: relative;
    z-index: 1;
}

.home-kicker[b-wywis5g3vp],
.home-eyebrow[b-wywis5g3vp] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-kicker[b-wywis5g3vp] {
    color: rgba(255,255,255,.78);
}

.home-eyebrow[b-wywis5g3vp] {
    color: #6d28d9;
}

.home-hero h1[b-wywis5g3vp],
.home-section-head h2[b-wywis5g3vp] {
    margin: 8px 0 0;
    color: #0f172a;
    font-weight: 900;
    letter-spacing: 0;
}

.home-hero h1[b-wywis5g3vp] { margin: 4px 0 0;
    max-width: 640px;
    color: #fff;
    font-size: 2rem;
    line-height: 1.02;
}

.home-hero p[b-wywis5g3vp] {
    max-width: 620px;
    margin: 5px 0 0;
    color: rgba(255,255,255,.9);
    font-size: 14px;
    line-height: 1.65;
}

.home-actions[b-wywis5g3vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.home-btn[b-wywis5g3vp] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.home-btn:hover[b-wywis5g3vp] {
    transform: translateY(-1px);
}

.home-btn-primary[b-wywis5g3vp] {
    color: #1f1750;
    background: #fff;
    box-shadow: 0 10px 24px rgba(18, 12, 50, .2);
}

.home-btn-secondary[b-wywis5g3vp] {
    color: #fff;
    border: 1px solid rgba(255,255,255,.42);
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}

.home-hero-aside[b-wywis5g3vp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-mini-stat[b-wywis5g3vp] {
    padding: 10px 17px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(12px);
}

.home-mini-stat span[b-wywis5g3vp],
.home-mini-stat small[b-wywis5g3vp] {
    display: block;
    color: rgba(255,255,255,.78);
    font-size: 12px;
}

.home-mini-stat strong[b-wywis5g3vp] {
    display: block;
    margin: 8px 0 4px;
    font-size: 29px;
    line-height: 1;
    font-weight: 900;
}

.home-stats[b-wywis5g3vp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.home-stat-card[b-wywis5g3vp],
.home-step-card[b-wywis5g3vp],
.home-feature-card[b-wywis5g3vp] {
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 14px 34px rgba(40, 30, 90, .08);
}

.home-stat-card[b-wywis5g3vp] {
    padding: 18px;
}

.home-stat-card span[b-wywis5g3vp],
.home-stat-card small[b-wywis5g3vp] {
    display: block;
}

.home-stat-card span[b-wywis5g3vp] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.home-stat-card strong[b-wywis5g3vp] {
    display: block;
    margin: 10px 0 4px;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.home-stat-card small[b-wywis5g3vp] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.home-workflow[b-wywis5g3vp],
.home-features[b-wywis5g3vp] {
    margin-top: 22px;
}

.home-section-head[b-wywis5g3vp] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin: 0 4px 14px;
}

.home-section-head h2[b-wywis5g3vp] {
    margin-top: 6px;
    font-size: 1.4rem;
}

.home-section-head a[b-wywis5g3vp] {
    color: #4f46e5;
    text-decoration: none;
    font-size: .92rem;
    font-weight: 900;
    white-space: nowrap;
}

.home-steps[b-wywis5g3vp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.home-step-card[b-wywis5g3vp] {
    padding: 20px;
}

.home-step-number[b-wywis5g3vp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    color: #5b21b6;
    background: #ede9fe;
    font-size: 12px;
    font-weight: 900;
}

.home-step-card strong[b-wywis5g3vp],
.home-feature-card strong[b-wywis5g3vp] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.home-step-card strong[b-wywis5g3vp] {
    margin-top: 14px;
}

.home-step-card p[b-wywis5g3vp],
.home-feature-card p[b-wywis5g3vp] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.home-feature-grid[b-wywis5g3vp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.home-feature-card[b-wywis5g3vp] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 18px;
}

.home-feature-icon[b-wywis5g3vp] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

@media (max-width: 1100px) {
    .home-hero[b-wywis5g3vp] {
        grid-template-columns: 1fr;
    }

    .home-hero-aside[b-wywis5g3vp],
    .home-stats[b-wywis5g3vp],
    .home-steps[b-wywis5g3vp],
    .home-feature-grid[b-wywis5g3vp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hero-aside[b-wywis5g3vp] {
        display: grid;
    }
}

@media (max-width: 760px) {
    .home-hero[b-wywis5g3vp] {
        padding: 14px 22px;
    }

    .home-stats[b-wywis5g3vp],
    .home-steps[b-wywis5g3vp],
    .home-feature-grid[b-wywis5g3vp] {
        grid-template-columns: 1fr;
    }

    .home-feature-card[b-wywis5g3vp] {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .home-feature-icon[b-wywis5g3vp] {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 1.15rem;
    }

    .home-section-head[b-wywis5g3vp] {
        flex-direction: column;
        align-items: start;
    }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.home-feature-card[b-wywis5g3vp] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.home-feature-card[b-wywis5g3vp]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.home-feature-card:hover[b-wywis5g3vp] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.home-feature-card:hover[b-wywis5g3vp]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.home-stat-card[b-wywis5g3vp] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.home-stat-card[b-wywis5g3vp]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.home-stat-card:hover[b-wywis5g3vp] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.home-stat-card:hover[b-wywis5g3vp]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.home-step-card[b-wywis5g3vp] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.home-step-card[b-wywis5g3vp]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.home-step-card:hover[b-wywis5g3vp] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.home-step-card:hover[b-wywis5g3vp]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/Imprensa.razor.rz.scp.css */
.pr-root[b-7n7siwbhov] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-dark: #0a0a1a;
    --bg-card: rgba(30, 41, 59, 0.55);
    --text-primary: #ffffff;
    --text-secondary: rgba(255,255,255,.72);
    --text-muted: rgba(255,255,255,.5);
    --border-subtle: rgba(255,255,255,.08);
    --border-strong: rgba(255,255,255,.18);
    --purple: #a78bfa;
    --purple-glow: rgba(167,139,250,.18);
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--bg-dark);
    color: var(--text-primary);
    min-height: 100vh;
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.pr-page[b-7n7siwbhov] { max-width: 1180px; margin: 0 auto; padding: 60px 24px; }

/* HERO */
.pr-hero[b-7n7siwbhov] {
    background: var(--primary-gradient); border-radius: 24px;
    padding: 56px 48px; position: relative; overflow: hidden;
    margin-bottom: 36px; box-shadow: 0 20px 60px rgba(102,126,234,0.25);
}
.pr-hero[b-7n7siwbhov]::before {
    content: ''; position: absolute; top: -40%; right: -10%;
    width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
    border-radius: 50%; pointer-events: none;
}
.pr-hero-tag[b-7n7siwbhov] {
    display: inline-block; padding: 7px 16px;
    background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50px; font-size: 0.78rem; font-weight: 600;
    letter-spacing: 2.5px; text-transform: uppercase;
    margin-bottom: 22px; position: relative; z-index: 1;
}
.pr-hero h1[b-7n7siwbhov] {
    font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800;
    line-height: 1.15; margin-bottom: 18px; position: relative; z-index: 1;
}
.pr-hero p[b-7n7siwbhov] { font-size: 1.06rem; line-height: 1.6; opacity: 0.94; max-width: 820px; position: relative; z-index: 1; }

/* NUMBERS */
.pr-numbers[b-7n7siwbhov] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
.pr-num-card[b-7n7siwbhov] {
    background: var(--bg-card); backdrop-filter: blur(20px);
    border: 1px solid var(--border-subtle); border-radius: 18px;
    padding: 26px 18px; text-align: center; transition: all .3s;
}
.pr-num-card:hover[b-7n7siwbhov] { transform: translateY(-3px); border-color: var(--purple); box-shadow: 0 12px 32px var(--purple-glow); }
.pr-num-value[b-7n7siwbhov] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2.6rem; font-weight: 700; line-height: 1;
    background: linear-gradient(135deg, #c4b5fd, #fff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.pr-num-plus[b-7n7siwbhov] { font-size: 1.5rem; }
.pr-num-unit[b-7n7siwbhov] { font-size: 0.9rem; color: var(--purple); font-weight: 600; margin-top: 4px; }
.pr-num-label[b-7n7siwbhov] { font-size: 0.72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; line-height: 1.3; }

/* SECTION */
.pr-section[b-7n7siwbhov] {
    background: var(--bg-card); backdrop-filter: blur(20px);
    border: 1px solid var(--border-subtle); border-radius: 18px;
    padding: 32px 36px; margin-bottom: 24px;
}
.pr-section-head[b-7n7siwbhov] {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--border-subtle);
}
.pr-section-icon[b-7n7siwbhov] {
    width: 42px; height: 42px; border-radius: 11px;
    background: var(--primary-gradient); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.15rem; flex-shrink: 0; box-shadow: 0 6px 18px var(--purple-glow);
}
.pr-section h2[b-7n7siwbhov] { font-size: 1.35rem; font-weight: 700; color: white; margin: 0; }
.pr-section h2 small[b-7n7siwbhov] { display: block; font-size: 0.88rem; color: var(--text-muted); font-weight: 500; margin-top: 3px; }

/* DOWNLOADS */
.pr-dl-grid[b-7n7siwbhov] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.pr-dl-card[b-7n7siwbhov] {
    border: 1px solid var(--border-subtle); background: rgba(255,255,255,0.03);
    border-radius: 14px; padding: 20px; text-decoration: none; color: white;
    transition: all .25s; display: flex; flex-direction: column; gap: 6px;
}
.pr-dl-card:hover[b-7n7siwbhov] { border-color: var(--purple); background: rgba(167,139,250,0.08); transform: translateY(-3px); color: white; box-shadow: 0 12px 28px var(--purple-glow); }
.pr-dl-icon[b-7n7siwbhov] {
    width: 40px; height: 40px; border-radius: 10px;
    background: var(--purple-glow); color: var(--purple);
    display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-bottom: 6px;
}
.pr-dl-title[b-7n7siwbhov] { font-weight: 700; font-size: 1rem; }
.pr-dl-desc[b-7n7siwbhov] { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.45; }
.pr-dl-meta[b-7n7siwbhov] { font-size: 0.72rem; color: var(--purple); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 6px; }

/* BOILERPLATE */
.pr-boil[b-7n7siwbhov] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pr-boil-full[b-7n7siwbhov] { grid-column: 1 / -1; }
.pr-boil-card[b-7n7siwbhov] { background: rgba(255,255,255,0.03); border-left: 4px solid var(--purple); border-radius: 0 14px 14px 0; padding: 18px 20px; }
.pr-boil-tag[b-7n7siwbhov] { font-size: 0.72rem; color: var(--purple); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; }
.pr-boil-text[b-7n7siwbhov] { font-size: 0.95rem; color: var(--text-secondary); line-height: 1.6; position: relative; padding-right: 80px; }
.pr-boil-copy[b-7n7siwbhov] {
    position: absolute; top: 0; right: 0;
    background: rgba(255,255,255,0.05); border: 1px solid var(--border-strong);
    color: var(--text-secondary); padding: 5px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 600; cursor: pointer; transition: all .2s;
}
.pr-boil-copy:hover[b-7n7siwbhov] { background: var(--purple); border-color: var(--purple); color: white; }
.pr-boil-copy.ok[b-7n7siwbhov] { background: #10b981; border-color: #10b981; color: white; }

/* DIFFS */
.pr-diffs[b-7n7siwbhov] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; }
.pr-diff[b-7n7siwbhov] { display: flex; gap: 14px; align-items: flex-start; font-size: 0.96rem; line-height: 1.55; color: var(--text-secondary); }
.pr-diff-bul[b-7n7siwbhov] {
    width: 26px; height: 26px; border-radius: 50%;
    background: var(--primary-gradient); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75rem; font-weight: 800; flex-shrink: 0; margin-top: 1px;
    box-shadow: 0 4px 12px var(--purple-glow);
}
.pr-diff strong[b-7n7siwbhov] { color: white; }

/* FOUNDER */
.pr-founder[b-7n7siwbhov] {
    display: flex; gap: 28px; align-items: center;
    background: linear-gradient(135deg, rgba(102,126,234,0.10) 0%, rgba(118,75,162,0.10) 100%);
    border: 1px solid var(--border-subtle); border-radius: 16px; padding: 28px 32px;
}
.pr-founder-name[b-7n7siwbhov] { font-size: 1.35rem; font-weight: 700; color: white; margin: 0 0 3px; }
.pr-founder-role[b-7n7siwbhov] { font-size: 0.92rem; color: var(--purple); font-weight: 600; margin: 0 0 12px; }
.pr-founder-bio[b-7n7siwbhov] { font-size: 0.96rem; color: var(--text-secondary); line-height: 1.6; margin: 0; }

/* CONTACT */
.pr-contact[b-7n7siwbhov] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.pr-contact-card[b-7n7siwbhov] { background: rgba(255,255,255,0.03); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 20px; transition: all .2s; }
.pr-contact-card:hover[b-7n7siwbhov] { border-color: var(--purple); background: rgba(167,139,250,0.06); }
.pr-contact-label[b-7n7siwbhov] { font-size: 0.72rem; color: var(--purple); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 6px; }
.pr-contact-value[b-7n7siwbhov] { font-size: 1.05rem; color: white; font-weight: 600; }
.pr-contact-value a[b-7n7siwbhov] { color: white; text-decoration: none; }
.pr-contact-value a:hover[b-7n7siwbhov] { color: var(--purple); }

/* COVERAGE EMPTY */
.pr-coverage-empty[b-7n7siwbhov] { text-align: center; padding: 40px 20px; color: var(--text-muted); font-style: italic; }
.pr-coverage-empty i[b-7n7siwbhov] { font-size: 2.2rem; display: block; margin-bottom: 12px; opacity: 0.5; color: var(--purple); }

/* FOOTER */
.pr-foot[b-7n7siwbhov] { margin-top: 40px; padding: 28px 0; text-align: center; color: var(--text-muted); font-size: 0.85rem; border-top: 1px solid var(--border-subtle); }
.pr-foot a[b-7n7siwbhov] { color: var(--text-secondary); text-decoration: none; }
.pr-foot a:hover[b-7n7siwbhov] { color: white; }

@media (max-width: 768px) {
    .pr-hero[b-7n7siwbhov] { padding: 40px 28px; }
    .pr-hero h1[b-7n7siwbhov] { font-size: 1.6rem; }
    .pr-numbers[b-7n7siwbhov] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .pr-section[b-7n7siwbhov] { padding: 24px 22px; }
    .pr-boil[b-7n7siwbhov], .pr-diffs[b-7n7siwbhov] { grid-template-columns: 1fr; }
    .pr-founder[b-7n7siwbhov] { flex-direction: column; text-align: center; }
    .pr-boil-text[b-7n7siwbhov] { padding-right: 0; }
    .pr-boil-copy[b-7n7siwbhov] { position: static; margin-top: 10px; display: inline-block; }
}
/* /Components/Pages/ImprimirAtividade.razor.rz.scp.css */
.iat-vazio[b-x5jvtbodfb] { padding: 40px; text-align: center; color: #64748b; }

.iat-toolbar[b-x5jvtbodfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.iat-gab-toggle[b-x5jvtbodfb] { display: inline-flex; align-items: center; gap: 6px; color: #475569; font-weight: 700; }

.iat-toolbar button[b-x5jvtbodfb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
}

.iat-doc[b-x5jvtbodfb] {
    max-width: 820px;
    margin: 0 auto;
    padding: 28px 32px;
    background: #fff;
    color: #111;
    font-size: 13px;
    line-height: 1.55;
}

.iat-doc header h1[b-x5jvtbodfb] { margin: 0 0 4px; font-size: 20px; }
.iat-doc header p[b-x5jvtbodfb] { margin: 2px 0; color: #444; }
.iat-aluno[b-x5jvtbodfb] { margin-top: 10px !important; color: #111 !important; }

.iat-doc section[b-x5jvtbodfb] { margin-top: 14px; }
.iat-doc section h2[b-x5jvtbodfb] { margin: 0 0 6px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; border-bottom: 2px solid #444; padding-bottom: 3px; }

.iat-questao[b-x5jvtbodfb] { margin-top: 14px; page-break-inside: avoid; }
.iat-alts[b-x5jvtbodfb] { list-style: none; margin: 4px 0 0; padding-left: 12px; }
.iat-alts li[b-x5jvtbodfb] { margin: 2px 0; }
.iat-alts li.certa[b-x5jvtbodfb] { font-weight: 800; }
.iat-linhas[b-x5jvtbodfb] { height: 84px; border-bottom: 1px solid #bbb; background: repeating-linear-gradient(#fff, #fff 27px, #bbb 28px); margin-top: 6px; }
.iat-gab[b-x5jvtbodfb] { color: #047857; margin: 4px 0 0; }
.iat-gabarito[b-x5jvtbodfb] { border: 2px solid #444; border-radius: 8px; padding: 10px 12px; }

.iat-doc footer[b-x5jvtbodfb] { margin-top: 24px; text-align: center; color: #777; font-size: 11px; }

@media print {
    .no-print[b-x5jvtbodfb] { display: none !important; }
    .iat-doc[b-x5jvtbodfb] { padding: 0; max-width: none; }
    .iat-alts li.certa[b-x5jvtbodfb] { text-decoration: underline; }
}
/* /Components/Pages/ImprimirPlanoAula.razor.rz.scp.css */
.ipl-vazio[b-fvu6fjrth7] { padding: 40px; text-align: center; color: #64748b; }

.ipl-toolbar[b-fvu6fjrth7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.ipl-toolbar button[b-fvu6fjrth7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
}

.ipl-doc[b-fvu6fjrth7] {
    max-width: 820px;
    margin: 0 auto;
    padding: 28px 32px;
    background: #fff;
    color: #111;
    font-size: 13px;
    line-height: 1.5;
}

.ipl-doc header h1[b-fvu6fjrth7] { margin: 0 0 4px; font-size: 22px; }
.ipl-doc header p[b-fvu6fjrth7] { margin: 2px 0; color: #444; }

.ipl-aula[b-fvu6fjrth7] { margin-top: 18px; page-break-inside: avoid; }
.ipl-aula h2[b-fvu6fjrth7] { margin: 0 0 6px; font-size: 16px; border-bottom: 2px solid #444; padding-bottom: 3px; }
.ipl-aula h3[b-fvu6fjrth7] { margin: 10px 0 3px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.ipl-aula ul[b-fvu6fjrth7] { margin: 0; padding-left: 18px; }
.ipl-resumo[b-fvu6fjrth7] { font-style: italic; color: #333; }
.ipl-leitura[b-fvu6fjrth7] { white-space: pre-wrap; border-left: 3px solid #999; padding-left: 10px; }
.ipl-ex[b-fvu6fjrth7] { border: 1px solid #ccc; border-radius: 6px; padding: 8px 10px; margin: 6px 0; }
.ipl-ex p[b-fvu6fjrth7] { margin: 2px 0; }

.ipl-pais[b-fvu6fjrth7] { margin-top: 20px; border: 2px solid #444; border-radius: 8px; padding: 12px; }
.ipl-pais h2[b-fvu6fjrth7] { margin: 0 0 6px; font-size: 15px; }
.ipl-pais p[b-fvu6fjrth7] { margin: 0; white-space: pre-wrap; }

.ipl-doc footer[b-fvu6fjrth7] { margin-top: 24px; text-align: center; color: #777; font-size: 11px; }

@media print {
    .no-print[b-fvu6fjrth7] { display: none !important; }
    .ipl-doc[b-fvu6fjrth7] { padding: 0; max-width: none; }
}
/* /Components/Pages/ImprimirProva.razor.rz.scp.css */
.ip-page[b-133d8erq39] {
    display: grid;
    gap: 12px;
}

.ip-toolbar[b-133d8erq39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid #1f2a44;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.95);
}

.ip-toolbar-main[b-133d8erq39] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ip-btn[b-133d8erq39] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #334155;
    color: #dbe7ff;
    background: #1e293b;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ip-btn:hover[b-133d8erq39] {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.ip-btn.primary[b-133d8erq39] {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.ip-btn.success[b-133d8erq39] {
    border-color: transparent;
    color: #052e22;
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
}

.ip-btn.ghost[b-133d8erq39] {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    background: transparent;
}

.ip-alert[b-133d8erq39] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.ip-alert.error[b-133d8erq39] {
    border: 1px solid #fecaca;
    color: #991b1b;
    background: #fef2f2;
}

.ip-alert.ok[b-133d8erq39] {
    border: 1px solid #a7f3d0;
    color: #065f46;
    background: #ecfdf5;
}

.ip-loading[b-133d8erq39],
.ip-empty[b-133d8erq39] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 180px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #fff;
    color: #64748b;
}

.ip-empty h2[b-133d8erq39] {
    margin: 0;
    color: #1e293b;
    font-size: 1.2rem;
    font-weight: 900;
}

.ip-empty p[b-133d8erq39] {
    margin: 0;
    font-size: 14px;
}

.ip-paper[b-133d8erq39] {
    width: min(210mm, 100%);
    margin: 0 auto;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 16mm;
    color: #111827;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.14);
}

.ip-head[b-133d8erq39] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #1f2937;
}

.ip-logo[b-133d8erq39] {
    width: 56px;
    height: 56px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
}

.ip-logo img[b-133d8erq39] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ip-head-copy span[b-133d8erq39] {
    display: block;
    color: #64748b;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 900;
}

.ip-head-copy h1[b-133d8erq39] {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

.ip-head-copy p[b-133d8erq39] {
    margin: 4px 0 0;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.ip-student[b-133d8erq39] {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

.ip-student div[b-133d8erq39] {
    border-bottom: 1px solid #cbd5e1;
    padding-bottom: 3px;
}

.ip-student small[b-133d8erq39] {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

.ip-student span[b-133d8erq39] {
    display: block;
    height: 20px;
}

.ip-questions[b-133d8erq39] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.ip-q[b-133d8erq39] {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e7eb;
    break-inside: avoid;
}

.ip-q:last-child[b-133d8erq39] {
    border-bottom: 0;
}

.ip-q-head[b-133d8erq39] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #111827;
    font-size: 16px;
    line-height: 1.45;
}

.ip-q ul[b-133d8erq39] {
    margin: 8px 0 0 28px;
    padding: 0;
    list-style: none;
}

.ip-q li[b-133d8erq39] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
}

.ip-q li.correct[b-133d8erq39] {
    margin-left: -8px;
    padding: 3px 8px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    color: #065f46;
    background: #ecfdf5;
}

.ip-q li.exp[b-133d8erq39] {
    margin-left: 12px;
    color: #92400e;
    font-size: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 4px 8px;
}

.ip-lines[b-133d8erq39] {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.ip-lines span[b-133d8erq39] {
    display: block;
    height: 20px;
    border-bottom: 1px solid #d1d5db;
}

.ip-answer-box[b-133d8erq39] {
    margin-top: 8px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 8px;
    color: #78350f;
    background: #fffbeb;
    font-size: 12px;
}

.ip-answer-box strong[b-133d8erq39] {
    display: block;
    margin-bottom: 4px;
}

.ip-answer-box p[b-133d8erq39] {
    margin: 0;
}

@media print {
    .gp-topbar[b-133d8erq39],
    .gp-sidebar[b-133d8erq39],
    .ip-toolbar[b-133d8erq39],
    .ip-alert[b-133d8erq39] {
        display: none !important;
    }

    .gp-app-main[b-133d8erq39] {
        padding: 0 !important;
        background: #fff !important;
    }

    .ip-paper[b-133d8erq39] {
        margin: 0 !important;
        width: 210mm !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 980px) {
    .ip-student[b-133d8erq39] {
        grid-template-columns: 1fr;
    }

    .ip-paper[b-133d8erq39] {
        padding: 10mm;
    }
}

/* Figura do enunciado (QuestaoImagem via /api/questao-img) — ENEM etc. */
.q-imagem[b-133d8erq39] {
    display: block;
    max-width: 100%;
    max-height: 340px;
    margin: .5rem auto .65rem;
    border-radius: 8px;
    object-fit: contain;
}

/* ===== Painel Personalizar (fora do documento — 04/07) ===== */
.ip-btn.word[b-133d8erq39] { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; border: 0; }

.ip-painel[b-133d8erq39] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    border: 1px solid #c7d7fe;
    border-radius: 14px;
    background: #f6f8ff;
    padding: .9rem 1rem;
    margin: 0 auto .8rem;
    max-width: 820px;
}

.ip-p-col[b-133d8erq39] { display: flex; flex-direction: column; gap: .45rem; }

.ip-p-col h4[b-133d8erq39] { margin: .2rem 0 0; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #4338ca; display: flex; gap: .35rem; align-items: center; }

.ip-p-col input[type="text"][b-133d8erq39], .ip-p-col input:not([type])[b-133d8erq39] {
    border: 1px solid #d9dcea;
    border-radius: 8px;
    padding: .4rem .55rem;
    font-size: .9rem;
}

.ip-p-file[b-133d8erq39] { position: relative; overflow: hidden; border: 1px dashed #a5b4fc; border-radius: 8px; padding: .45rem .6rem; cursor: pointer; background: #fff; }

.ip-p-file input[type="file"][b-133d8erq39] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.ip-p-file span[b-133d8erq39] { color: #4338ca; font-weight: 600; font-size: .86rem; }

.ip-p-check[b-133d8erq39] { display: flex; align-items: center; gap: .4rem; font-size: .88rem; color: #35386e; }

.ip-p-campo[b-133d8erq39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    background: #fff;
    padding: .3rem .5rem;
    font-size: .86rem;
}

.ip-p-campo-acoes button[b-133d8erq39] { border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0 .15rem; }

.ip-p-campo-acoes button:last-child[b-133d8erq39] { color: #b03a3a; }

.ip-p-campo-acoes button:disabled[b-133d8erq39] { opacity: .3; }

.ip-p-add[b-133d8erq39] { display: flex; gap: .4rem; }

.ip-p-add input[b-133d8erq39] { flex: 1; border: 1px solid #d9dcea; border-radius: 8px; padding: .35rem .5rem; }

.ip-p-add button[b-133d8erq39] { border: 0; border-radius: 8px; background: #17a673; color: #fff; padding: 0 .7rem; cursor: pointer; }

/* campos do aluno no papel: primeiro campo ocupa a linha */
.ip-student[b-133d8erq39] { display: flex; flex-wrap: wrap; gap: .6rem; }

.ip-student > div[b-133d8erq39] { flex: 1 1 160px; }

.ip-student > div.largo[b-133d8erq39] { flex: 1 1 100%; }

@media print { .no-print[b-133d8erq39] { display: none !important; } }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-2k4c00vnjv] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    background:
        radial-gradient(circle at 90% 4%, rgba(255, 255, 255, .22), transparent 20rem),
        radial-gradient(circle at 12% 88%, rgba(245, 184, 64, .24), transparent 18rem),
        linear-gradient(135deg, #7c5cf7 0%, #5b3eea 48%, #4c30c2 100%);
    color: #fff;
    overflow: hidden;
}

.login-shell[b-2k4c00vnjv]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 56px 56px;
}

.login-story[b-2k4c00vnjv],
.login-panel[b-2k4c00vnjv] {
    position: relative;
    z-index: 1;
}

.login-story[b-2k4c00vnjv] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    padding: 44px clamp(28px, 6vw, 72px);
}

.login-brand[b-2k4c00vnjv] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    align-self: flex-start;
    color: #fff;
    text-decoration: none;
    font-size: 1.28rem;
    font-weight: 900;
}

.login-brand-mark[b-2k4c00vnjv] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #5b3eea;
    background: #fff;
    box-shadow: 0 10px 24px rgba(20, 15, 55, .24);
    font-size: .82rem;
    font-weight: 900;
}

.login-pill[b-2k4c00vnjv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.login-pill span[b-2k4c00vnjv] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
}

.login-story h1[b-2k4c00vnjv] {
    max-width: 560px;
    margin: 0;
    font-size: clamp(2.45rem, 5vw, 4rem);
    line-height: .98;
    font-weight: 900;
    letter-spacing: -.045em;
}

.login-lead[b-2k4c00vnjv] {
    max-width: 560px;
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 1.03rem;
    line-height: 1.65;
}

.login-features[b-2k4c00vnjv] {
    display: grid;
    gap: 12px;
    max-width: 540px;
}

.login-feature[b-2k4c00vnjv] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 15px;
    background: rgba(255, 255, 255, .17);
    backdrop-filter: blur(12px);
}

.login-feature i[b-2k4c00vnjv] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #25d366, #128c7e);
    box-shadow: 0 8px 18px rgba(20, 15, 55, .2);
}

.login-feature:nth-child(2) i[b-2k4c00vnjv] {
    background: linear-gradient(135deg, #a5b4fc, #8b5cf6);
}

.login-feature:nth-child(3) i[b-2k4c00vnjv] {
    background: linear-gradient(135deg, #f5b840, #e69500);
}

.login-feature strong[b-2k4c00vnjv] {
    display: block;
    font-size: .95rem;
}

.login-feature span[b-2k4c00vnjv] {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, .8);
    font-size: .82rem;
}

.login-foot[b-2k4c00vnjv] {
    display: flex;
    justify-content: space-between;
    max-width: 540px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
}

.login-panel[b-2k4c00vnjv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 34px clamp(22px, 4vw, 48px);
}

.login-card[b-2k4c00vnjv] {
    width: min(100%, 440px);
    padding: 30px;
    border-radius: 24px;
    color: #151426;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 28px 68px rgba(18, 12, 50, .3);
    overflow: hidden;
}

.form-pill[b-2k4c00vnjv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #3b1d8a;
    background: #ede9fe;
    font-size: .76rem;
    font-weight: 900;
}

.login-card h2[b-2k4c00vnjv] {
    margin: 0 0 4px;
    color: #111827;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.login-card h2 span[b-2k4c00vnjv] {
    color: #f5b840;
}

.form-sub[b-2k4c00vnjv] {
    margin: 0 0 20px;
    color: #7a7a90;
    font-size: .94rem;
}

.login-alert[b-2k4c00vnjv] {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    color: #b91c1c;
    background: #fee2e2;
    font-size: .88rem;
    font-weight: 700;
}

.field[b-2k4c00vnjv] {
    margin-bottom: 14px;
}

.field label[b-2k4c00vnjv],
.label-row label[b-2k4c00vnjv] {
    margin: 0 0 7px;
    color: #151426;
    font-size: .86rem;
    font-weight: 900;
}

.label-row[b-2k4c00vnjv] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.label-row a[b-2k4c00vnjv] {
    color: #5b3eea;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.input-wrap[b-2k4c00vnjv] {
    position: relative;
}

.input-wrap i[b-2k4c00vnjv] {
    position: absolute;
    left: 14px;
    top: 50%;
    color: #5b3eea;
    transform: translateY(-50%);
}

.input-wrap[b-2k4c00vnjv]  .login-input {
    width: 100%;
    height: 48px;
    padding: 0 14px 0 42px;
    border: 2px solid #e5e0d3;
    border-radius: 13px;
    color: #151426;
    background: #fff;
    font: inherit;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.input-wrap[b-2k4c00vnjv]  .login-input:focus {
    border-color: #5b3eea;
    box-shadow: 0 0 0 4px rgba(91, 62, 234, .15);
}

[b-2k4c00vnjv] .validation-message,
.validation-message[b-2k4c00vnjv] {
    display: block;
    margin-top: 5px;
    color: #dc2626;
    font-size: .78rem;
    font-weight: 700;
}

.keep-row[b-2k4c00vnjv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 3px 0 16px;
    color: #4b5563;
    font-size: .86rem;
    font-weight: 700;
}

.keep-row input[b-2k4c00vnjv] {
    width: 19px;
    height: 19px;
    accent-color: #5b3eea;
}

.login-submit[b-2k4c00vnjv],
.plans-link[b-2k4c00vnjv],
.google-link[b-2k4c00vnjv] {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 13px;
    font-size: .95rem;
    font-weight: 900;
    text-decoration: none;
}

.login-submit[b-2k4c00vnjv] {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #6d28d9, #5b3eea);
    box-shadow: 0 10px 24px rgba(91, 62, 234, .36);
    transition: transform .16s ease, box-shadow .16s ease;
}

.login-submit:hover[b-2k4c00vnjv] {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(91, 62, 234, .44);
}

.plans-link[b-2k4c00vnjv] {
    margin-top: 10px;
    color: #5b3eea;
    border: 2px solid #ddd6fe;
    background: #f5f3ff;
}

.divider[b-2k4c00vnjv] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    color: #8b8799;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.divider[b-2k4c00vnjv]::before,
.divider[b-2k4c00vnjv]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e5e0d3;
}

.google-link[b-2k4c00vnjv] {
    color: #151426;
    border: 2px solid #e5e0d3;
    background: #fff;
}

.google-dot[b-2k4c00vnjv] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: conic-gradient(#4285f4, #34a853, #fbbc05, #ea4335, #4285f4);
    font-size: .76rem;
    font-weight: 900;
}

.create-account[b-2k4c00vnjv] {
    margin: 17px 0 0;
    padding-top: 15px;
    border-top: 1px solid #e5e0d3;
    color: #7a7a90;
    text-align: center;
    font-size: .85rem;
    font-weight: 700;
}

.create-account a[b-2k4c00vnjv] {
    color: #5b3eea;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 980px) {
    .login-shell[b-2k4c00vnjv] {
        grid-template-columns: 1fr;
        min-height: auto;
        overflow: auto;
    }

    .login-panel[b-2k4c00vnjv] {
        order: -1;
        min-height: auto;
        padding-top: 24px;
    }

    .login-story[b-2k4c00vnjv] {
        min-height: auto;
        padding-top: 18px;
    }

    .login-foot[b-2k4c00vnjv] {
        display: none;
    }
}

@media (max-width: 520px) {
    .login-panel[b-2k4c00vnjv] {
        padding: 18px;
    }

    .login-card[b-2k4c00vnjv] {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .login-story[b-2k4c00vnjv] {
        padding: 18px;
    }

    .login-story h1[b-2k4c00vnjv] {
        font-size: 2.35rem;
    }
}

/* ===== imagem do dia (TbImagemDoDia) no painel lateral ===== */
.login-img-dia[b-2k4c00vnjv] {
    margin: 18px 0 14px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
}

.login-img-dia img[b-2k4c00vnjv] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.login-img-dia figcaption[b-2k4c00vnjv] {
    display: grid;
    gap: 2px;
    padding: 10px 13px;
}

.login-img-dia strong[b-2k4c00vnjv] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-size: .8rem;
}

.login-img-dia small[b-2k4c00vnjv] {
    color: rgba(255, 255, 255, .65);
    font-size: .68rem;
}

.login-brand-mark img[b-2k4c00vnjv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.login-card[b-2k4c00vnjv] {
    position: relative;
    overflow: hidden;
}

.login-card[b-2k4c00vnjv]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 24px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.login-card:hover[b-2k4c00vnjv] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.login-card:hover[b-2k4c00vnjv]::before {
    width: 50%;
    height: 50%;
}

/* ===== Entrar sem senha (magic link) ===== */
.magic-info[b-2k4c00vnjv] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.magic-submit[b-2k4c00vnjv] {
    background: linear-gradient(135deg, #059669, #10b981);
}
/* /Components/Pages/MetricasBusca.razor.rz.scp.css */
.mb-page[b-er2o1wtnaq] { max-width: 1400px; margin: 0 auto; }

.mb-hero[b-er2o1wtnaq] { margin-bottom: 16px; }
.mb-hero .kicker[b-er2o1wtnaq] { font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #7c3aed; }
.mb-hero h1[b-er2o1wtnaq] { margin: 4px 0 2px; font-weight: 900; color: #0f172a; }
.mb-hero p[b-er2o1wtnaq] { margin: 0; color: #64748b; font-size: 14px; }

.mb-cards[b-er2o1wtnaq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.mb-card[b-er2o1wtnaq] {
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mb-card span[b-er2o1wtnaq] { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.mb-card strong[b-er2o1wtnaq] { font-size: 1.55rem; font-weight: 900; color: #0f172a; }
.mb-card.is-destaque[b-er2o1wtnaq] { background: linear-gradient(120deg, #2563eb, #7c3aed); border: 0; }
.mb-card.is-destaque span[b-er2o1wtnaq], .mb-card.is-destaque strong[b-er2o1wtnaq] { color: #fff; }

.mb-erro[b-er2o1wtnaq] { margin-bottom: 12px; padding: 10px 14px; border-radius: 10px; background: #fef2f2; color: #b91c1c; font-size: 14px; }

.mb-toolbar[b-er2o1wtnaq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.mb-filtro-data[b-er2o1wtnaq] { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #475569; }
.mb-filtro-data input[b-er2o1wtnaq] { border: 1px solid #dbe4ef; border-radius: 8px; padding: 6px 8px; font-size: 13px; }
.mb-filtro-busca[b-er2o1wtnaq] {
    flex: 1;
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    padding: 7px 10px;
    background: #fff;
    color: #64748b;
}
.mb-filtro-busca input[b-er2o1wtnaq] { flex: 1; border: 0; outline: none; font-size: 13.5px; }
.mb-colunas[b-er2o1wtnaq] { position: relative; }
.mb-colunas summary[b-er2o1wtnaq] {
    list-style: none;
    cursor: pointer;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    color: #475569;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.mb-colunas > div[b-er2o1wtnaq] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 30;
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(15,23,42,.14);
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 16px;
    min-width: 320px;
}
.mb-colunas label[b-er2o1wtnaq] { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #334155; white-space: nowrap; }
.mb-total[b-er2o1wtnaq] { font-size: 12.5px; color: #64748b; font-weight: 700; }

.mb-vazio[b-er2o1wtnaq] { padding: 40px; text-align: center; color: #94a3b8; font-size: 14px; }

/* Altura limitada à janela: cabeçalho fixo no topo do grid e a barra de
   rolagem horizontal fica sempre visível no rodapé do container. */
.mb-grid-wrap[b-er2o1wtnaq] {
    overflow: auto;
    max-height: calc(100vh - 150px);
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 12px;
}
.mb-grid[b-er2o1wtnaq] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.5px; }
.mb-grid th[b-er2o1wtnaq] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8fafc;
    color: #475569;
    text-align: left;
    padding: 9px 10px;
    border-bottom: 1px solid #e5e9f2;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}
.mb-grid th:hover[b-er2o1wtnaq] { color: #4f46e5; }
.mb-grid td[b-er2o1wtnaq] { padding: 7px 10px; border-bottom: 1px solid #f1f5f9; background: #fff; color: #1e293b; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-grid tr.tem-perda td[b-er2o1wtnaq] { background: #fff7ed; }

/* Colunas congeladas à esquerda (Data / Id Prof / Professor) */
.mb-grid .fix-data[b-er2o1wtnaq],
.mb-grid .fix-idprof[b-er2o1wtnaq],
.mb-grid .fix-prof[b-er2o1wtnaq] { position: sticky; z-index: 3; }
.mb-grid th.fix-data[b-er2o1wtnaq],
.mb-grid th.fix-idprof[b-er2o1wtnaq],
.mb-grid th.fix-prof[b-er2o1wtnaq] { z-index: 6; }
.mb-grid .fix-data[b-er2o1wtnaq]   { left: 0;     min-width: 108px; }
.mb-grid .fix-idprof[b-er2o1wtnaq] { left: 108px; min-width: 62px; }
.mb-grid .fix-prof[b-er2o1wtnaq]   { left: 170px; min-width: 190px; max-width: 190px; }
/* Divisor vertical grosso após a última coluna congelada */
.mb-grid .fix-fim[b-er2o1wtnaq] { border-right: 3px solid #c7d2fe; }

.mb-paginacao[b-er2o1wtnaq] { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; font-size: 13px; color: #475569; }
.mb-paginacao button[b-er2o1wtnaq] {
    width: 34px; height: 34px;
    border: 1px solid #dbe4ef; border-radius: 8px; background: #fff; color: #4f46e5; cursor: pointer;
}
.mb-paginacao button:disabled[b-er2o1wtnaq] { opacity: .4; cursor: default; }
/* /Components/Pages/MeuPlano.razor.rz.scp.css */
.plano-page[b-bulf7nq2w8] { display: grid; gap: 14px; }
.plano-hero[b-bulf7nq2w8] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(440px 180px at 100% -30%, rgba(255,255,255,.30), transparent 60%), linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 20px 44px rgba(67, 56, 202, .22); }
.kicker[b-bulf7nq2w8] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.plano-hero h1[b-bulf7nq2w8] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.plano-hero p[b-bulf7nq2w8] { margin: 5px 0 0; color: rgba(255,255,255,.9);  font-size: 14px;}
.plano-hero a[b-bulf7nq2w8] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 11px; color: #4338ca; background: #fff; text-decoration: none; font-weight: 900; }
.current[b-bulf7nq2w8] { display: grid; grid-template-columns: 260px 1fr; gap: 14px; padding: 16px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); }
.current span[b-bulf7nq2w8], .current small[b-bulf7nq2w8] { display: block; color: #64748b; font-size: 12px; font-weight: 800; }
.current strong[b-bulf7nq2w8] { display: block; margin: 6px 0; color: #0f172a; font-size: 1.7rem; font-weight: 900; }
.usage[b-bulf7nq2w8] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.usage div[b-bulf7nq2w8] { padding: 14px; border-radius: 14px; background: #f8fafc; border: 1px solid #e2e8f0; }
.bar[b-bulf7nq2w8] { display: block; height: 8px; margin-top: 10px; border-radius: 999px; background: linear-gradient(135deg, #10b981 0%, #4f46e5 100%); }
.w-0[b-bulf7nq2w8] { width: 0; } .w-10[b-bulf7nq2w8] { width: 10%; } .w-20[b-bulf7nq2w8] { width: 20%; } .w-30[b-bulf7nq2w8] { width: 30%; } .w-40[b-bulf7nq2w8] { width: 40%; } .w-50[b-bulf7nq2w8] { width: 50%; } .w-60[b-bulf7nq2w8] { width: 60%; } .w-70[b-bulf7nq2w8] { width: 70%; } .w-80[b-bulf7nq2w8] { width: 80%; } .w-90[b-bulf7nq2w8] { width: 90%; } .w-100[b-bulf7nq2w8] { width: 100%; }
.plans[b-bulf7nq2w8] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.plan-card[b-bulf7nq2w8] { position: relative; padding: 18px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); }
.plan-card.active[b-bulf7nq2w8] { border-color: #818cf8; box-shadow: 0 16px 32px rgba(79, 70, 229, .14); }
.tag[b-bulf7nq2w8] { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 999px; color: #4338ca; background: #e0e7ff; font-size: 11px; font-weight: 900; }
.plan-card h2[b-bulf7nq2w8] { margin: 12px 0 0; color: #0f172a; font-size: 1.3rem; font-weight: 900; }
.plan-card strong[b-bulf7nq2w8] { display: block; margin-top: 8px; color: #4338ca; font-size: 1.5rem; }
.plan-card p[b-bulf7nq2w8] { min-height: 42px; color: #64748b; }
.plan-card ul[b-bulf7nq2w8] { display: grid; gap: 7px; padding: 0; margin: 0; list-style: none; }
.plan-card li[b-bulf7nq2w8] { display: flex; gap: 8px; color: #334155; font-size: 13px; }
.plan-card i[b-bulf7nq2w8] { color: #10b981; }
@media (max-width: 1000px) { .current[b-bulf7nq2w8], .plans[b-bulf7nq2w8] { grid-template-columns: 1fr; } .usage[b-bulf7nq2w8] { grid-template-columns: 1fr; } .plano-hero[b-bulf7nq2w8] { flex-direction: column; align-items: start; } }

/* ===== Cancelar assinatura ===== */
.cancelar[b-bulf7nq2w8] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 4px 2px; }
.cancelar form[b-bulf7nq2w8] { margin: 0; }
.btn-cancelar[b-bulf7nq2w8] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 11px; border: 1px solid #fecaca; background: #fff5f5; color: #b91c1c; font-weight: 800; cursor: pointer; }
.btn-cancelar:hover[b-bulf7nq2w8] { background: #fee2e2; }
.cancelar small[b-bulf7nq2w8] { color: #64748b; font-size: 12px; }

/* ===== CTAs dos cards de plano ===== */
.cta-forms[b-bulf7nq2w8] { margin: 10px 0 0; }
.cta-atual[b-bulf7nq2w8] { width: 100%; margin-top: 12px; min-height: 40px; border-radius: 11px; border: 1px solid #c7d2fe; background: #eef2ff; color: #4338ca; font-weight: 900; cursor: default; }
.cta-muted[b-bulf7nq2w8] { display: block; width: 100%; margin-top: 12px; text-align: center; color: #94a3b8; font-size: 13px; font-weight: 700; }
.cta-assinar[b-bulf7nq2w8] { width: 100%; min-height: 42px; border-radius: 11px; border: 0; background: linear-gradient(135deg, #6d28d9 0%, #4338ca 100%); color: #fff; font-weight: 900; cursor: pointer; }
.cta-assinar:hover[b-bulf7nq2w8] { filter: brightness(1.06); }
.cta-cartao[b-bulf7nq2w8] { width: 100%; min-height: 38px; margin-top: 8px; border-radius: 11px; border: 1px solid #c7d2fe; background: #fff; color: #4338ca; font-weight: 800; cursor: pointer; }
.cta-cartao:hover[b-bulf7nq2w8] { background: #f5f3ff; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.plan-card[b-bulf7nq2w8] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.plan-card[b-bulf7nq2w8]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.plan-card:hover[b-bulf7nq2w8] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.plan-card:hover[b-bulf7nq2w8]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/MinhaConta.razor.rz.scp.css */
.conta-page[b-dtsq0ox6su] { display: grid; gap: 16px; padding-bottom: 24px; }

/* ---------- Hero ---------- */
.conta-hero[b-dtsq0ox6su] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 240px;
    gap: 18px;
    align-items: center;
    padding: 20px 26px;
    border-radius: 22px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: radial-gradient(520px 220px at 100% -40%, rgba(255,255,255,.30), transparent 62%), linear-gradient(135deg, #6366f1 0%, #4338ca 55%, #3730a3 100%);
    box-shadow: 0 24px 50px rgba(67, 56, 202, .28);
}
.avatar[b-dtsq0ox6su] {
    display: grid; place-items: center; width: 76px; height: 76px; border-radius: 20px;
    color: #4338ca; background: #fff; font-size: 2.1rem; font-weight: 900;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.kicker[b-dtsq0ox6su] { color: rgba(255,255,255,.78); font-size: 11px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.hero-id h1[b-dtsq0ox6su] { margin: 4px 0 0; font-size: 1.9rem; font-weight: 900; line-height: 1.15; }
.hero-id p[b-dtsq0ox6su] { margin: 6px 0 0; color: rgba(255,255,255,.88); font-size: 14px; }
.plan-chip[b-dtsq0ox6su] { padding: 12px 18px; border: 1px solid rgba(255,255,255,.34); border-radius: 16px; background: rgba(255,255,255,.15); backdrop-filter: blur(10px); }
.plan-chip span[b-dtsq0ox6su], .plan-chip small[b-dtsq0ox6su] { display: block; color: rgba(255,255,255,.80); font-size: 12px; }
.plan-chip strong[b-dtsq0ox6su] { display: block; margin: 6px 0; font-size: 1.35rem; text-transform: uppercase; letter-spacing: .02em; }

/* ---------- Mensagem / vazio ---------- */
.conta-msg[b-dtsq0ox6su], .conta-empty[b-dtsq0ox6su] { min-height: 46px; display: flex; align-items: center; gap: 10px; padding: 0 16px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; font-weight: 800; }
.conta-msg i[b-dtsq0ox6su] { font-size: 18px; }
.conta-msg.ok[b-dtsq0ox6su] { color: #065f46; border-color: #a7f3d0; background: #ecfdf5; }
.conta-msg.err[b-dtsq0ox6su] { color: #991b1b; border-color: #fecaca; background: #fef2f2; }

/* ---------- Stats ---------- */
.stats[b-dtsq0ox6su] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.stats article[b-dtsq0ox6su] { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); }
.stats article i[b-dtsq0ox6su] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; font-size: 20px; color: #4338ca; background: #eef2ff; }
.stats strong[b-dtsq0ox6su] { display: block; color: #0f172a; font-size: 1.7rem; font-weight: 900; line-height: 1; }
.stats span[b-dtsq0ox6su] { color: #64748b; font-size: 12px; font-weight: 800; text-transform: uppercase; }

/* ---------- Painéis ---------- */
.conta-grid[b-dtsq0ox6su] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 16px; align-items: start; }
.panel[b-dtsq0ox6su] { padding: 20px; border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; box-shadow: 0 10px 26px rgba(15, 23, 42, .06); }
.panel-head[b-dtsq0ox6su] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.ph-title[b-dtsq0ox6su] { display: flex; align-items: center; gap: 12px; }
.ph-ico[b-dtsq0ox6su] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; font-size: 19px; }
.ph-ico.ind[b-dtsq0ox6su] { color: #4338ca; background: #eef2ff; }
.ph-ico.eme[b-dtsq0ox6su] { color: #047857; background: #ecfdf5; }
.ph-ico.dng[b-dtsq0ox6su] { color: #b91c1c; background: #fef2f2; }
.panel-head span[b-dtsq0ox6su] { color: #94a3b8; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.panel h2[b-dtsq0ox6su] { margin: 2px 0 0; color: #0f172a; font-size: 1.18rem; font-weight: 900; }

/* ---------- Botões ---------- */
.btn-primary[b-dtsq0ox6su], .btn-outline[b-dtsq0ox6su], .btn-danger[b-dtsq0ox6su], .add-row button[b-dtsq0ox6su], .school button[b-dtsq0ox6su] {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px;
    padding: 0 16px; border-radius: 11px; font-weight: 900; font-size: 14px; cursor: pointer;
    border: 1px solid transparent; text-decoration: none; transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.btn-primary[b-dtsq0ox6su] { color: #fff; border: 0; background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); box-shadow: 0 8px 18px rgba(67,56,202,.28); }
.btn-primary:hover:not(:disabled)[b-dtsq0ox6su] { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(67,56,202,.34); }
.btn-outline[b-dtsq0ox6su] { color: #4338ca; background: #fff; border-color: #c7d2fe; }
.btn-outline:hover:not(:disabled)[b-dtsq0ox6su] { background: #eef2ff; }
.btn-danger[b-dtsq0ox6su] { color: #fff; border: 0; background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); box-shadow: 0 8px 18px rgba(185,28,28,.24); }
.btn-danger:hover:not(:disabled)[b-dtsq0ox6su] { transform: translateY(-1px); }
button:disabled[b-dtsq0ox6su] { opacity: .6; cursor: default; }
.spin[b-dtsq0ox6su] { animation: gp-spin-b-dtsq0ox6su .8s linear infinite; }
@keyframes gp-spin-b-dtsq0ox6su { to { transform: rotate(360deg); } }

/* ---------- Inputs ---------- */
label[b-dtsq0ox6su] { display: block; margin-bottom: 12px; }
label > span[b-dtsq0ox6su] { display: block; margin-bottom: 6px; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }
input[b-dtsq0ox6su] { width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid #dbe4ef; border-radius: 11px; color: #0f172a; background: #fff; font-size: 15px; transition: border-color .12s ease, box-shadow .12s ease; }
input:focus[b-dtsq0ox6su] { outline: 0; border-color: #a5b4fc; box-shadow: 0 0 0 3px rgba(99,102,241,.18); }
input:disabled[b-dtsq0ox6su] { color: #64748b; background: #f8fafc; }
.two[b-dtsq0ox6su] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

/* ---------- Badges ---------- */
.status-row[b-dtsq0ox6su] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.badge[b-dtsq0ox6su] { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 12px; border-radius: 999px; font-size: 12px; font-weight: 900; }
.badge.good[b-dtsq0ox6su] { color: #047857; background: #d1fae5; }
.badge.warn[b-dtsq0ox6su] { color: #a16207; background: #fef3c7; }

/* ---------- Escolas ---------- */
.school-list[b-dtsq0ox6su] { display: grid; gap: 8px; }
.school[b-dtsq0ox6su] { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid #e2e8f0; border-radius: 13px; }
.school.active[b-dtsq0ox6su] { border-color: #86efac; background: #f0fdf4; }
.school > i[b-dtsq0ox6su] { color: #4338ca; font-size: 20px; }
.school strong[b-dtsq0ox6su], .school span[b-dtsq0ox6su] { display: block; }
.school strong[b-dtsq0ox6su] { color: #0f172a; }
.school span[b-dtsq0ox6su], .muted[b-dtsq0ox6su] { color: #64748b; font-size: 12px; }
.school button[b-dtsq0ox6su] { width: 32px; min-height: 32px; padding: 0; border: 1px solid #e2e8f0; color: #991b1b; background: #fff; }
.school button:hover[b-dtsq0ox6su] { background: #fef2f2; border-color: #fecaca; }
.add-wrap[b-dtsq0ox6su] { position: relative; margin-top: 12px; }
.add-row[b-dtsq0ox6su] { display: grid; grid-template-columns: 1fr 44px; gap: 8px; }
.add-row button[b-dtsq0ox6su] { color: #fff; border: 0; background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); padding: 0; }
.hint[b-dtsq0ox6su] { display: block; margin-top: 8px; color: #94a3b8; font-size: 12px; }

/* Autocomplete INEP */
.inep-drop[b-dtsq0ox6su] { position: absolute; z-index: 20; left: 0; right: 0; margin: 6px 0 0; padding: 6px; list-style: none;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 13px; box-shadow: 0 18px 40px rgba(15,23,42,.16); max-height: 280px; overflow-y: auto; }
.inep-drop li[b-dtsq0ox6su] { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; cursor: pointer; }
.inep-drop li:hover[b-dtsq0ox6su] { background: #eef2ff; }
.inep-drop li i[b-dtsq0ox6su] { color: #4338ca; font-size: 16px; }
.inep-drop strong[b-dtsq0ox6su] { display: block; color: #0f172a; font-size: 14px; }
.inep-drop span[b-dtsq0ox6su] { display: block; color: #64748b; font-size: 12px; }

/* ---------- Preferências ---------- */
.prefs[b-dtsq0ox6su] { display: flex; flex-wrap: wrap; gap: 8px; }
.prefs label[b-dtsq0ox6su] { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border: 1px solid #e2e8f0; border-radius: 999px; background: #f8fafc; margin: 0; cursor: pointer; }
.prefs label:hover[b-dtsq0ox6su] { border-color: #c7d2fe; background: #eef2ff; }
.prefs input[b-dtsq0ox6su], .fixed-pref input[b-dtsq0ox6su] { width: 16px; min-height: 16px; accent-color: #4f46e5; }
.prefs label > span[b-dtsq0ox6su], .fixed-pref > span[b-dtsq0ox6su] { margin: 0; color: #334155; font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0; }
.fixed-pref[b-dtsq0ox6su] { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; color: #94a3b8; }

/* ---------- Segurança ---------- */
.seg-txt[b-dtsq0ox6su] { margin: 0 0 16px; font-size: 14px; line-height: 1.5; }

/* ---------- Zona de perigo ---------- */
.panel.danger[b-dtsq0ox6su] { border-color: #fecaca; background: linear-gradient(180deg, #fffbfb 0%, #fff 40%); }
.danger-grid[b-dtsq0ox6su] { display: grid; gap: 12px; }
.danger-item[b-dtsq0ox6su] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid #f1f5f9; border-radius: 14px; background: #fff; }
.danger-item strong[b-dtsq0ox6su] { display: block; color: #0f172a; font-size: 15px; }
.danger-item span[b-dtsq0ox6su] { display: block; color: #64748b; font-size: 13px; margin-top: 2px; }

/* ---------- Modal ---------- */
.modal-back[b-dtsq0ox6su] { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(15,23,42,.55); backdrop-filter: blur(3px); animation: gp-fade-b-dtsq0ox6su .15s ease; }
.modal-card[b-dtsq0ox6su] { width: min(460px, 100%); padding: 28px; border-radius: 22px; background: #fff; text-align: center; box-shadow: 0 30px 70px rgba(0,0,0,.35); animation: gp-pop-b-dtsq0ox6su .18s ease; }
.modal-ico[b-dtsq0ox6su] { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; font-size: 30px; color: #b91c1c; background: #fef2f2; }
.modal-card h3[b-dtsq0ox6su] { margin: 0 0 8px; color: #0f172a; font-size: 1.35rem; font-weight: 900; }
.modal-card p[b-dtsq0ox6su] { margin: 0 0 16px; color: #475569; font-size: 14px; line-height: 1.55; }
.modal-card input[b-dtsq0ox6su] { text-align: center; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.modal-acts[b-dtsq0ox6su] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
@keyframes gp-fade-b-dtsq0ox6su { from { opacity: 0; } }
@keyframes gp-pop-b-dtsq0ox6su { from { opacity: 0; transform: translateY(10px) scale(.98); } }

/* ---------- Responsivo ---------- */
@media (max-width: 1000px) {
    .conta-hero[b-dtsq0ox6su] { grid-template-columns: auto 1fr; }
    .plan-chip[b-dtsq0ox6su] { grid-column: 1 / -1; }
    .conta-grid[b-dtsq0ox6su] { grid-template-columns: 1fr; }
    .stats[b-dtsq0ox6su] { grid-template-columns: repeat(2, 1fr); }
    .two[b-dtsq0ox6su] { grid-template-columns: 1fr; }
    .danger-item[b-dtsq0ox6su] { flex-direction: column; align-items: stretch; }
}
/* /Components/Pages/MinhaSenha.razor.rz.scp.css */
.senha-page[b-xhklla1da2] { max-width: 760px; margin: 0 auto; display: grid; gap: 14px; }
.senha-hero[b-xhklla1da2] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(360px 160px at 100% -30%, rgba(255,255,255,.32), transparent 60%), linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); box-shadow: 0 20px 44px rgba(67, 56, 202, .22); }
.kicker[b-xhklla1da2] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.senha-hero h1[b-xhklla1da2] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.senha-hero p[b-xhklla1da2] { margin: 5px 0 0; max-width: 520px; color: rgba(255,255,255,.9);  font-size: 14px;}
.senha-hero a[b-xhklla1da2] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,255,255,.42); border-radius: 11px; color: #fff; text-decoration: none; font-weight: 900; }
.senha-msg[b-xhklla1da2] { min-height: 44px; display: flex; align-items: center; padding: 0 14px; border-radius: 12px; font-weight: 800; }
.senha-msg.ok[b-xhklla1da2] { color: #065f46; border: 1px solid #a7f3d0; background: #ecfdf5; }
.senha-msg.err[b-xhklla1da2] { color: #991b1b; border: 1px solid #fecaca; background: #fef2f2; }
.senha-card[b-xhklla1da2] { padding: 16px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); }
label[b-xhklla1da2] { display: block; margin-bottom: 10px; }
label span[b-xhklla1da2] { display: block; margin-bottom: 6px; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
input[b-xhklla1da2] { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #dbe4ef; border-radius: 10px; }
button[b-xhklla1da2] { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); font-weight: 900; }
@media (max-width: 760px) { .senha-hero[b-xhklla1da2] { flex-direction: column; align-items: start; } }

/* checklist de força ao vivo + mostrar senha */
.senha-mostrar[b-xhklla1da2] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
}

.senha-mostrar input[b-xhklla1da2] { width: auto !important; }
.senha-mostrar span[b-xhklla1da2] { display: inline-flex; align-items: center; gap: 6px; }

.senha-regras[b-xhklla1da2] {
    margin: 0;
    padding: 12px 14px;
    display: grid;
    gap: 7px;
    list-style: none;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
}

.senha-regras li[b-xhklla1da2] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-size: .82rem;
    font-weight: 700;
    transition: color .15s ease;
}

.senha-regras li.ok[b-xhklla1da2] { color: #15803d; }
.senha-regras li i[b-xhklla1da2] { font-size: .85rem; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.senha-card[b-xhklla1da2] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.senha-card[b-xhklla1da2]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.senha-card:hover[b-xhklla1da2] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.senha-card:hover[b-xhklla1da2]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/MinhasQuestoes.razor.rz.scp.css */
.mq-page[b-lgx2ce64ue] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

.mq-hero[b-lgx2ce64ue] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) 360px;
    gap: 18px;
    padding: 14px 28px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(440px 180px at 90% -26%, rgba(255, 255, 255, 0.34), transparent 58%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 54%, #2563eb 100%);
    box-shadow: 0 28px 62px rgba(79, 70, 229, 0.22);
    overflow: hidden;
    position: relative;
}

.mq-hero[b-lgx2ce64ue]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none;
}

.mq-hero-copy[b-lgx2ce64ue],
.mq-hero-metrics[b-lgx2ce64ue] {
    position: relative;
    z-index: 1;
}

.mq-kicker[b-lgx2ce64ue],
.mq-eyebrow[b-lgx2ce64ue] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mq-kicker[b-lgx2ce64ue] {
    color: rgba(255, 255, 255, 0.76);
}

.mq-eyebrow[b-lgx2ce64ue] {
    color: #6d28d9;
}

.mq-hero h1[b-lgx2ce64ue],
.mq-results-head h2[b-lgx2ce64ue],
.mq-empty h3[b-lgx2ce64ue] {
    margin: 8px 0 0;
    letter-spacing: 0;
}

.mq-hero h1[b-lgx2ce64ue] { margin: 4px 0 0;
    max-width: 640px;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.02;
}

.mq-hero p[b-lgx2ce64ue],
.mq-results-head p[b-lgx2ce64ue],
.mq-empty p[b-lgx2ce64ue] {
    margin: 12px 0 0;
    line-height: 1.62;
}

.mq-hero p[b-lgx2ce64ue] { margin: 5px 0 0;
    max-width: 620px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.mq-actions[b-lgx2ce64ue] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.mq-btn[b-lgx2ce64ue],
.mq-link[b-lgx2ce64ue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.mq-btn:hover[b-lgx2ce64ue],
.mq-link:hover[b-lgx2ce64ue] {
    transform: translateY(-1px);
}

.mq-btn-primary[b-lgx2ce64ue] {
    border: 0;
    color: #1f1750;
    background: #fff;
    box-shadow: 0 10px 24px rgba(18, 12, 50, 0.2);
}

.mq-btn-secondary[b-lgx2ce64ue] {
    border: 1px solid #ddd6fe;
    color: #4338ca;
    background: rgba(255, 255, 255, 0.94);
}

.mq-hero-metrics[b-lgx2ce64ue] {
    display: grid;
    gap: 12px;
}

.mq-metric-card[b-lgx2ce64ue],
.mq-strip-card[b-lgx2ce64ue],
.mq-toolbar[b-lgx2ce64ue],
.mq-results[b-lgx2ce64ue] {
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 34px rgba(40, 30, 90, 0.08);
}

.mq-metric-card[b-lgx2ce64ue] {
    padding: 10px 18px;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
}

.mq-metric-card span[b-lgx2ce64ue],
.mq-metric-card small[b-lgx2ce64ue],
.mq-strip-card span[b-lgx2ce64ue],
.mq-strip-card small[b-lgx2ce64ue] {
    display: block;
}

.mq-metric-card span[b-lgx2ce64ue],
.mq-metric-card small[b-lgx2ce64ue] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
}

.mq-metric-card strong[b-lgx2ce64ue] {
    display: block;
    margin: 8px 0 4px;
    font-size: 29px;
    line-height: 1;
    font-weight: 900;
}

.mq-strip[b-lgx2ce64ue] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.mq-strip-card[b-lgx2ce64ue] {
    padding: 18px;
}

.mq-strip-card span[b-lgx2ce64ue] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.mq-strip-card strong[b-lgx2ce64ue] {
    display: block;
    margin: 10px 0 4px;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.mq-strip-card small[b-lgx2ce64ue] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.mq-toolbar[b-lgx2ce64ue] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) auto auto;
    gap: 14px;
    padding: 18px;
}

.mq-search[b-lgx2ce64ue] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: #fff;
}

.mq-search i[b-lgx2ce64ue] {
    color: #6366f1;
    font-size: 16px;
}

.mq-search input[b-lgx2ce64ue],
.mq-selects select[b-lgx2ce64ue] {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
}

.mq-search input:focus[b-lgx2ce64ue],
.mq-selects select:focus[b-lgx2ce64ue] {
    outline: none;
}

.mq-selects[b-lgx2ce64ue] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 12px;
}

.mq-selects label[b-lgx2ce64ue] {
    display: block;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #ddd6fe;
    border-radius: 14px;
    background: #fff;
}

.mq-selects span[b-lgx2ce64ue] {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.mq-segment[b-lgx2ce64ue] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 14px;
    background: #f5f3ff;
}

.mq-segment button[b-lgx2ce64ue] {
    min-width: 88px;
    height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.mq-segment button.is-on[b-lgx2ce64ue] {
    background: #fff;
    color: #111827;
    box-shadow: 0 8px 18px rgba(99, 102, 241, 0.12);
}

.mq-results[b-lgx2ce64ue] {
    padding: 20px;
}

.mq-results-head[b-lgx2ce64ue] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.mq-results-head h2[b-lgx2ce64ue] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 900;
}

.mq-results-head p[b-lgx2ce64ue] {
    max-width: 760px;
    color: #64748b;
    font-size: 13px;
}

.mq-link[b-lgx2ce64ue] {
    border: 1px solid #ddd6fe;
    color: #4338ca;
    background: #fff;
    white-space: nowrap;
}

.mq-grid[b-lgx2ce64ue] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mq-grid-item[b-lgx2ce64ue] {
    min-width: 0;
}

.mq-empty[b-lgx2ce64ue] {
    padding: 42px 24px;
    border: 1px dashed #c4b5fd;
    border-radius: 18px;
    background: linear-gradient(180deg, #faf9ff, #fff);
    text-align: center;
}

.mq-empty-icon[b-lgx2ce64ue] {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 28px;
}

.mq-empty h3[b-lgx2ce64ue] {
    color: #0f172a;
    font-size: 22px;
    font-weight: 900;
}

.mq-empty p[b-lgx2ce64ue] {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    color: #64748b;
    font-size: 14px;
}

.mq-empty .mq-btn[b-lgx2ce64ue] {
    margin-top: 18px;
}

@media (max-width: 1220px) {
    .mq-hero[b-lgx2ce64ue],
    .mq-toolbar[b-lgx2ce64ue] {
        grid-template-columns: 1fr;
    }

    .mq-strip[b-lgx2ce64ue],
    .mq-grid[b-lgx2ce64ue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .mq-hero[b-lgx2ce64ue],
    .mq-results[b-lgx2ce64ue] {
        padding: 22px;
    }

    .mq-strip[b-lgx2ce64ue],
    .mq-grid[b-lgx2ce64ue],
    .mq-selects[b-lgx2ce64ue] {
        grid-template-columns: 1fr;
    }

    .mq-results-head[b-lgx2ce64ue] {
        flex-direction: column;
        align-items: start;
    }

    .mq-segment[b-lgx2ce64ue] {
        flex-wrap: wrap;
    }
}

/* ===== Ilustrar com o acervo (TbFonteImagemQuestao) ===== */
.mq-ilustrar[b-lgx2ce64ue] {
    width: 100%;
    margin-top: 8px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px dashed #c4b5fd;
    border-radius: 10px;
    background: #faf9ff;
    color: #6d28d9;
    font-size: .8rem;
    font-weight: 800;
    transition: background-color .14s ease, border-color .14s ease;
}

.mq-ilustrar:hover[b-lgx2ce64ue] { background: #f3efff; border-color: #7c3aed; }

.mq-acervo-overlay[b-lgx2ce64ue] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.mq-acervo-modal[b-lgx2ce64ue] {
    width: min(980px, 100%);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
}

.mq-acervo-head[b-lgx2ce64ue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.mq-acervo-head strong[b-lgx2ce64ue] { display: block; font-size: 1.02rem; }
.mq-acervo-head span[b-lgx2ce64ue] { font-size: .8rem; opacity: .85; }

.mq-acervo-head button[b-lgx2ce64ue] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 9px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.mq-acervo-busca[b-lgx2ce64ue] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid #eef2f7;
}

.mq-acervo-busca i[b-lgx2ce64ue] { color: #7c3aed; }

.mq-acervo-busca input[b-lgx2ce64ue] {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 0 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font: inherit;
}

.mq-acervo-busca button[b-lgx2ce64ue] {
    height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-weight: 800;
}

.mq-acervo-msg[b-lgx2ce64ue] {
    margin: 10px 20px 0;
    padding: 9px 13px;
    border-radius: 10px;
    background: #eef2ff;
    color: #3730a3;
    font-size: .84rem;
    font-weight: 700;
}

.mq-acervo-grid[b-lgx2ce64ue] {
    flex: 1;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    padding: 16px 20px 20px;
}

.mq-acervo-item[b-lgx2ce64ue] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    padding: 0;
    transition: border-color .14s ease, transform .14s ease;
}

.mq-acervo-item:hover[b-lgx2ce64ue] { border-color: #7c3aed; transform: translateY(-2px); }

.mq-acervo-item img[b-lgx2ce64ue] {
    width: 100%;
    height: 110px;
    object-fit: cover;
    background: #f8fafc;
}

.mq-acervo-item span[b-lgx2ce64ue] {
    padding: 7px 9px;
    color: #334155;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mq-acervo-item em[b-lgx2ce64ue] {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .75);
    color: #fff;
    font-size: .62rem;
    font-style: normal;
    font-weight: 800;
}

.mq-acervo-item.usada[b-lgx2ce64ue] { opacity: .82; }

.mq-acervo-vazio[b-lgx2ce64ue] {
    grid-column: 1 / -1;
    padding: 30px;
    color: #64748b;
    text-align: center;
    font-size: .9rem;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.mq-strip-card[b-lgx2ce64ue] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.mq-strip-card[b-lgx2ce64ue]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.mq-strip-card:hover[b-lgx2ce64ue] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.mq-strip-card:hover[b-lgx2ce64ue]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/NewsletterCancelar.razor.rz.scp.css */
.news-status-fundo[b-g92z9yxkbe] {
    width: 100%;
    min-height: 60vh;
    background: #0a0a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-status-box[b-g92z9yxkbe] {
    max-width: 460px;
    margin: 0 auto;
    padding: 60px 24px;
    text-align: center;
    color: rgba(255, 255, 255, .85);
}

.news-status-box i[b-g92z9yxkbe] {
    font-size: 3rem;
    color: #a78bfa;
    display: block;
    margin-bottom: 16px;
}

.news-status-box h1[b-g92z9yxkbe] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.news-status-back[b-g92z9yxkbe] {
    display: inline-block;
    margin-top: 22px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 10px;
}
/* /Components/Pages/NewsletterConfirmar.razor.rz.scp.css */
.news-status-fundo[b-hzk86sr8r0] {
    width: 100%;
    min-height: 60vh;
    background: #0a0a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-status-box[b-hzk86sr8r0] {
    max-width: 460px;
    margin: 0 auto;
    padding: 60px 24px;
    text-align: center;
    color: rgba(255, 255, 255, .85);
}

.news-status-box i[b-hzk86sr8r0] {
    font-size: 3rem;
    color: #a78bfa;
    display: block;
    margin-bottom: 16px;
}

.news-status-box h1[b-hzk86sr8r0] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.news-status-back[b-hzk86sr8r0] {
    display: inline-block;
    margin-top: 22px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 10px;
}
/* /Components/Pages/NotaAluno.razor.rz.scp.css */
/* ===== Consulta de nota do aluno ===== */

.na-fundo[b-50v0enph2v] {
    min-height: 100vh;
    display: grid;
    place-items: start center;
    padding: 24px 14px;
    background:
        radial-gradient(900px 460px at -10% 110%, rgba(59, 130, 246, .3), transparent 60%),
        linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

.na-card[b-50v0enph2v] {
    width: min(460px, 100%);
    margin-top: 8vh;
    padding: 34px clamp(22px, 5vw, 42px);
    border-radius: 20px;
    background: #fff;
    text-align: center;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .35);
    animation: naSubir-b-50v0enph2v .4s ease backwards;
}

@keyframes naSubir-b-50v0enph2v {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.na-logo[b-50v0enph2v] {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    border-radius: 16px;
    color: #fff;
    font-size: 1.5rem;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 12px 26px rgba(79, 70, 229, .35);
}

.na-card h1[b-50v0enph2v] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 2.2rem;
    font-weight: 900;
}

.na-card h1 small[b-50v0enph2v] { color: #94a3b8; font-size: 1.1rem; font-weight: 800; }

.na-sub[b-50v0enph2v] { margin: 0 0 20px; color: #64748b; font-size: .93rem; }

.na-alerta[b-50v0enph2v] {
    margin-bottom: 12px;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .88rem;
    font-weight: 650;
}

.na-codigo[b-50v0enph2v] {
    width: 100%;
    height: 60px;
    padding: 0 16px;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: .35em;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.na-codigo:focus[b-50v0enph2v] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .15);
}

.na-botao[b-50v0enph2v] {
    width: 100%;
    height: 52px;
    margin-top: 16px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    box-shadow: 0 14px 30px rgba(79, 70, 229, .4);
    transition: transform .14s ease;
}

.na-botao:hover[b-50v0enph2v] { transform: translateY(-2px); }

.na-botao.secundario[b-50v0enph2v] {
    color: #4f46e5;
    background: #eef2ff;
    box-shadow: none;
}

.na-detalhes[b-50v0enph2v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
    margin: 18px 0 6px;
}

.na-detalhes > div[b-50v0enph2v] {
    padding: 13px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    display: grid;
    gap: 2px;
}

.na-detalhes span[b-50v0enph2v] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.na-detalhes strong[b-50v0enph2v] { color: #0f172a; font-size: 1.1rem; font-weight: 900; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.na-card[b-50v0enph2v] {
    position: relative;
    overflow: hidden;
}

.na-card[b-50v0enph2v]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.na-card:hover[b-50v0enph2v] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.na-card:hover[b-50v0enph2v]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/PagamentoRetorno.razor.rz.scp.css */
.pr-wrap[b-plirmu989j] {
    display: flex;
    justify-content: center;
    padding: 3rem 1rem;
}

.pr-card[b-plirmu989j] {
    max-width: 520px;
    text-align: center;
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    padding: 2.5rem 2rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .08);
}

.pr-icon[b-plirmu989j] {
    font-size: 3.2rem;
    color: #16a34a;
    display: block;
    margin-bottom: .75rem;
}

.pr-card h1[b-plirmu989j] {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: .75rem;
}

.pr-card p[b-plirmu989j] {
    color: #64748b;
    margin-bottom: 1.25rem;
}

.pr-obs[b-plirmu989j] {
    font-size: .85rem;
    margin-top: 1rem;
    margin-bottom: 0;
}
/* /Components/Pages/Painel.razor.rz.scp.css */
.painel-loading[b-vs3sb2mid6] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 14px;
    color: #4f46e5;
    background: rgba(255, 255, 255, .86);
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(79, 70, 229, .1);
}

.painel-hero[b-vs3sb2mid6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 16px;
    align-items: stretch;
    margin-bottom: 14px;
    padding: 9px 24px;
    border-radius: 20px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 0%, rgba(255,255,255,.28), transparent 24rem),
        linear-gradient(135deg, #7c8df0 0%, #6d5fe7 48%, #b478e8 100%);
    box-shadow: 0 24px 58px rgba(100, 112, 216, .32);
    overflow: hidden;
}

.painel-hero-main[b-vs3sb2mid6] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.painel-hero-logo[b-vs3sb2mid6] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 11px;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.hero-kicker[b-vs3sb2mid6] {
    display: inline-flex;
    margin-bottom: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.painel-hero h1[b-vs3sb2mid6] {
    max-width: 760px;
    margin: 2px 0 0;
    font-size: 1.45rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.03em;
}

.painel-hero p[b-vs3sb2mid6] {
    margin: 3px 0 0;
    color: rgba(255,255,255,.86);
    font-size: 13px;
    font-weight: 700;
}

.hero-plan[b-vs3sb2mid6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 14px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
    backdrop-filter: blur(12px);
}

.hero-plan > span[b-vs3sb2mid6] {
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.76);
}

.hero-plan strong[b-vs3sb2mid6] {
    margin-top: 3px;
    font-size: 1.05rem;
    line-height: 1.1;
}

.hero-plan em[b-vs3sb2mid6] {
    margin-top: 3px;
    color: #fff3bf;
    font-style: normal;
    font-size: .78rem;
    font-weight: 900;
}

.quota-row[b-vs3sb2mid6] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 5px;
    color: rgba(255,255,255,.9);
    font-size: .74rem;
    font-weight: 800;
}

.quota-track[b-vs3sb2mid6] {
    height: 5px;
    margin-top: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.25);
}

.quota-track span[b-vs3sb2mid6] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #fff;
}

.quota-w-0[b-vs3sb2mid6] { width: 0; }
.quota-w-10[b-vs3sb2mid6] { width: 10%; }
.quota-w-20[b-vs3sb2mid6] { width: 20%; }
.quota-w-30[b-vs3sb2mid6] { width: 30%; }
.quota-w-40[b-vs3sb2mid6] { width: 40%; }
.quota-w-50[b-vs3sb2mid6] { width: 50%; }
.quota-w-60[b-vs3sb2mid6] { width: 60%; }
.quota-w-70[b-vs3sb2mid6] { width: 70%; }
.quota-w-80[b-vs3sb2mid6] { width: 80%; }
.quota-w-90[b-vs3sb2mid6] { width: 90%; }
.quota-w-100[b-vs3sb2mid6] { width: 100%; }

.stats-grid[b-vs3sb2mid6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.stat-card[b-vs3sb2mid6] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding: 12px 14px;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 14px 36px rgba(40, 30, 90, .08);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.stat-card:hover[b-vs3sb2mid6] {
    transform: translateY(-4px);
    border-color: rgba(124, 58, 237, .32);
    box-shadow: 0 20px 42px rgba(40, 30, 90, .14);
}

.stat-card i[b-vs3sb2mid6] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
}

.stat-card.primary i[b-vs3sb2mid6] { background: linear-gradient(135deg, #7c8df0, #4f46e5); }
.stat-card.success i[b-vs3sb2mid6] { background: linear-gradient(135deg, #10b981, #059669); }
.stat-card.warning i[b-vs3sb2mid6] { background: linear-gradient(135deg, #f5b840, #e69500); }
.stat-card.info i[b-vs3sb2mid6] { background: linear-gradient(135deg, #06b6d4, #3b82f6); }

.stat-card strong[b-vs3sb2mid6] {
    display: block;
    color: #172033;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.03em;
}

.stat-card span[b-vs3sb2mid6] {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: .74rem;
    font-weight: 800;
}

.action-strip[b-vs3sb2mid6] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
}

.action-strip a[b-vs3sb2mid6] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border: 1.5px solid rgba(124, 58, 237, .18);
    border-radius: 10px;
    color: #4f46e5;
    background: rgba(255,255,255,.88);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 900;
}

.action-strip .action-main[b-vs3sb2mid6] {
    color: #fff;
    border: 0;
    background: linear-gradient(135deg, #7c8df0, #8b5cf6);
    box-shadow: 0 12px 26px rgba(124, 141, 240, .3);
}

.tip-box[b-vs3sb2mid6] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
    padding: 16px 18px;
    border: 1px solid #bae6fd;
    border-radius: 18px;
    color: #075985;
    background: linear-gradient(135deg, #f0f9ff, #eef2ff);
}

.tip-box > i[b-vs3sb2mid6] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
}

.tip-box strong[b-vs3sb2mid6],
.tip-box span[b-vs3sb2mid6] {
    display: block;
}

.tip-box strong[b-vs3sb2mid6] {
    margin-bottom: 2px;
    font-weight: 900;
}

.tip-box span[b-vs3sb2mid6] {
    font-size: .9rem;
    line-height: 1.5;
}

.section-head[b-vs3sb2mid6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 26px 4px 14px;
}

.section-head h2[b-vs3sb2mid6] {
    margin: 0;
    color: #172033;
    font-size: 1.25rem;
    font-weight: 900;
}

.section-head p[b-vs3sb2mid6] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: .88rem;
    font-weight: 700;
}

.section-head a[b-vs3sb2mid6] {
    color: #4f46e5;
    font-size: .9rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.table-card[b-vs3sb2mid6],
.empty-state[b-vs3sb2mid6] {
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 14px 36px rgba(40, 30, 90, .08);
    overflow: hidden;
}

.table-pagination[b-vs3sb2mid6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    border-top: 1px solid rgba(124, 58, 237, .11);
    color: #64748b;
    font-size: .82rem;
    font-weight: 800;
}

.pagination-controls[b-vs3sb2mid6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pagination-controls span[b-vs3sb2mid6] {
    min-width: 108px;
    text-align: center;
}

.pagination-controls button[b-vs3sb2mid6] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1.5px solid rgba(124, 58, 237, .18);
    border-radius: 9px;
    color: #4f46e5;
    background: rgba(255,255,255,.9);
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.pagination-controls button:hover:not(:disabled)[b-vs3sb2mid6] {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(79, 70, 229, .16);
}

.pagination-controls button:disabled[b-vs3sb2mid6] {
    opacity: .35;
    cursor: default;
}

.painel-table thead th[b-vs3sb2mid6] {
    padding: 15px 18px;
    color: #64748b;
    background: #f8f7ff;
    border-bottom: 1px solid rgba(124, 58, 237, .11);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.painel-table tbody td[b-vs3sb2mid6] {
    padding: 16px 18px;
    color: #475569;
    border-bottom: 1px solid #edf0f7;
    font-size: .92rem;
    font-weight: 700;
}

.painel-table tbody tr:last-child td[b-vs3sb2mid6] {
    border-bottom: 0;
}

.painel-table tbody td strong[b-vs3sb2mid6] {
    color: #172033;
    font-weight: 900;
}

.status-pill[b-vs3sb2mid6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #5b21b6;
    background: #ede9fe;
    font-size: .75rem;
    font-weight: 900;
}

.empty-state[b-vs3sb2mid6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 36px 20px;
    color: #64748b;
    text-align: center;
}

.empty-state i[b-vs3sb2mid6] {
    margin-bottom: 6px;
    color: #8b5cf6;
    font-size: 2.2rem;
}

.empty-state strong[b-vs3sb2mid6] {
    color: #172033;
    font-size: 1.1rem;
    font-weight: 900;
}

.empty-state span[b-vs3sb2mid6] {
    font-size: .9rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .stats-grid[b-vs3sb2mid6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .painel-hero[b-vs3sb2mid6] {
        grid-template-columns: 1fr;
        padding: 14px 22px;
    }

    .stats-grid[b-vs3sb2mid6] {
        grid-template-columns: 1fr;
    }

    .section-head[b-vs3sb2mid6] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ===== Inspiração do dia (frases/dicas/curiosidades/mídia do banco) ===== */
.inspira-grid[b-vs3sb2mid6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 26px;
}

.inspira-card[b-vs3sb2mid6] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    transition: transform .16s ease, box-shadow .16s ease;
}

.inspira-card:hover[b-vs3sb2mid6] {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(79, 70, 229, .14);
}

.inspira-card > img[b-vs3sb2mid6] {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.inspira-card.midia > img[b-vs3sb2mid6] { height: 170px; object-fit: contain; background: #0f172a; }

.inspira-body[b-vs3sb2mid6] {
    display: grid;
    gap: 8px;
    padding: 14px 16px 16px;
}

.inspira-tag[b-vs3sb2mid6] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.inspira-card.dica .inspira-tag[b-vs3sb2mid6] { background: linear-gradient(135deg, #7c3aed, #a855f7); }
.inspira-card.curiosidade .inspira-tag[b-vs3sb2mid6] { background: linear-gradient(135deg, #2563eb, #6366f1); }
.inspira-card.midia .inspira-tag[b-vs3sb2mid6] { background: linear-gradient(135deg, #4f46e5, #7c3aed); }
.inspira-card.filosofica .inspira-tag[b-vs3sb2mid6] { background: linear-gradient(135deg, #6d28d9, #9333ea); }

.inspira-body blockquote[b-vs3sb2mid6] {
    margin: 0;
    color: #1e293b;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.5;
}

.inspira-body footer[b-vs3sb2mid6] { color: #64748b; font-size: .8rem; font-weight: 700; }
.inspira-body strong[b-vs3sb2mid6] { color: #0f172a; font-size: .95rem; }
.inspira-body p[b-vs3sb2mid6] { margin: 0; color: #475569; font-size: .86rem; line-height: 1.5; }

.inspira-body small[b-vs3sb2mid6] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f5f3ff;
    color: #5b21b6;
    font-size: .78rem;
    line-height: 1.4;
}

.inspira-card.arte > img[b-vs3sb2mid6] { height: 180px; object-fit: cover; background: #0f172a; }
.inspira-card.arte .inspira-tag[b-vs3sb2mid6] { background: linear-gradient(135deg, #6366f1, #a855f7); }

/* ===== recados do admin (TbAvisoAdmin) ===== */
.aviso-admin[b-vs3sb2mid6] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
}

.aviso-admin.sev-atencao[b-vs3sb2mid6] { border-color: #fde68a; background: #fffbeb; }
.aviso-admin.sev-urgente[b-vs3sb2mid6] { border-color: #fecaca; background: #fef2f2; }

.aviso-admin > i[b-vs3sb2mid6] { font-size: 1.25rem; color: #2563eb; margin-top: 2px; }
.aviso-admin.sev-atencao > i[b-vs3sb2mid6] { color: #d97706; }
.aviso-admin.sev-urgente > i[b-vs3sb2mid6] { color: #dc2626; }

.aviso-admin div[b-vs3sb2mid6] { flex: 1; display: grid; gap: 3px; min-width: 0; }
.aviso-admin strong[b-vs3sb2mid6] { color: #0f172a; font-size: .92rem; }
.aviso-admin span[b-vs3sb2mid6] { color: #334155; font-size: .84rem; line-height: 1.45; }
.aviso-admin small[b-vs3sb2mid6] { color: #94a3b8; font-size: .72rem; font-weight: 700; }

.aviso-admin button[b-vs3sb2mid6] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 0;
    border-radius: 9px;
    background: #fff;
    color: #334155;
    font-size: .76rem;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.stat-card[b-vs3sb2mid6] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.stat-card[b-vs3sb2mid6]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.stat-card:hover[b-vs3sb2mid6] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.stat-card:hover[b-vs3sb2mid6]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.inspira-card[b-vs3sb2mid6] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.inspira-card[b-vs3sb2mid6]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.inspira-card:hover[b-vs3sb2mid6] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.inspira-card:hover[b-vs3sb2mid6]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/PainelResponsavel.razor.rz.scp.css */
/* Portal público do responsável — porte do <style> de PainelResponsavel.aspx (legado). */

.pr-load[b-cs09m50ao6] {
    max-width: 500px;
    margin: 60px auto;
    text-align: center;
    color: #64748b;
}

.pr-hero[b-cs09m50ao6] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #fff;
    padding: 30px 20px;
    text-align: center;
}

.pr-hero .logo[b-cs09m50ao6] {
    font-size: .75rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    opacity: .8;
}

.pr-hero h1[b-cs09m50ao6] {
    font-size: 1.7rem;
    font-weight: 900;
    margin: 8px 0 4px;
}

.pr-hero .subtitulo[b-cs09m50ao6] {
    font-size: .9rem;
    opacity: .92;
}

.pr-wrap[b-cs09m50ao6] {
    max-width: 900px;
    margin: 0 auto;
    padding: 18px;
}

/* Cards indicadores */
.pr-grid[b-cs09m50ao6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
    margin-top: 14px;
}

[b-cs09m50ao6] .pr-card {
    background: #fff;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
    border: 2px solid #e2e8f0;
    transition: all .2s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-cs09m50ao6] .pr-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}

[b-cs09m50ao6] .pr-card .top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

[b-cs09m50ao6] .pr-card .ico {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    flex-shrink: 0;
}

[b-cs09m50ao6] .pr-card .nome {
    font-size: .78rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

[b-cs09m50ao6] .pr-card .valor-big {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.1;
    color: #0f172a;
}

[b-cs09m50ao6] .pr-card .valor-big.pct {
    font-size: 1.8rem;
}

[b-cs09m50ao6] .pr-card .contexto {
    font-size: .82rem;
    color: #64748b;
}

/* Status colors */
[b-cs09m50ao6] .pr-card.EXCELENTE .valor-big { color: #059669; }
[b-cs09m50ao6] .pr-card.BOM .valor-big { color: #2563eb; }
[b-cs09m50ao6] .pr-card.MEDIO .valor-big { color: #f59e0b; }
[b-cs09m50ao6] .pr-card.BAIXO .valor-big { color: #dc2626; }
[b-cs09m50ao6] .pr-card.FOCO .valor-big { color: #dc2626; }

/* Badge de status */
[b-cs09m50ao6] .pr-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    align-self: flex-start;
    margin-top: 4px;
}

[b-cs09m50ao6] .pr-badge.EXCELENTE { background: #d1fae5; color: #065f46; }
[b-cs09m50ao6] .pr-badge.BOM { background: #dbeafe; color: #1e40af; }
[b-cs09m50ao6] .pr-badge.MEDIO { background: #fef3c7; color: #92400e; }
[b-cs09m50ao6] .pr-badge.BAIXO { background: #fee2e2; color: #991b1b; }
[b-cs09m50ao6] .pr-badge.FOCO { background: #fee2e2; color: #991b1b; }
[b-cs09m50ao6] .pr-badge.NEUTRO { background: #f1f5f9; color: #475569; }

/* Separador de categoria */
.pr-secao-titulo[b-cs09m50ao6] {
    font-size: .75rem;
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin: 22px 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-secao-titulo[b-cs09m50ao6]::before {
    content: '';
    flex: 0 0 20px;
    height: 2px;
    background: #cbd5e1;
}

.pr-secao-titulo[b-cs09m50ao6]::after {
    content: '';
    flex: 1;
    height: 2px;
    background: #e2e8f0;
}

/* Lista (tipo foco) */
[b-cs09m50ao6] .pr-card.tipo-lista {
    grid-column: 1 / -1;
    background: #fff7ed;
    border-color: #fed7aa;
}

[b-cs09m50ao6] .pr-lista-itens {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

[b-cs09m50ao6] .pr-lista-item {
    background: #fff;
    border: 1px solid #fed7aa;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    color: #c2410c;
    font-size: .88rem;
}

[b-cs09m50ao6] .pr-lista-item small {
    font-weight: 500;
    color: #78716c;
    margin-left: 4px;
}

/* Aluno card topo */
.pr-aluno-header[b-cs09m50ao6] {
    background: #fff;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
    margin-top: -30px;
    position: relative;
    z-index: 1;
    border: 1px solid #e2e8f0;
}

.pr-avatar[b-cs09m50ao6] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
    background: linear-gradient(135deg, #f97316);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pr-aluno-info h2[b-cs09m50ao6] {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0;
}

.pr-aluno-info p[b-cs09m50ao6] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: .84rem;
}

.pr-invalid[b-cs09m50ao6] {
    max-width: 500px;
    margin: 60px auto;
    padding: 40px 20px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
}

.pr-invalid i[b-cs09m50ao6] {
    font-size: 3rem;
    color: #ef4444;
}

.pr-invalid h2[b-cs09m50ao6] {
    margin: 10px 0 6px;
}

.pr-invalid p[b-cs09m50ao6] {
    color: #64748b;
}

.pr-footer[b-cs09m50ao6] {
    text-align: center;
    padding: 30px 20px;
    color: #94a3b8;
    font-size: .78rem;
}
/* /Components/Pages/Planejamento.razor.rz.scp.css */
/* Planejamento unificado (anual + geração por bimestre) */
.pu-page[b-tnxhinsoop] { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 1.2rem 2rem; max-width: 1180px; margin: 0 auto; }

/* Hero no mesmo tamanho/cor das outras telas (Atividade, Minhas Provas...) */
.pu-hero[b-tnxhinsoop] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #9333ea 0%, #3b0764 100%);
}

.pu-kicker[b-tnxhinsoop] {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pu-hero h1[b-tnxhinsoop] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }

.pu-hero p[b-tnxhinsoop] { margin: 5px 0 0; max-width: 800px; font-size: 14px; color: rgba(255, 255, 255, 0.92); }

.pu-ano[b-tnxhinsoop] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
}

.pu-ano input[b-tnxhinsoop] { width: 6rem; margin-top: 2px; border: 2px solid rgba(255, 255, 255, 0.45); border-radius: 8px; padding: .35rem .5rem; background: rgba(255, 255, 255, 0.16); color: #fff; font-weight: 800; }
.pu-ano input:focus[b-tnxhinsoop] { outline: 0; border-color: #fff; }

.pu-msg[b-tnxhinsoop] { border-radius: 8px; padding: .5rem .7rem; font-size: .88rem; }
.pu-msg.ok[b-tnxhinsoop] { background: #f0fbf6; color: #17a673; }
.pu-msg.err[b-tnxhinsoop] { background: #fff5f5; color: #b03a3a; }

/* ===== rótulo e texto de apoio: mesmo padrão da tela de Plano de aula ===== */
.pu-label[b-tnxhinsoop] {
    display: block;
    margin: 0;
    color: #4c1d95;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pu-ajuda[b-tnxhinsoop] {
    margin: 4px 0 12px;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.5;
}

.pu-ajuda strong[b-tnxhinsoop] { color: #4c1d95; font-weight: 800; }
.pu-ajuda em[b-tnxhinsoop] { color: #5b21b6; font-style: normal; font-weight: 700; }

.pu-passo[b-tnxhinsoop] { border: 1px solid #e2e5f0; border-radius: 14px; background: #fff; padding: 1rem 1.1rem; }

.pu-topo[b-tnxhinsoop] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr); gap: 1rem; align-items: start; }

.pu-col[b-tnxhinsoop] { border: 1px solid #e2e5f0; border-radius: 14px; background: #fff; padding: .9rem 1rem; display: flex; flex-direction: column; gap: 0; }

.pu-add-linha[b-tnxhinsoop] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin-top: .8rem; }

/* ===== bimestre: o único seletor da página ===== */
.pu-bimestres[b-tnxhinsoop] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .5rem; }

.pu-toggle[b-tnxhinsoop] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 11px 8px; border-radius: 11px; border: 2px solid #ddd6fe;
    background: #fff; cursor: pointer;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.pu-toggle strong[b-tnxhinsoop] { color: #4c1d95; font-weight: 900; font-size: 12.5px; }
.pu-toggle small[b-tnxhinsoop] { color: #64748b; font-size: 10.5px; font-weight: 600; }

.pu-toggle:hover[b-tnxhinsoop] { border-color: #a78bfa; background: #faf5ff; }

.pu-toggle.is-on[b-tnxhinsoop] {
    border-color: transparent;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    box-shadow: 0 8px 20px rgba(59, 7, 100, .24);
}

.pu-toggle.is-on strong[b-tnxhinsoop] { color: #fff; }
.pu-toggle.is-on small[b-tnxhinsoop] { color: rgba(255, 255, 255, .84); }

.pu-add[b-tnxhinsoop] { border: 0; border-radius: 10px; padding: .6rem 1rem; background: linear-gradient(135deg, #9333ea, #3b0764); color: #fff; font-weight: 800; cursor: pointer; }

.pu-add:disabled[b-tnxhinsoop] { opacity: .55; cursor: default; }

.pu-dica[b-tnxhinsoop] { color: #8b90a4; }

/* lista de habilidades ordenável */
.pu-hab-lista[b-tnxhinsoop] { display: flex; flex-direction: column; gap: .35rem; max-height: 380px; overflow-y: auto; }

.pu-hab[b-tnxhinsoop] { display: flex; align-items: center; gap: .5rem; border: 2px solid #e9e5f8; border-radius: 10px; padding: .4rem .55rem; }

/* TODAS na mesma cor (fundador 04/07: "dá pra ver que pode selecionar");
   a MARCADA é que ganha destaque. */
.pu-hab.off[b-tnxhinsoop] { opacity: 1; }

.pu-hab:not(.off)[b-tnxhinsoop] { border-color: #7c3aed; background: #faf5ff; }

.pu-hab-num[b-tnxhinsoop] { font-size: .72rem; font-weight: 800; color: #5b21b6; min-width: 1.6rem; }

.pu-hab input[b-tnxhinsoop] { width: 17px; height: 17px; accent-color: #7c3aed; }

.pu-hab-txt[b-tnxhinsoop] { flex: 1; min-width: 0; }

.pu-hab-txt code[b-tnxhinsoop] { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 6px; padding: .02rem .4rem; font-size: .78rem; }

.pu-hab-txt small[b-tnxhinsoop] { display: block; color: #6b7280; font-size: .76rem; }

.pu-hab-setas[b-tnxhinsoop] { display: flex; flex-direction: column; }

.pu-hab-setas button[b-tnxhinsoop] { border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0; line-height: 1; }

.pu-hab-setas button:disabled[b-tnxhinsoop] { opacity: .3; cursor: default; }

.pu-salvar-ordem[b-tnxhinsoop] { margin-top: .6rem; border: 2px solid #ddd6fe; background: #faf5ff; color: #5b21b6; border-radius: 10px; padding: .5rem .9rem; font-weight: 800; cursor: pointer; }
.pu-salvar-ordem:hover[b-tnxhinsoop] { border-color: #a78bfa; }

/* quadro dos bimestres — só leitura: quem troca de bimestre é o passo 1 */
.pu-quadro[b-tnxhinsoop] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }

.pu-bim-col[b-tnxhinsoop] { border: 2px solid #e9e5f8; border-radius: 12px; background: #fff; padding: .6rem .7rem; }

.pu-bim-col.ativa[b-tnxhinsoop] { border-color: #7c3aed; background: #fdfaff; box-shadow: 0 0 0 3px rgba(124, 58, 237, .12); }

.pu-bim-col h4[b-tnxhinsoop] { margin: 0 0 .45rem; font-size: .9rem; display: flex; justify-content: space-between; color: #4c1d95; }

.pu-bim-col h4 em[b-tnxhinsoop] { font-style: normal; background: #f3e8ff; color: #5b21b6; border-radius: 999px; padding: 0 .5rem; font-size: .74rem; }

.pu-bim-col small[b-tnxhinsoop] { color: #8b90a4; }

.pu-item[b-tnxhinsoop] { display: flex; justify-content: space-between; gap: .4rem; align-items: center; border: 1px solid #eef0f7; border-radius: 8px; padding: .3rem .45rem; margin-bottom: .3rem; font-size: .8rem; }

.pu-item button[b-tnxhinsoop] { border: 0; background: transparent; color: #b03a3a; cursor: pointer; }

.pu-gerar[b-tnxhinsoop] { width: 100%; margin-top: .35rem; border: 0; border-radius: 8px; padding: .45rem; background: linear-gradient(135deg, #f59e0b, #ea580c); color: #fff; font-weight: 800; cursor: pointer; }

.pu-gerar:disabled[b-tnxhinsoop] { opacity: .6; cursor: default; }

/* resultados */
.pu-resultados[b-tnxhinsoop] { border: 1px solid #e2e5f0; border-radius: 14px; background: #fff; padding: .9rem 1rem; }

.pu-resultados h3[b-tnxhinsoop] { margin: 0 0 .6rem; font-size: 1rem; }

.pu-res[b-tnxhinsoop] { display: flex; align-items: center; gap: .5rem; padding: .4rem .3rem; border-bottom: 1px solid #f2f3f8; font-size: .89rem; }

.pu-res.ok i[b-tnxhinsoop] { color: #17a673; }
.pu-res.erro i[b-tnxhinsoop] { color: #eb5757; }

.pu-res em[b-tnxhinsoop] { color: #8b90a4; font-style: normal; font-size: .8rem; }

.pu-res a[b-tnxhinsoop] { margin-left: auto; color: #7c3aed; font-weight: 700; text-decoration: none; }

@media (max-width: 980px) {
    .pu-topo[b-tnxhinsoop], .pu-quadro[b-tnxhinsoop] { grid-template-columns: 1fr; }
}

.pu-word[b-tnxhinsoop] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    margin-top: .3rem;
    border: 2px solid #ddd6fe;
    background: #faf5ff;
    color: #5b21b6;
    border-radius: 8px;
    padding: .4rem;
    font-weight: 700;
    font-size: .82rem;
    text-decoration: none;
}
/* /Components/Pages/PlanoAula.razor.rz.scp.css */
.pa-page[b-y8pnt5w5c8] {
    display: grid;
    gap: 12px;
}

.pa-hero[b-y8pnt5w5c8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #9333ea 0%, #3b0764 100%);
}

.pa-kicker[b-y8pnt5w5c8] {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pa-hero h1[b-y8pnt5w5c8] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.pa-hero p[b-y8pnt5w5c8] {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
}

.pa-link[b-y8pnt5w5c8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.pa-msg[b-y8pnt5w5c8] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.pa-msg.ok[b-y8pnt5w5c8] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.pa-msg.err[b-y8pnt5w5c8] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.pa-form[b-y8pnt5w5c8],
.pa-list[b-y8pnt5w5c8] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

.pa-grid[b-y8pnt5w5c8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

/* quantidade + período: linha própria, responsiva (fundador 05/07 — não cabiam
   junto com tema/série/matéria nas 5 colunas apertadas de antes) */
.pa-periodo-grid[b-y8pnt5w5c8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
    margin-top: 10px;
}

/* rótulos: roxo escuro, legíveis sobre o branco do formulário */
.pa-field > label[b-y8pnt5w5c8],
.pa-bncc-head label[b-y8pnt5w5c8] {
    display: block;
    margin: 0 0 4px;
    color: #4c1d95;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pa-req[b-y8pnt5w5c8] { color: #b91c1c; }
.pa-opc[b-y8pnt5w5c8] { color: #8b7fb0; font-weight: 700; text-transform: none; letter-spacing: 0; }

/* texto de apoio que explica o campo */
.pa-ajuda[b-y8pnt5w5c8] {
    margin: 0 0 8px;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
}

.pa-form > .pa-field[b-y8pnt5w5c8] { margin-top: 16px; }

.pa-form input[b-y8pnt5w5c8],
.pa-form select[b-y8pnt5w5c8],
.pa-form textarea[b-y8pnt5w5c8] {
    width: 100%;
    border: 2px solid #ddd6fe;
    border-radius: 10px;
    padding: 9px 10px;
    font-size: 14px;
    font-family: inherit;
    color: #0f172a;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pa-form input:focus[b-y8pnt5w5c8],
.pa-form select:focus[b-y8pnt5w5c8],
.pa-form textarea:focus[b-y8pnt5w5c8] {
    outline: 0;
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .13);
}

.pa-form input[b-y8pnt5w5c8]::placeholder,
.pa-form textarea[b-y8pnt5w5c8]::placeholder { color: #94a3b8; }

/* o combo de série/matéria é componente próprio: iguala a borda pela ::deep */
.pa-grid[b-y8pnt5w5c8]  .se-campo { border-width: 2px; border-color: #ddd6fe; }

.pa-list h2[b-y8pnt5w5c8] {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 900;
}

.pa-empty[b-y8pnt5w5c8] {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.pa-list article[b-y8pnt5w5c8] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
}

.pa-list strong[b-y8pnt5w5c8],
.pa-list span[b-y8pnt5w5c8],
.pa-list small[b-y8pnt5w5c8] {
    display: block;
}

.pa-list strong[b-y8pnt5w5c8] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.pa-list span[b-y8pnt5w5c8] {
    margin-top: 4px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.pa-list small[b-y8pnt5w5c8] {
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .pa-grid[b-y8pnt5w5c8] {
        grid-template-columns: 1fr;
    }

    .pa-hero[b-y8pnt5w5c8] {
        flex-direction: column;
        align-items: start;
    }
}

.pa-grid[b-y8pnt5w5c8]  .se-wrap { min-width: 170px; }

/* ===== geração IA + modal (paridade 03/07) ===== */
/* as duas abas: cartões-botão, com o que cada modo faz escrito dentro */
.pa-modos[b-y8pnt5w5c8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.pa-modo[b-y8pnt5w5c8] {
    display: flex; align-items: flex-start; gap: 11px; text-align: left;
    padding: 13px 15px; border: 2px solid #ddd6fe; border-radius: 13px;
    background: #fff; color: #334155; cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .12s ease;
}

.pa-modo i[b-y8pnt5w5c8] { font-size: 1.1rem; line-height: 1.25; color: #7c3aed; }
.pa-modo strong[b-y8pnt5w5c8] { display: block; color: #4c1d95; font-size: .9rem; font-weight: 900; }
.pa-modo small[b-y8pnt5w5c8] { display: block; margin-top: 3px; color: #64748b; font-size: .76rem; line-height: 1.4; }

.pa-modo:hover[b-y8pnt5w5c8] { border-color: #a78bfa; transform: translateY(-1px); }

.pa-modo.is-on[b-y8pnt5w5c8] {
    border-color: transparent;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    box-shadow: 0 10px 24px rgba(59, 7, 100, .26);
}

.pa-modo.is-on i[b-y8pnt5w5c8],
.pa-modo.is-on strong[b-y8pnt5w5c8] { color: #fff; }
.pa-modo.is-on small[b-y8pnt5w5c8] { color: rgba(255, 255, 255, .86); }

.pa-provas[b-y8pnt5w5c8] { display: grid; gap: 8px; padding: 14px; border: 2px dashed #c4b5fd; border-radius: 12px; background: #faf9ff; margin-bottom: 12px; }
.pa-provas-titulo[b-y8pnt5w5c8] { color: #4c1d95; font-size: 12.5px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.pa-provas .pa-ajuda[b-y8pnt5w5c8] { margin: -4px 0 2px; }
.pa-provas-lista[b-y8pnt5w5c8] { display: grid; gap: 6px; max-height: 220px; overflow-y: auto; }
.pa-prova-check[b-y8pnt5w5c8] { display: flex; align-items: center; gap: 9px; font-size: .84rem; color: #334155; cursor: pointer; }
.pa-prova-check input[type="checkbox"][b-y8pnt5w5c8] { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; padding: 0; accent-color: #7c3aed; }
.pa-prova-check small[b-y8pnt5w5c8] { color: #94a3b8; margin-left: 6px; }
.pa-hint[b-y8pnt5w5c8] { color: #94a3b8; font-size: .8rem; }

/* ===== quantidade de aulas: slider + atalhos ===== */
.pa-slider-row[b-y8pnt5w5c8] { display: flex; align-items: center; gap: 14px; }

.pa-slider[b-y8pnt5w5c8] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #ede9fe;
    accent-color: #7c3aed;
    cursor: pointer;
}

.pa-slider:focus[b-y8pnt5w5c8] { outline: 0; box-shadow: 0 0 0 4px rgba(124, 58, 237, .13); }

.pa-slider-valor[b-y8pnt5w5c8] {
    flex: 0 0 auto;
    display: inline-flex; align-items: baseline; gap: 5px;
    min-width: 84px; justify-content: center;
    padding: 7px 12px; border-radius: 10px;
    background: linear-gradient(135deg, #9333ea, #3b0764); color: #fff;
}

.pa-slider-valor strong[b-y8pnt5w5c8] { font-size: 1.05rem; font-weight: 900; }
.pa-slider-valor small[b-y8pnt5w5c8] { font-size: .68rem; font-weight: 700; opacity: .85; }

.pa-atalhos[b-y8pnt5w5c8] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

/* chip: atalho de quantidade e código da BNCC usam o mesmo desenho */
.pa-chip[b-y8pnt5w5c8] {
    flex: 0 0 auto;
    padding: 7px 13px; border-radius: 999px; border: 2px solid #ddd6fe;
    background: #fff; color: #5b21b6; font-weight: 800; font-size: 12px; cursor: pointer;
    transition: border-color .14s ease, background .14s ease, color .14s ease;
}

.pa-chip:hover[b-y8pnt5w5c8] { border-color: #a78bfa; background: #faf5ff; }

.pa-chip.is-on[b-y8pnt5w5c8] {
    border-color: transparent;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    color: #fff;
}

/* ===== período: toggles com o significado escrito dentro ===== */
.pa-periodo-row[b-y8pnt5w5c8] { display: flex; flex-wrap: wrap; gap: 7px; }

.pa-toggle[b-y8pnt5w5c8] {
    flex: 1 1 116px; display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 8px; border-radius: 11px; border: 2px solid #ddd6fe;
    background: #fff; cursor: pointer;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.pa-toggle strong[b-y8pnt5w5c8] { color: #4c1d95; font-weight: 900; font-size: 12.5px; }
.pa-toggle small[b-y8pnt5w5c8] { color: #64748b; font-size: 10.5px; font-weight: 600; text-align: center; }

.pa-toggle:hover[b-y8pnt5w5c8] { border-color: #a78bfa; background: #faf5ff; }

.pa-toggle.is-on[b-y8pnt5w5c8] {
    border-color: transparent;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    box-shadow: 0 8px 20px rgba(59, 7, 100, .24);
}

.pa-toggle.is-on strong[b-y8pnt5w5c8] { color: #fff; }
.pa-toggle.is-on small[b-y8pnt5w5c8] { color: rgba(255, 255, 255, .84); }

.pa-gerar[b-y8pnt5w5c8] {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; padding: 12px 22px;
    border: 0; border-radius: 12px; background: linear-gradient(135deg, #9333ea, #3b0764);
    color: #fff; font-weight: 800; cursor: pointer;
}
.pa-gerar:disabled[b-y8pnt5w5c8] { opacity: .6; }

.pa-list-head[b-y8pnt5w5c8] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pa-busca[b-y8pnt5w5c8] { height: 42px; padding: 0 12px; border: 2px solid #ddd6fe; border-radius: 10px; min-width: 240px; font: inherit; }
.pa-busca:focus[b-y8pnt5w5c8] { outline: 0; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124, 58, 237, .13); }

.pa-cards[b-y8pnt5w5c8] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.pa-card[b-y8pnt5w5c8] {
    display: grid; gap: 4px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 14px;
    background: #fff; cursor: pointer; transition: border-color .14s ease, transform .14s ease;
}
.pa-card:hover[b-y8pnt5w5c8] { border-color: #3b0764; transform: translateY(-2px); }
.pa-card strong[b-y8pnt5w5c8] { color: #0f172a; font-size: .92rem; }
.pa-card span[b-y8pnt5w5c8] { color: #64748b; font-size: .78rem; }
.pa-card small[b-y8pnt5w5c8] { color: #94a3b8; font-size: .72rem; }
.pa-card em[b-y8pnt5w5c8] { color: #3b0764; font-size: .74rem; font-style: normal; font-weight: 800; }

.pa-overlay[b-y8pnt5w5c8] { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 16px; background: rgba(15,23,42,.55); backdrop-filter: blur(3px); }
.pa-modal[b-y8pnt5w5c8] { width: min(880px, 100%); max-height: 90vh; display: flex; flex-direction: column; border-radius: 18px; background: #fff; overflow: hidden; box-shadow: 0 30px 80px rgba(15,23,42,.35); }
.pa-modal-head[b-y8pnt5w5c8] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px; color: #fff; background: linear-gradient(135deg, #9333ea, #3b0764); }
.pa-modal-head strong[b-y8pnt5w5c8] { display: block; font-size: 1.05rem; }
.pa-modal-head span[b-y8pnt5w5c8] { font-size: .78rem; opacity: .85; }
.pa-modal-head button[b-y8pnt5w5c8] { width: 32px; height: 32px; border: 0; border-radius: 9px; background: rgba(255,255,255,.18); color: #fff; }

.pa-modal-corpo[b-y8pnt5w5c8] { flex: 1; overflow-y: auto; padding: 16px 20px; display: grid; gap: 10px; }

.pa-aula[b-y8pnt5w5c8] { border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.pa-aula summary[b-y8pnt5w5c8] { display: flex; align-items: center; gap: 8px; padding: 11px 14px; cursor: pointer; list-style: none; color: #0f172a; font-size: .9rem; }
.pa-aula summary[b-y8pnt5w5c8]::-webkit-details-marker { display: none; }
.pa-aula summary em[b-y8pnt5w5c8] { margin-left: auto; font-style: normal; font-size: .72rem; font-weight: 800; color: #7e22ce; }
.pa-aula-corpo[b-y8pnt5w5c8] { padding: 0 16px 14px; display: grid; gap: 8px; }
.pa-aula-corpo h5[b-y8pnt5w5c8] { margin: 8px 0 0; color: #7e22ce; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.pa-aula-corpo ul[b-y8pnt5w5c8] { margin: 0; padding-left: 18px; color: #334155; font-size: .85rem; line-height: 1.5; }
.pa-resumo[b-y8pnt5w5c8] { margin: 0; color: #475569; font-size: .86rem; font-style: italic; }
.pa-leitura[b-y8pnt5w5c8] { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff; color: #334155; font-size: .85rem; line-height: 1.55; white-space: pre-wrap; }
.pa-exercicio[b-y8pnt5w5c8] { padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid #eef2f7; display: grid; gap: 4px; }
.pa-exercicio p[b-y8pnt5w5c8] { margin: 0; font-size: .84rem; color: #334155; }

.pa-pais[b-y8pnt5w5c8] { padding: 14px 16px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #3b0764, #9333ea); }
.pa-pais h5[b-y8pnt5w5c8] { margin: 0 0 6px; font-size: .82rem; }
.pa-pais p[b-y8pnt5w5c8] { margin: 0; font-size: .86rem; line-height: 1.5; white-space: pre-wrap; }

.pa-modal-footer[b-y8pnt5w5c8] { display: flex; gap: 9px; padding: 13px 20px; border-top: 1px solid #eef2f7; flex-wrap: wrap; }
.pa-btn[b-y8pnt5w5c8] { display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #9333ea, #3b0764); color: #fff; font-size: .8rem; font-weight: 800; text-decoration: none; }
.pa-btn.ghost[b-y8pnt5w5c8] { background: #fff; color: #475569; border: 1px solid #dbe4ef; }

/* ===== chips BNCC ===== */
.pa-bncc-head[b-y8pnt5w5c8] { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.pa-bncc-head span[b-y8pnt5w5c8] { flex: 0 0 auto; color: #94a3b8; font-size: 12px; }
.pa-bncc-strip[b-y8pnt5w5c8] { display: flex; flex-wrap: wrap; gap: 6px; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.pa-card[b-y8pnt5w5c8] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.pa-card[b-y8pnt5w5c8]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #9333ea, #3b0764) 1;
    border-top-right-radius: 14px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.pa-card:hover[b-y8pnt5w5c8] {
    transform: translateY(-5px);
    border-color: #d8b4fe;
    box-shadow: 0 26px 54px rgba(59, 7, 100, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.pa-card:hover[b-y8pnt5w5c8]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/PlanoDeAulaComIa.razor.rz.scp.css */
.seo-page[b-w24jvz3b6s] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-w24jvz3b6s] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-w24jvz3b6s] { text-align: center; }

/* HERO */
.hero[b-w24jvz3b6s] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-w24jvz3b6s] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-w24jvz3b6s] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-w24jvz3b6s 20s linear infinite;
}
@keyframes particles-b-w24jvz3b6s { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-w24jvz3b6s] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-w24jvz3b6s] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-w24jvz3b6s] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-w24jvz3b6s] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-w24jvz3b6s] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-w24jvz3b6s] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-w24jvz3b6s] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-w24jvz3b6s] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-w24jvz3b6s] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-w24jvz3b6s] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-w24jvz3b6s] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-w24jvz3b6s] { text-align: center; }
.proof-number[b-w24jvz3b6s] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-w24jvz3b6s] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-w24jvz3b6s] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-w24jvz3b6s] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-w24jvz3b6s] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-w24jvz3b6s] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-w24jvz3b6s] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-w24jvz3b6s] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-w24jvz3b6s] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-w24jvz3b6s] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-w24jvz3b6s] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-w24jvz3b6s] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-w24jvz3b6s] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-w24jvz3b6s] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-w24jvz3b6s] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-w24jvz3b6s] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-w24jvz3b6s] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-w24jvz3b6s] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-w24jvz3b6s] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-w24jvz3b6s] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-w24jvz3b6s] { max-width: 720px; margin: 0 auto; }
.faq-item[b-w24jvz3b6s] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-w24jvz3b6s] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-w24jvz3b6s] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-w24jvz3b6s]::-webkit-details-marker { display: none; }
.faq-question i[b-w24jvz3b6s] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-w24jvz3b6s] { transform: rotate(180deg); }
.faq-answer[b-w24jvz3b6s] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-w24jvz3b6s] { max-width: 900px; }
.seo-text p[b-w24jvz3b6s] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-w24jvz3b6s] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-w24jvz3b6s]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-w24jvz3b6s] { position: relative; z-index: 1; }
.cta-title[b-w24jvz3b6s] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-w24jvz3b6s] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-w24jvz3b6s] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-w24jvz3b6s] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Pages/PoliticaPrivacidade.razor.rz.scp.css */
.legal[b-apkzrdbnqf] {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    line-height: 1.7;
}

.legal h1[b-apkzrdbnqf] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.legal .updated[b-apkzrdbnqf] {
    color: #6b7280;
    font-size: .85rem;
    margin-bottom: 40px;
}

.legal h2[b-apkzrdbnqf] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    margin: 32px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.legal p[b-apkzrdbnqf],
.legal li[b-apkzrdbnqf] {
    font-size: .95rem;
    color: #374151;
    margin-bottom: 12px;
}

.legal ul[b-apkzrdbnqf] {
    padding-left: 20px;
    margin-bottom: 16px;
}

.legal li[b-apkzrdbnqf] {
    margin-bottom: 6px;
}

.legal a[b-apkzrdbnqf] {
    color: #667eea;
}

.legal .card[b-apkzrdbnqf] {
    background: #f8f9fc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0;
}
/* /Components/Pages/Produto.razor.rz.scp.css */
.pd-root[b-8qc39irx7r] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-dark: #0a0a1a;
    --bg-card: rgba(30, 41, 59, 0.55);
    --text-primary: #ffffff;
    --text-secondary: rgba(255,255,255,.72);
    --text-muted: rgba(255,255,255,.5);
    --border-subtle: rgba(255,255,255,.08);
    --purple: #a78bfa;
    --purple-glow: rgba(167,139,250,.18);
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--bg-dark);
    color: var(--text-primary);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.pd-page[b-8qc39irx7r] { max-width: 1080px; margin: 0 auto; padding: 60px 24px; }
.pd-section[b-8qc39irx7r] { margin-bottom: 56px; }

/* HERO */
.pd-hero[b-8qc39irx7r] { text-align: center; padding: 40px 0 20px; }
.pd-hero-tag[b-8qc39irx7r] {
    display: inline-block; padding: 7px 16px;
    background: rgba(167,139,250,.14); border: 1px solid rgba(167,139,250,.3);
    border-radius: 50px; font-size: .82rem; font-weight: 600;
    letter-spacing: 1px; margin-bottom: 22px; color: var(--purple);
}
.pd-hero h1[b-8qc39irx7r] { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.12; margin-bottom: 20px; }
.pd-hero .lead[b-8qc39irx7r] { font-size: 1.1rem; color: var(--text-secondary); max-width: 760px; margin: 0 auto 30px; line-height: 1.65; }
.pd-hero-ctas[b-8qc39irx7r] { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

.pd-btn[b-8qc39irx7r] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 28px; border-radius: 50px; font-weight: 700;
    text-decoration: none; transition: all .25s; font-size: 1rem;
}
.pd-btn-primary[b-8qc39irx7r] { background: var(--primary-gradient); color: #fff; box-shadow: 0 10px 30px var(--purple-glow); }
.pd-btn-primary:hover[b-8qc39irx7r] { transform: translateY(-2px); color: #fff; }
.pd-btn-ghost[b-8qc39irx7r] { background: rgba(255,255,255,.05); color: var(--text-primary); border: 1px solid var(--border-subtle); }
.pd-btn-ghost:hover[b-8qc39irx7r] { background: rgba(255,255,255,.1); color: #fff; }

/* NUMBERS */
.pd-numbers[b-8qc39irx7r] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pd-num-card[b-8qc39irx7r] {
    background: var(--bg-card); backdrop-filter: blur(20px);
    border: 1px solid var(--border-subtle); border-radius: 18px;
    padding: 28px 18px; text-align: center; transition: all .3s;
}
.pd-num-card:hover[b-8qc39irx7r] { transform: translateY(-3px); border-color: var(--purple); box-shadow: 0 12px 32px var(--purple-glow); }
.pd-num-value[b-8qc39irx7r] {
    font-size: 2rem; font-weight: 800; line-height: 1.1;
    background: linear-gradient(135deg, #c4b5fd, #fff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.pd-num-label[b-8qc39irx7r] { font-size: .74rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; line-height: 1.3; }

/* SECTION HEAD */
.pd-section-head[b-8qc39irx7r] { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
.pd-section-head-center[b-8qc39irx7r] { justify-content: center; }
.pd-section-icon[b-8qc39irx7r] {
    width: 46px; height: 46px; border-radius: 12px;
    background: var(--primary-gradient); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 6px 18px var(--purple-glow);
}
.pd-section-head h2[b-8qc39irx7r] { font-size: 1.6rem; font-weight: 800; color: white; margin: 0; }
.pd-section-head h2 small[b-8qc39irx7r] { display: block; font-size: .9rem; color: var(--text-muted); font-weight: 500; margin-top: 4px; }

/* FEATURES */
.pd-features[b-8qc39irx7r] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.pd-feature[b-8qc39irx7r] {
    background: var(--bg-card); border: 1px solid var(--border-subtle);
    border-radius: 16px; padding: 26px; transition: all .3s;
}
.pd-feature:hover[b-8qc39irx7r] { transform: translateY(-4px); border-color: var(--purple); box-shadow: 0 12px 30px var(--purple-glow); }
.pd-feature-ico[b-8qc39irx7r] {
    width: 48px; height: 48px; border-radius: 12px;
    background: var(--purple-glow); color: var(--purple);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; margin-bottom: 16px;
}
.pd-feature h3[b-8qc39irx7r] { font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; color: white; }
.pd-feature p[b-8qc39irx7r] { color: var(--text-secondary); font-size: .95rem; margin: 0; line-height: 1.6; }

/* STEPS */
.pd-steps[b-8qc39irx7r] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.pd-step[b-8qc39irx7r] {
    background: var(--bg-card); border: 1px solid var(--border-subtle);
    border-radius: 16px; padding: 28px; text-align: center;
}
.pd-step-num[b-8qc39irx7r] {
    width: 52px; height: 52px; border-radius: 50%;
    background: var(--primary-gradient); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; font-weight: 800; margin: 0 auto 16px;
    box-shadow: 0 6px 20px var(--purple-glow);
}
.pd-step h3[b-8qc39irx7r] { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: white; }
.pd-step p[b-8qc39irx7r] { color: var(--text-secondary); font-size: .95rem; margin: 0; line-height: 1.6; }

/* PRICING */
.pd-pricing[b-8qc39irx7r] {
    background: linear-gradient(135deg, rgba(102,126,234,0.10) 0%, rgba(118,75,162,0.10) 100%);
    border: 1px solid var(--border-subtle); border-radius: 20px;
    padding: 44px 32px; text-align: center;
}
.pd-pricing .preco[b-8qc39irx7r] {
    font-size: 3rem; font-weight: 800; margin: 10px 0;
    background: linear-gradient(135deg, #c4b5fd, #fff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.pd-pricing .preco small[b-8qc39irx7r] { font-size: 1rem; color: var(--text-muted); -webkit-text-fill-color: initial; }
.pd-pricing p[b-8qc39irx7r] { color: var(--text-secondary); max-width: 560px; margin: 0 auto 24px; line-height: 1.6; }

@media (max-width: 768px) {
    .pd-numbers[b-8qc39irx7r] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/ProvaAutomatica.razor.rz.scp.css */
.pa-page[b-r4cclt49qc] { display: flex; flex-direction: column; gap: 14px; }

.pa-hero[b-r4cclt49qc] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(320px 140px at 95% -24%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);
}

.pa-kicker[b-r4cclt49qc] { font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); display: inline-flex; align-items: center; gap: 6px; }
.pa-hero h1[b-r4cclt49qc] { margin: 6px 0 0; font-size: 1.9rem; font-weight: 900; }
.pa-hero p[b-r4cclt49qc] { margin: 6px 0 0; max-width: 640px; color: rgba(255, 255, 255, 0.92); font-size: 14px; line-height: 1.5; }

.pa-voltar[b-r4cclt49qc] {
    display: inline-flex; align-items: center; gap: 7px;
    min-height: 38px; padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 11px;
    color: #fff; background: rgba(255, 255, 255, 0.14);
    font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap;
}

.pa-alerta[b-r4cclt49qc] { padding: 12px 16px; border-radius: 12px; font-size: 14px; font-weight: 700; }
.pa-alerta.ok[b-r4cclt49qc] { color: #065f46; background: #ecfdf5; border: 1px solid #a7f3d0; }
.pa-alerta.erro[b-r4cclt49qc] { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; }

.pa-card[b-r4cclt49qc] {
    padding: 16px 18px;
    border: 1px solid #e2e8f0; border-radius: 16px; background: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}
.pa-card-slim[b-r4cclt49qc] { padding: 14px 18px; }

.pa-card h2[b-r4cclt49qc] { margin: 0 0 12px; color: #0f172a; font-size: 1.15rem; font-weight: 900; }
.pa-card h3[b-r4cclt49qc] { margin: 0; color: #0f172a; font-size: 1.02rem; font-weight: 900; display: flex; align-items: center; gap: 10px; }

.pa-passo[b-r4cclt49qc] {
    display: inline-grid; place-items: center;
    width: 26px; height: 26px; border-radius: 999px;
    background: linear-gradient(135deg, #7c3aed, #4c1d95); color: #fff;
    font-size: .85rem; font-weight: 900;
}

.pa-dica[b-r4cclt49qc] { margin: 8px 0 0; color: #64748b; font-size: 13px; line-height: 1.5; }
.pa-vazio[b-r4cclt49qc] { color: #64748b; font-size: 14px; }

/* lista de provas */
.pa-grid[b-r4cclt49qc] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.pa-prova-card[b-r4cclt49qc] {
    text-align: left; padding: 14px;
    border: 1px solid #e2e8f0; border-radius: 13px; background: #fff; cursor: pointer;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pa-prova-card:hover[b-r4cclt49qc] { border-color: #a78bfa; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(124, 58, 237, .14); }
.pa-prova-card strong[b-r4cclt49qc] { display: block; color: #0f172a; font-size: .98rem; font-weight: 800; }
.pa-prova-card span[b-r4cclt49qc] { display: block; margin-top: 4px; color: #64748b; font-size: 12px; font-weight: 700; }

/* resumo */
.pa-resumo-cab[b-r4cclt49qc] { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.pa-resumo-cab h2[b-r4cclt49qc] { margin: 0; }
.pa-resumo-cab p[b-r4cclt49qc] { margin: 4px 0 0; color: #64748b; font-size: 13px; font-weight: 700; }
.pa-stats[b-r4cclt49qc] { display: flex; gap: 10px; }
.pa-stats div[b-r4cclt49qc] { padding: 8px 14px; border: 1px solid #e2e8f0; border-radius: 12px; text-align: center; }
.pa-stats strong[b-r4cclt49qc] { display: block; color: #0f172a; font-size: 1.2rem; font-weight: 900; }
.pa-stats span[b-r4cclt49qc] { color: #64748b; font-size: 11px; font-weight: 800; text-transform: uppercase; }

/* passo 1: imprimir */
.pa-imp[b-r4cclt49qc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px; }
.pa-imp-card[b-r4cclt49qc] {
    display: grid; gap: 6px; padding: 16px;
    border: 2px solid #e2e8f0; border-radius: 14px; background: #fff; text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pa-imp-card:hover[b-r4cclt49qc] { border-color: #7c3aed; transform: translateY(-3px); box-shadow: 0 20px 40px rgba(124, 58, 237, .16); }
.pa-imp-card i[b-r4cclt49qc] { font-size: 1.5rem; color: #7c3aed; }
.pa-imp-card strong[b-r4cclt49qc] { color: #0f172a; font-size: .96rem; }
.pa-imp-card span[b-r4cclt49qc] { color: #64748b; font-size: .8rem; line-height: 1.4; }
.pa-imp-card.off[b-r4cclt49qc] { opacity: .5; pointer-events: none; }

/* passo 1: turmas */
.pa-turmas[b-r4cclt49qc] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.pa-turma[b-r4cclt49qc] {
    display: inline-flex; align-items: center; gap: 8px;
    min-height: 40px; padding: 0 16px;
    border: 2px solid #e2e8f0; border-radius: 12px; background: #fff;
    color: #334155; font-size: 13px; font-weight: 800; cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.pa-turma:hover[b-r4cclt49qc] { border-color: #a78bfa; }
.pa-turma.on[b-r4cclt49qc] { border-color: #7c3aed; background: #f5f3ff; color: #4c1d95; }
.pa-turma.on i[b-r4cclt49qc] { color: #7c3aed; }

/* passo 3: quem fotografa */
.pa-modos[b-r4cclt49qc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 12px 0 4px; }
.pa-modo[b-r4cclt49qc] {
    display: grid; gap: 6px; padding: 16px; text-align: left;
    border: 2px solid #e2e8f0; border-radius: 14px; background: #fff; cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.pa-modo:hover[b-r4cclt49qc] { border-color: #a78bfa; }
.pa-modo.on[b-r4cclt49qc] { border-color: #7c3aed; background: #f5f3ff; }
.pa-modo i[b-r4cclt49qc] { font-size: 1.4rem; color: #7c3aed; }
.pa-modo strong[b-r4cclt49qc] { color: #0f172a; font-size: .95rem; }
.pa-modo span[b-r4cclt49qc] { color: #64748b; font-size: .8rem; line-height: 1.45; }

/* passo 3: corrigir */
.pa-corrigir[b-r4cclt49qc] { display: flex; gap: 18px; align-items: flex-start; margin-top: 12px; flex-wrap: wrap; }
.pa-qr[b-r4cclt49qc] { display: grid; place-items: center; gap: 4px; }
.pa-qr img[b-r4cclt49qc] { width: 150px; height: 150px; border: 1px solid #e2e8f0; border-radius: 12px; padding: 6px; background: #fff; }
.pa-qr span[b-r4cclt49qc] { color: #64748b; font-size: 11px; font-weight: 700; }
.pa-corrigir-txt[b-r4cclt49qc] { flex: 1; min-width: 240px; }
.pa-corrigir-txt p[b-r4cclt49qc] { margin: 0; color: #334155; font-size: 14px; line-height: 1.5; }

.pa-copiavel[b-r4cclt49qc] { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.pa-copiavel span[b-r4cclt49qc] { flex: 1; color: #475569; font-size: 12px; word-break: break-all; }
.pa-copiavel button[b-r4cclt49qc] { border: 0; background: transparent; color: #7c3aed; cursor: pointer; }

.pa-acoes[b-r4cclt49qc] { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.pa-btn[b-r4cclt49qc] {
    display: inline-flex; align-items: center; gap: 8px;
    min-height: 40px; padding: 0 15px; border-radius: 11px;
    color: #fff; background: linear-gradient(135deg, #7c3aed, #4c1d95);
    border: 0; text-decoration: none; font-size: 13px; font-weight: 800; cursor: pointer;
}
.pa-btn.ghost[b-r4cclt49qc] { color: #4338ca; background: #eef2ff; border: 1px solid #c7d2fe; }
.pa-btn:hover[b-r4cclt49qc] { filter: brightness(1.05); }

@media (max-width: 620px) {
    .pa-hero[b-r4cclt49qc] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/ProvaFisicaCaptura.razor.rz.scp.css */
/* ===== Captura de prova física (celular) ===== */

.cap-fundo[b-i7584ac1la] {
    min-height: 100vh;
    display: grid;
    place-items: start center;
    padding: 24px 14px;
    background:
        radial-gradient(900px 460px at 110% -10%, rgba(16, 185, 129, .3), transparent 60%),
        linear-gradient(135deg, #0f766e 0%, #059669 100%);
}

.cap-card[b-i7584ac1la] {
    width: min(520px, 100%);
    margin-top: 4vh;
    padding: 32px clamp(20px, 5vw, 40px);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .35);
    animation: capSubir-b-i7584ac1la .4s ease backwards;
}

@keyframes capSubir-b-i7584ac1la {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.cap-logo[b-i7584ac1la] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.5rem;
    background: linear-gradient(135deg, #0f766e, #059669);
    box-shadow: 0 12px 26px rgba(5, 150, 105, .35);
}

.cap-card h1[b-i7584ac1la] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

.cap-sub[b-i7584ac1la] {
    margin: 0 0 20px;
    color: #64748b;
    font-size: .93rem;
    line-height: 1.5;
}

.cap-botao-foto[b-i7584ac1la] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 62px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(120deg, #0f766e, #10b981);
    box-shadow: 0 14px 30px rgba(5, 150, 105, .4);
    transition: transform .14s ease;
}

.cap-botao-foto:hover:not(.desabilitado)[b-i7584ac1la] { transform: translateY(-2px); }
.cap-botao-foto.desabilitado[b-i7584ac1la] { opacity: .6; cursor: wait; }

.cap-botao-foto[b-i7584ac1la]  input[type="file"] {
    display: none;
}

.cap-progresso[b-i7584ac1la] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
    font-size: .88rem;
    font-weight: 750;
}

.cap-spinner[b-i7584ac1la] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid rgba(5, 150, 105, .25);
    border-top-color: #059669;
    animation: capGirar-b-i7584ac1la .8s linear infinite;
}

@keyframes capGirar-b-i7584ac1la {
    to { transform: rotate(360deg); }
}

.cap-resultado[b-i7584ac1la] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 10px;
    padding: 11px 14px;
    border-radius: 11px;
    font-size: .87rem;
    font-weight: 700;
}

.cap-resultado.ok[b-i7584ac1la] { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.cap-resultado.erro[b-i7584ac1la] { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }
.cap-resultado i[b-i7584ac1la] { margin-top: 1px; }

/* ===== gabarito reconhecido (captura pelo celular) ===== */
.cap-gab-ok[b-i7584ac1la] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
    text-align: left;
}
.cap-gab-ok > strong[b-i7584ac1la] { display: flex; align-items: center; gap: 8px; color: #6d28d9; font-size: .95rem; }
.cap-gab-ok ul[b-i7584ac1la] { margin: 10px 0; padding-left: 18px; display: grid; gap: 3px; color: #334155; font-size: .88rem; }
.cap-gab-ok .cap-sub[b-i7584ac1la] { margin: 4px 0 0; }

/* ===== multi-página ===== */
.cap-paginas[b-i7584ac1la] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #f0fdfa;
    border: 1px solid #99f6e4;
    color: #115e59;
    font-size: .88rem;
    font-weight: 750;
}

.cap-concluir[b-i7584ac1la] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 50px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-size: .95rem;
    font-weight: 900;
    background: linear-gradient(120deg, #0f766e, #10b981);
    box-shadow: 0 10px 24px rgba(5, 150, 105, .35);
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.cap-card[b-i7584ac1la] {
    position: relative;
    overflow: hidden;
}

.cap-card[b-i7584ac1la]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.cap-card:hover[b-i7584ac1la] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.cap-card:hover[b-i7584ac1la]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/ProvaFisicaImprimir.razor.rz.scp.css */
/* ===== toolbar (só tela) ===== */
.pfi-toolbar[b-ss5rg3lfca] {
    display: flex; align-items: end; justify-content: space-between; gap: 14px;
    padding: 16px 22px; margin-bottom: 14px; border-radius: 18px; color: #fff;
    background:
        radial-gradient(320px 140px at 95% -24%, rgba(255, 255, 255, .30), transparent 60%),
        linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);
}
.pfi-toolbar h1[b-ss5rg3lfca] { margin: 0; font-size: 1.5rem; font-weight: 900; display: flex; align-items: center; gap: 10px; }
.pfi-toolbar p[b-ss5rg3lfca] { margin: 6px 0 0; max-width: 660px; color: rgba(255, 255, 255, .92); font-size: 13px; line-height: 1.5; }
.pfi-toolbar-acoes[b-ss5rg3lfca] { display: flex; gap: 10px; align-items: center; }
.pfi-toolbar-acoes select[b-ss5rg3lfca] {
    min-height: 40px; padding: 0 12px; border-radius: 11px; border: 0;
    font-size: 13px; font-weight: 700; color: #0f172a;
}
.pfi-toolbar-acoes button[b-ss5rg3lfca] {
    display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .4); border-radius: 11px;
    color: #fff; background: rgba(255, 255, 255, .14);
    font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap;
}
.pfi-toolbar-acoes button:disabled[b-ss5rg3lfca] { opacity: .5; cursor: default; }

.pfi-aviso[b-ss5rg3lfca] {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px 16px; border: 1px solid #bfdbfe; border-radius: 12px; background: #eff6ff;
}
.pfi-aviso i[b-ss5rg3lfca] { color: #2563eb; font-size: 1.2rem; }
.pfi-aviso strong[b-ss5rg3lfca] { display: block; color: #0f172a; font-size: 14px; }
.pfi-aviso span[b-ss5rg3lfca] { color: #475569; font-size: 13px; }

/* ===== folha (uma página física por div) ===== */
.pfi-folha[b-ss5rg3lfca] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px;
    padding: 26px 30px; margin: 0 auto 18px; max-width: 850px;
    color: #000; font-family: Arial, Helvetica, sans-serif;
    page-break-after: always; break-after: page;
    page-break-inside: avoid; break-inside: avoid;
}

/* cabeçalho: QR + campos manuscritos em TODA folha */
.pfi-cab[b-ss5rg3lfca] { display: flex; align-items: flex-start; gap: 14px; }
.pfi-qr[b-ss5rg3lfca] { width: 82px; height: 82px; flex: 0 0 auto; border: 1.5px solid #000; border-radius: 4px; padding: 2px; }
.pfi-cab-campos[b-ss5rg3lfca] { flex: 1; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; }
.pfi-campo label[b-ss5rg3lfca] { display: block; font-size: 9.5px; font-weight: 800; color: #444; letter-spacing: .05em; }
.pfi-campo div[b-ss5rg3lfca] { border-bottom: 1.5px solid #000; min-height: 24px; font-size: 13px; font-weight: 700; padding: 3px 2px 1px; }
.pfi-campo div.preench[b-ss5rg3lfca] { font-weight: 900; }
.pfi-cab-folha[b-ss5rg3lfca] { font-size: 11px; color: #555; font-weight: 800; white-space: nowrap; }

.pfi-cab-prova[b-ss5rg3lfca] {
    display: flex; align-items: baseline; gap: 10px;
    border-bottom: 2px solid #000; margin: 8px 0 12px; padding-bottom: 6px;
}
.pfi-cab-prova b[b-ss5rg3lfca] { font-size: 15px; }
.pfi-cab-prova span[b-ss5rg3lfca] { font-size: 11.5px; color: #444; font-weight: 700; }

.pfi-inst[b-ss5rg3lfca] {
    font-size: 12px; color: #222; border: 1px solid #999; border-radius: 6px;
    padding: 8px 12px; margin-bottom: 14px; background: #f8f8f8;
}

/* questões */
.pfi-q[b-ss5rg3lfca] { margin-bottom: 15px; }
.pfi-q-tx[b-ss5rg3lfca] { font-size: 13.5px; line-height: 1.55; white-space: pre-line; }
.pfi-q-img[b-ss5rg3lfca] { display: block; max-width: 70%; max-height: 220px; margin: 8px auto; }
.pfi-alts[b-ss5rg3lfca] { margin: 7px 0 0 18px; display: grid; gap: 3px; }
.pfi-alt[b-ss5rg3lfca] { font-size: 13px; line-height: 1.5; }
.pfi-resp-obj[b-ss5rg3lfca] { margin: 7px 0 0 18px; font-size: 12px; font-weight: 800; }
.pfi-resp-caixa[b-ss5rg3lfca] {
    display: inline-block; width: 46px; height: 22px;
    border: 1.6px solid #000; border-radius: 4px; vertical-align: middle; margin-left: 6px;
}
.pfi-pauta[b-ss5rg3lfca] {
    margin: 9px 0 0;
    background: repeating-linear-gradient(to bottom, transparent 0 21px, #888 21px 22px);
}

/* gabarito do professor */
.pfi-gabarito[b-ss5rg3lfca] { border-style: dashed; }
.pfi-gab-titulo[b-ss5rg3lfca] { font-size: 13px; font-weight: 900; color: #b91c1c; margin-bottom: 12px; }
.pfi-gab-grid[b-ss5rg3lfca] { display: grid; grid-template-columns: repeat(auto-fill, minmax(66px, 1fr)); gap: 6px; }
.pfi-gab-item[b-ss5rg3lfca] { font-size: 13px; border: 1px solid #ccc; border-radius: 8px; padding: 4px 8px; text-align: center; }
.pfi-gab-item b[b-ss5rg3lfca] { color: #666; margin-right: 4px; }
.pfi-gab-dica[b-ss5rg3lfca] { margin-top: 10px; font-size: 11.5px; color: #555; }

/* ===== impressão ===== */
@media print {
    .no-print[b-ss5rg3lfca] { display: none !important; }
    .pfi-folha[b-ss5rg3lfca] { border: 0; border-radius: 0; margin: 0; max-width: none; padding: 10mm 12mm; }
}
/* /Components/Pages/ProvaManual.razor.rz.scp.css */
.pm-page[b-qrd9w68brg] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 8px 4px 60px;
    display: grid;
    gap: 20px;
}

/* ---- hero ---- */
.pm-hero[b-qrd9w68brg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 14px 28px;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    box-shadow: 0 16px 40px rgba(79, 70, 229, .28);
}

.pm-kicker[b-qrd9w68brg] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    opacity: .92;
}

.pm-hero h1[b-qrd9w68brg] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.pm-hero p[b-qrd9w68brg] { margin: 5px 0 0; font-size: 14px; opacity: .92; max-width: 620px; }

/* ---- alerta ---- */
.pm-alerta[b-qrd9w68brg] {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: .88rem;
    font-weight: 650;
}
.pm-alerta.ok[b-qrd9w68brg]  { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.pm-alerta.erro[b-qrd9w68brg] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

/* ---- card ---- */
.pm-card[b-qrd9w68brg] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    display: grid;
    gap: 18px;
}

.pm-form-grid[b-qrd9w68brg] { display: grid; gap: 14px; grid-template-columns: 1fr; }
.pm-form-grid.dois[b-qrd9w68brg] { grid-template-columns: 2fr 1fr; }

.pm-card label[b-qrd9w68brg] {
    display: block;
    color: #475569;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 6px;
}

.pm-dica-inline[b-qrd9w68brg] { text-transform: none; letter-spacing: 0; color: #94a3b8; font-weight: 600; }

.pm-card select[b-qrd9w68brg],
.pm-card input[type="text"][b-qrd9w68brg],
.pm-card input[type="number"][b-qrd9w68brg] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
    font-size: .92rem;
    color: #1e293b;
    transition: border-color .13s ease, box-shadow .13s ease;
}
.pm-card select:focus[b-qrd9w68brg],
.pm-card input:focus[b-qrd9w68brg] {
    outline: none;
    border-color: #a5b4fc;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .15);
    background: #fff;
}

/* ---- chips de avaliações ---- */
.pm-chips[b-qrd9w68brg] { display: flex; flex-wrap: wrap; gap: 10px; }

.pm-chip[b-qrd9w68brg] {
    text-align: left;
    display: grid;
    gap: 2px;
    padding: 9px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .13s ease, transform .13s ease;
}
.pm-chip:hover[b-qrd9w68brg] { transform: translateY(-1px); border-color: #c7d2fe; }
.pm-chip strong[b-qrd9w68brg] { font-size: .9rem; color: #1e293b; }
.pm-chip span[b-qrd9w68brg] { font-size: .74rem; color: #64748b; }
.pm-chip.ativa[b-qrd9w68brg] { border-color: #6366f1; background: #eef2ff; }
.pm-chip.nova[b-qrd9w68brg] { align-content: center; color: #4f46e5; font-weight: 800; font-size: .86rem; }

/* ---- grid de alunos ---- */
.pm-grid-alunos[b-qrd9w68brg] { display: grid; gap: 8px; }

.pm-grid-cab[b-qrd9w68brg] {
    display: grid;
    grid-template-columns: 1fr 180px 150px;
    align-items: center;
    padding: 0 6px 4px;
    color: #94a3b8;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pm-linha[b-qrd9w68brg] {
    display: grid;
    grid-template-columns: 1fr 180px 150px;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fafbfc;
}

.pm-aluno[b-qrd9w68brg] { display: flex; align-items: center; gap: 11px; min-width: 0; }
.pm-aluno strong[b-qrd9w68brg] { display: block; font-size: .9rem; color: #1e293b; }
.pm-aluno span[b-qrd9w68brg] { font-size: .76rem; color: #94a3b8; }

.pm-avatar[b-qrd9w68brg] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(120deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
}

.pm-col-nota input[b-qrd9w68brg] { text-align: center; font-weight: 700; }
.pm-col-nota input.invalida[b-qrd9w68brg] {
    border-color: #f87171;
    background: #fef2f2;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .15);
}

.pm-acoes-linha[b-qrd9w68brg] { display: flex; justify-content: flex-end; }

.pm-mini-btn[b-qrd9w68brg] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #4f46e5;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .13s ease;
}
.pm-mini-btn:hover[b-qrd9w68brg] { transform: translateY(-1px); }

/* ---- histórico ---- */
.pm-historico[b-qrd9w68brg] {
    grid-column: 1 / -1;
    margin-top: 6px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f1f5f9;
    display: grid;
    gap: 6px;
}
.pm-hist-vazio[b-qrd9w68brg] { color: #94a3b8; font-size: .8rem; }
.pm-hist-item[b-qrd9w68brg] {
    display: grid;
    grid-template-columns: 90px 1fr 110px 90px;
    align-items: center;
    gap: 8px;
    font-size: .8rem;
    color: #475569;
}
.pm-hist-nota[b-qrd9w68brg] { font-weight: 800; color: #4f46e5; }
.pm-hist-titulo[b-qrd9w68brg] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-hist-origem[b-qrd9w68brg] { color: #64748b; }
.pm-hist-data[b-qrd9w68brg] { color: #94a3b8; text-align: right; }

/* ---- rodapé ---- */
.pm-rodape[b-qrd9w68brg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 6px;
}
.pm-contador[b-qrd9w68brg] { color: #64748b; font-size: .84rem; font-weight: 650; }

.pm-cta[b-qrd9w68brg] {
    padding: 11px 22px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    color: #fff;
    font-size: .92rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .13s ease, box-shadow .13s ease;
    box-shadow: 0 8px 20px rgba(79, 70, 229, .25);
}
.pm-cta:hover:not(:disabled)[b-qrd9w68brg] { transform: translateY(-1px); }
.pm-cta:disabled[b-qrd9w68brg] { opacity: .6; cursor: default; }

.pm-vazio[b-qrd9w68brg] { color: #64748b; font-size: .9rem; padding: 10px 2px; }
.pm-vazio a[b-qrd9w68brg] { color: #4f46e5; font-weight: 700; }

/* ---- responsivo ---- */
@media (max-width: 720px) {
    .pm-form-grid.dois[b-qrd9w68brg] { grid-template-columns: 1fr; }
    .pm-grid-cab[b-qrd9w68brg] { display: none; }
    .pm-linha[b-qrd9w68brg] { grid-template-columns: 1fr; gap: 10px; }
    .pm-col-nota input[b-qrd9w68brg] { text-align: left; }
    .pm-acoes-linha[b-qrd9w68brg] { justify-content: flex-start; }
    .pm-hist-item[b-qrd9w68brg] { grid-template-columns: 70px 1fr; }
    .pm-hist-origem[b-qrd9w68brg], .pm-hist-data[b-qrd9w68brg] { display: none; }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.pm-card[b-qrd9w68brg] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.pm-card[b-qrd9w68brg]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 18px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.pm-card:hover[b-qrd9w68brg] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.pm-card:hover[b-qrd9w68brg]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/ProvaOnlineAluno.razor.rz.scp.css */
/* ===== Prova Online — tela do aluno (mobile-first, visual SaaS) ===== */

.po-fundo[b-lycn31avnt] {
    min-height: 100vh;
    padding: 20px 14px 120px;
    background:
        radial-gradient(1000px 500px at 110% -10%, rgba(124, 58, 237, .35), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(59, 130, 246, .3), transparent 60%),
        linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

/* ---------- cartões (entrada / resultado / erro) ---------- */
.po-card[b-lycn31avnt] {
    width: min(560px, 100%);
    margin: 6vh auto 0;
    padding: 34px clamp(22px, 5vw, 44px);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .35);
    animation: poSubir-b-lycn31avnt .4s ease both;
}

@keyframes poSubir-b-lycn31avnt {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.po-logo[b-lycn31avnt] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 15px;
    color: #fff;
    font-weight: 900;
    font-size: 1.15rem;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 12px 26px rgba(79, 70, 229, .35);
}

.po-logo.erro[b-lycn31avnt] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    box-shadow: 0 12px 26px rgba(220, 38, 38, .3);
}

.po-card h1[b-lycn31avnt] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.po-sub[b-lycn31avnt] {
    margin: 0 0 20px;
    color: #64748b;
    font-size: .95rem;
}

.po-entrada label[b-lycn31avnt] {
    display: block;
    margin: 14px 0 6px;
    color: #0f172a;
    font-size: .85rem;
    font-weight: 800;
}

.po-entrada input[b-lycn31avnt] {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    color: #0f172a;
    font: inherit;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.po-entrada input:focus[b-lycn31avnt] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .15);
}

.po-alerta[b-lycn31avnt] {
    margin-bottom: 6px;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .88rem;
    font-weight: 650;
}

.po-botao[b-lycn31avnt] {
    width: 100%;
    height: 52px;
    margin-top: 22px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    box-shadow: 0 14px 30px rgba(79, 70, 229, .4);
    transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}

.po-botao:hover:not(:disabled)[b-lycn31avnt] {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

.po-botao:disabled[b-lycn31avnt] {
    opacity: .65;
}

/* ---------- prova: topo fixo ---------- */
.po-topo[b-lycn31avnt] {
    position: sticky;
    top: 10px;
    z-index: 10;
    width: min(760px, 100%);
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 18px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .25);
    backdrop-filter: blur(10px);
}

.po-topo-titulo[b-lycn31avnt] {
    display: grid;
    min-width: 0;
}

.po-topo-titulo strong[b-lycn31avnt] {
    color: #0f172a;
    font-size: .98rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-topo-titulo span[b-lycn31avnt] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
}

.po-timer[b-lycn31avnt] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 999px;
    color: #4f46e5;
    background: rgba(79, 70, 229, .1);
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.po-timer.urgente[b-lycn31avnt] {
    color: #fff;
    background: linear-gradient(120deg, #dc2626, #b91c1c);
    animation: poPulsar-b-lycn31avnt 1s ease infinite;
}

@keyframes poPulsar-b-lycn31avnt {
    50% { transform: scale(1.05); }
}

/* ---------- progresso ---------- */
.po-progresso[b-lycn31avnt] {
    width: min(760px, 100%);
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #eef2ff;
    font-size: .82rem;
    font-weight: 800;
}

.po-progresso-barra[b-lycn31avnt] {
    flex: 1;
    height: 9px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .25);
    overflow: hidden;
}

.po-progresso-barra > div[b-lycn31avnt] {
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, #34d399, #10b981);
    transition: width .3s ease;
}

/* ---------- questões ---------- */
.po-questoes[b-lycn31avnt] {
    width: min(760px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.po-questao[b-lycn31avnt] {
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
}

.po-questao-cab[b-lycn31avnt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.po-qnum[b-lycn31avnt] {
    padding: 4px 11px;
    border-radius: 999px;
    background: rgba(79, 70, 229, .1);
    color: #4f46e5;
    font-size: .74rem;
    font-weight: 900;
}

.po-respondida[b-lycn31avnt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #059669;
    font-size: .78rem;
    font-weight: 850;
}

.po-enunciado[b-lycn31avnt] {
    margin-bottom: 14px;
    color: #1e293b;
    font-size: .96rem;
    line-height: 1.55;
}

.po-questao textarea[b-lycn31avnt] {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    color: #0f172a;
    font: inherit;
    resize: vertical;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.po-questao textarea:focus[b-lycn31avnt] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .13);
}

.po-alternativas[b-lycn31avnt] {
    display: grid;
    gap: 8px;
}

.po-alt[b-lycn31avnt] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 11px 13px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #1e293b;
    text-align: left;
    font-size: .92rem;
    transition: border-color .14s ease, background-color .14s ease, transform .14s ease;
}

.po-alt:hover[b-lycn31avnt] {
    border-color: #a5b4fc;
    transform: translateX(2px);
}

.po-alt.marcada[b-lycn31avnt] {
    border-color: #4f46e5;
    background: rgba(79, 70, 229, .07);
}

.po-letra[b-lycn31avnt] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #eef2ff;
    color: #4f46e5;
    font-weight: 900;
    font-size: .85rem;
}

.po-alt.marcada .po-letra[b-lycn31avnt] {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
}

/* ---------- rodapé fixo ---------- */
.po-rodape[b-lycn31avnt] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px clamp(14px, 4vw, 28px);
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -12px 34px rgba(15, 23, 42, .2);
    backdrop-filter: blur(10px);
    color: #475569;
    font-size: .85rem;
    font-weight: 800;
}

.po-finalizar[b-lycn31avnt] {
    width: auto;
    height: 46px;
    margin: 0;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(120deg, #059669, #10b981);
    box-shadow: 0 10px 24px rgba(5, 150, 105, .35);
}

/* ---------- resultado ---------- */
.po-resultado[b-lycn31avnt] {
    text-align: center;
}

.po-resultado-icone[b-lycn31avnt] {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 16px 36px rgba(245, 158, 11, .4);
}

.po-stats[b-lycn31avnt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
    margin: 20px 0;
}

.po-stats > div[b-lycn31avnt] {
    padding: 14px 10px;
    border-radius: 13px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    display: grid;
    gap: 2px;
}

.po-stats strong[b-lycn31avnt] {
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.po-stats span[b-lycn31avnt] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.po-aviso-ia[b-lycn31avnt] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0 14px;
    padding: 12px 15px;
    border-radius: 12px;
    background: rgba(79, 70, 229, .08);
    color: #4338ca;
    font-size: .86rem;
    font-weight: 700;
    text-align: left;
}

.po-spinner[b-lycn31avnt] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid rgba(79, 70, 229, .25);
    border-top-color: #4f46e5;
    animation: poGirar-b-lycn31avnt .8s linear infinite;
}

@keyframes poGirar-b-lycn31avnt {
    to { transform: rotate(360deg); }
}

/* ---------- gabarito ---------- */
.po-gabarito[b-lycn31avnt] {
    margin-top: 10px;
    text-align: left;
}

.po-gabarito h2[b-lycn31avnt] {
    margin: 14px 0 12px;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.po-gq[b-lycn31avnt] {
    margin-bottom: 12px;
    padding: 16px;
    border-radius: 13px;
    border: 1px solid #e2e8f0;
    border-left-width: 4px;
    background: #fff;
}

.po-gq.certa[b-lycn31avnt] { border-left-color: #10b981; }
.po-gq.errada[b-lycn31avnt] { border-left-color: #ef4444; }
.po-gq.diss[b-lycn31avnt] { border-left-color: #8b5cf6; }

.po-gq-cab[b-lycn31avnt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
}

.po-tag[b-lycn31avnt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
}

.po-tag.certa[b-lycn31avnt] { background: #d1fae5; color: #047857; }
.po-tag.errada[b-lycn31avnt] { background: #fee2e2; color: #b91c1c; }
.po-tag.diss[b-lycn31avnt] { background: #ede9fe; color: #6d28d9; }

.po-gq-linha[b-lycn31avnt] {
    margin: 5px 0 0;
    color: #334155;
    font-size: .88rem;
}

.po-gq-feedback[b-lycn31avnt] {
    margin: 8px 0 0;
    padding: 10px 13px;
    border-radius: 10px;
    background: #f5f3ff;
    color: #5b21b6;
    font-size: .85rem;
}

.po-pendente[b-lycn31avnt] {
    color: #92400e;
    font-style: italic;
}

@media (max-width: 560px) {
    .po-card[b-lycn31avnt] { margin-top: 3vh; }
    .po-stats[b-lycn31avnt] { grid-template-columns: 1fr 1fr; }
}

.po-logo img[b-lycn31avnt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.po-card[b-lycn31avnt] {
    position: relative;
    overflow: hidden;
}

.po-card[b-lycn31avnt]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.po-card:hover[b-lycn31avnt] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.po-card:hover[b-lycn31avnt]::before {
    width: 50%;
    height: 50%;
}

/* Figura do enunciado (QuestaoImagem via /api/questao-img) — ENEM etc. */
.q-imagem[b-lycn31avnt] {
    display: block;
    max-width: 100%;
    max-height: 340px;
    margin: .5rem auto .65rem;
    border-radius: 8px;
    object-fit: contain;
}
/* /Components/Pages/ProvaOnlineParaAlunos.razor.rz.scp.css */
.seo-page[b-ci0aubkfuv] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-ci0aubkfuv] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-ci0aubkfuv] { text-align: center; }

/* HERO */
.hero[b-ci0aubkfuv] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-ci0aubkfuv] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-ci0aubkfuv] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-ci0aubkfuv 20s linear infinite;
}
@keyframes particles-b-ci0aubkfuv { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-ci0aubkfuv] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-ci0aubkfuv] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-ci0aubkfuv] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-ci0aubkfuv] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-ci0aubkfuv] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-ci0aubkfuv] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-ci0aubkfuv] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-ci0aubkfuv] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-ci0aubkfuv] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-ci0aubkfuv] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-ci0aubkfuv] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-ci0aubkfuv] { text-align: center; }
.proof-number[b-ci0aubkfuv] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-ci0aubkfuv] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-ci0aubkfuv] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-ci0aubkfuv] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-ci0aubkfuv] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-ci0aubkfuv] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-ci0aubkfuv] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-ci0aubkfuv] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-ci0aubkfuv] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-ci0aubkfuv] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-ci0aubkfuv] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-ci0aubkfuv] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-ci0aubkfuv] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-ci0aubkfuv] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-ci0aubkfuv] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-ci0aubkfuv] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-ci0aubkfuv] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-ci0aubkfuv] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-ci0aubkfuv] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-ci0aubkfuv] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-ci0aubkfuv] { max-width: 720px; margin: 0 auto; }
.faq-item[b-ci0aubkfuv] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-ci0aubkfuv] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-ci0aubkfuv] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-ci0aubkfuv]::-webkit-details-marker { display: none; }
.faq-question i[b-ci0aubkfuv] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-ci0aubkfuv] { transform: rotate(180deg); }
.faq-answer[b-ci0aubkfuv] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-ci0aubkfuv] { max-width: 900px; }
.seo-text p[b-ci0aubkfuv] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-ci0aubkfuv] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-ci0aubkfuv]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-ci0aubkfuv] { position: relative; z-index: 1; }
.cta-title[b-ci0aubkfuv] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-ci0aubkfuv] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-ci0aubkfuv] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-ci0aubkfuv] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }

.hero-badge-warn[b-ci0aubkfuv] { background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; }
.subtitle-tight[b-ci0aubkfuv] { margin-bottom: 14px; }
.subtitle-small[b-ci0aubkfuv] { font-size: .95em; opacity: .85; }
/* /Components/Pages/ProvasAlinhadasBncc.razor.rz.scp.css */
.lp[b-topnu1x4mf] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-topnu1x4mf] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-topnu1x4mf]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-topnu1x4mf] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-topnu1x4mf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-topnu1x4mf] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-topnu1x4mf] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-topnu1x4mf] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-topnu1x4mf] { color: #fff; }
.lp-sub.small[b-topnu1x4mf] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-topnu1x4mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-topnu1x4mf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-topnu1x4mf] { transform: translateY(-2px); }

.lp-btn-primary[b-topnu1x4mf] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-topnu1x4mf] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-topnu1x4mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-topnu1x4mf] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-topnu1x4mf] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-topnu1x4mf] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-topnu1x4mf] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-topnu1x4mf] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-topnu1x4mf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-topnu1x4mf] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-topnu1x4mf]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-topnu1x4mf] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-topnu1x4mf]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-topnu1x4mf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-topnu1x4mf] {
    padding: 24px;
}

.lp-feature-icon[b-topnu1x4mf] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-topnu1x4mf] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-topnu1x4mf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-topnu1x4mf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-topnu1x4mf] {
    padding: 24px;
}

.lp-step-num[b-topnu1x4mf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-topnu1x4mf] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-topnu1x4mf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-topnu1x4mf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-topnu1x4mf] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-topnu1x4mf] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-topnu1x4mf] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-topnu1x4mf] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-topnu1x4mf] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-topnu1x4mf] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-topnu1x4mf]::-webkit-details-marker { display: none; }

.lp-faq summary[b-topnu1x4mf]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-topnu1x4mf]::after { transform: rotate(180deg); }

.lp-faq p[b-topnu1x4mf] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-topnu1x4mf] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-topnu1x4mf] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-topnu1x4mf] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-topnu1x4mf] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-topnu1x4mf] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-topnu1x4mf] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-topnu1x4mf] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-topnu1x4mf] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-topnu1x4mf],
    .lp-steps[b-topnu1x4mf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-topnu1x4mf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-topnu1x4mf] { padding: 24px 22px; }
    .lp-hero h1[b-topnu1x4mf] { font-size: 1.7rem; }
    .lp-features[b-topnu1x4mf],
    .lp-steps[b-topnu1x4mf],
    .lp-stats[b-topnu1x4mf] { grid-template-columns: 1fr; }
    .lp-proof[b-topnu1x4mf] { gap: 22px; }
}
/* /Components/Pages/QuestoesDissertativasComIa.razor.rz.scp.css */
.lp[b-ku9tnalq21] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-ku9tnalq21] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-ku9tnalq21]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-ku9tnalq21] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-ku9tnalq21] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-ku9tnalq21] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-ku9tnalq21] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-ku9tnalq21] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-ku9tnalq21] { color: #fff; }
.lp-sub.small[b-ku9tnalq21] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-ku9tnalq21] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-ku9tnalq21] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-ku9tnalq21] { transform: translateY(-2px); }

.lp-btn-primary[b-ku9tnalq21] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-ku9tnalq21] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-ku9tnalq21] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-ku9tnalq21] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-ku9tnalq21] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-ku9tnalq21] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-ku9tnalq21] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-ku9tnalq21] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-ku9tnalq21] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-ku9tnalq21] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-ku9tnalq21]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-ku9tnalq21] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-ku9tnalq21]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-ku9tnalq21] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-ku9tnalq21] {
    padding: 24px;
}

.lp-feature-icon[b-ku9tnalq21] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-ku9tnalq21] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-ku9tnalq21] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-ku9tnalq21] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-ku9tnalq21] {
    padding: 24px;
}

.lp-step-num[b-ku9tnalq21] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-ku9tnalq21] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-ku9tnalq21] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-ku9tnalq21] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-ku9tnalq21] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-ku9tnalq21] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-ku9tnalq21] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-ku9tnalq21] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-ku9tnalq21] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-ku9tnalq21] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-ku9tnalq21]::-webkit-details-marker { display: none; }

.lp-faq summary[b-ku9tnalq21]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-ku9tnalq21]::after { transform: rotate(180deg); }

.lp-faq p[b-ku9tnalq21] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-ku9tnalq21] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-ku9tnalq21] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-ku9tnalq21] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-ku9tnalq21] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-ku9tnalq21] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-ku9tnalq21] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-ku9tnalq21] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-ku9tnalq21] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-ku9tnalq21],
    .lp-steps[b-ku9tnalq21] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-ku9tnalq21] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-ku9tnalq21] { padding: 24px 22px; }
    .lp-hero h1[b-ku9tnalq21] { font-size: 1.7rem; }
    .lp-features[b-ku9tnalq21],
    .lp-steps[b-ku9tnalq21],
    .lp-stats[b-ku9tnalq21] { grid-template-columns: 1fr; }
    .lp-proof[b-ku9tnalq21] { gap: 22px; }
}
/* /Components/Pages/QuestoesEnemEVestibular.razor.rz.scp.css */
.lp[b-qggth4jryc] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-qggth4jryc] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-qggth4jryc]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-qggth4jryc] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-qggth4jryc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-qggth4jryc] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-qggth4jryc] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-qggth4jryc] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-qggth4jryc] { color: #fff; }
.lp-sub.small[b-qggth4jryc] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-qggth4jryc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-qggth4jryc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-qggth4jryc] { transform: translateY(-2px); }

.lp-btn-primary[b-qggth4jryc] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-qggth4jryc] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-qggth4jryc] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-qggth4jryc] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-qggth4jryc] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-qggth4jryc] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-qggth4jryc] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-qggth4jryc] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-qggth4jryc] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-qggth4jryc] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-qggth4jryc]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-qggth4jryc] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-qggth4jryc]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-qggth4jryc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-qggth4jryc] {
    padding: 24px;
}

.lp-feature-icon[b-qggth4jryc] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-qggth4jryc] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-qggth4jryc] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-qggth4jryc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-qggth4jryc] {
    padding: 24px;
}

.lp-step-num[b-qggth4jryc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-qggth4jryc] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-qggth4jryc] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-qggth4jryc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-qggth4jryc] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-qggth4jryc] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-qggth4jryc] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-qggth4jryc] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-qggth4jryc] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-qggth4jryc] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-qggth4jryc]::-webkit-details-marker { display: none; }

.lp-faq summary[b-qggth4jryc]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-qggth4jryc]::after { transform: rotate(180deg); }

.lp-faq p[b-qggth4jryc] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-qggth4jryc] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-qggth4jryc] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-qggth4jryc] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-qggth4jryc] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-qggth4jryc] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-qggth4jryc] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-qggth4jryc] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-qggth4jryc] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-qggth4jryc],
    .lp-steps[b-qggth4jryc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-qggth4jryc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-qggth4jryc] { padding: 24px 22px; }
    .lp-hero h1[b-qggth4jryc] { font-size: 1.7rem; }
    .lp-features[b-qggth4jryc],
    .lp-steps[b-qggth4jryc],
    .lp-stats[b-qggth4jryc] { grid-template-columns: 1fr; }
    .lp-proof[b-qggth4jryc] { gap: 22px; }
}
/* /Components/Pages/RedacaoCapturaAluno.razor.rz.scp.css */
/* ===== Captura de redação (celular do aluno) — tema roxo ===== */

.cap-fundo[b-ivfj5qoot2] {
    min-height: 100vh;
    display: grid;
    place-items: start center;
    padding: 24px 14px;
    background:
        radial-gradient(900px 460px at 110% -10%, rgba(147, 51, 234, .3), transparent 60%),
        linear-gradient(135deg, #3b0764 0%, #7c3aed 100%);
}

.cap-card[b-ivfj5qoot2] {
    position: relative;
    overflow: hidden;
    width: min(520px, 100%);
    margin-top: 4vh;
    padding: 32px clamp(20px, 5vw, 40px);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .35);
    animation: capSubir-b-ivfj5qoot2 .4s ease backwards;
}

@keyframes capSubir-b-ivfj5qoot2 {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.cap-logo[b-ivfj5qoot2] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.5rem;
    background: linear-gradient(135deg, #9333ea, #3b0764);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .35);
}

.cap-card h1[b-ivfj5qoot2] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

.cap-sub[b-ivfj5qoot2] {
    margin: 0 0 20px;
    color: #64748b;
    font-size: .93rem;
    line-height: 1.5;
}

.cap-botao-foto[b-ivfj5qoot2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 62px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(120deg, #7c3aed, #9333ea);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .4);
    transition: transform .14s ease;
}

.cap-botao-foto:hover:not(.desabilitado)[b-ivfj5qoot2] { transform: translateY(-2px); }
.cap-botao-foto.desabilitado[b-ivfj5qoot2] { opacity: .6; cursor: wait; }

.cap-botao-foto[b-ivfj5qoot2]  input[type="file"] { display: none; }

.cap-progresso[b-ivfj5qoot2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #faf5ff;
    border: 1px solid #ddd6fe;
    color: #6d28d9;
    font-size: .88rem;
    font-weight: 750;
}

.cap-spinner[b-ivfj5qoot2] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid rgba(124, 58, 237, .25);
    border-top-color: #7c3aed;
    animation: capGirar-b-ivfj5qoot2 .8s linear infinite;
}

@keyframes capGirar-b-ivfj5qoot2 {
    to { transform: rotate(360deg); }
}

.cap-gab-ok[b-ivfj5qoot2] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
    text-align: left;
}
.cap-gab-ok > strong[b-ivfj5qoot2] { display: flex; align-items: center; gap: 8px; color: #6d28d9; font-size: .95rem; }
.cap-gab-ok .cap-sub[b-ivfj5qoot2] { margin: 6px 0 0; }

.cap-erro[b-ivfj5qoot2] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 11px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: .87rem;
    font-weight: 700;
}

.cap-card[b-ivfj5qoot2]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #9333ea, #3b0764) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.cap-card:hover[b-ivfj5qoot2]::before { width: 50%; height: 50%; }
/* /Components/Pages/RedacaoCorrecao.razor.rz.scp.css */
.red-page[b-96inyi9qu7] { display: grid; gap: 14px; padding-bottom: 18px; }
.red-hero[b-96inyi9qu7] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 14px 24px; border-radius: 20px; color: #fff; background: radial-gradient(440px 180px at 100% -30%, rgba(255,255,255,.30), transparent 60%), linear-gradient(135deg, #6366f1 0%, #312e81 100%); box-shadow: 0 20px 44px rgba(49,46,129,.22); }
.kicker[b-96inyi9qu7] { color: rgba(255,255,255,.76); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.red-hero h1[b-96inyi9qu7] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.red-hero p[b-96inyi9qu7] { margin: 5px 0 0; color: rgba(255,255,255,.9);  font-size: 14px;}
.red-hero a[b-96inyi9qu7] { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 11px; color: #312e81; background: #fff; text-decoration: none; font-weight: 900; }
.red-msg[b-96inyi9qu7] { min-height: 42px; display: flex; align-items: center; padding: 0 14px; border-radius: 12px; font-weight: 800; }
.red-msg.ok[b-96inyi9qu7] { color: #065f46; border: 1px solid #a7f3d0; background: #ecfdf5; }
.red-msg.err[b-96inyi9qu7] { color: #991b1b; border: 1px solid #fecaca; background: #fef2f2; }
.red-layout[b-96inyi9qu7] { display: grid; grid-template-columns: 430px minmax(0,1fr); gap: 14px; align-items: start; }
.red-form[b-96inyi9qu7], .red-result > section[b-96inyi9qu7], .red-result > article[b-96inyi9qu7], .history[b-96inyi9qu7], .empty[b-96inyi9qu7] { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.red-form[b-96inyi9qu7], .red-result > section[b-96inyi9qu7], .red-result > article[b-96inyi9qu7], .history[b-96inyi9qu7] { padding: 16px; }
label[b-96inyi9qu7] { display: block; margin-bottom: 10px; }
label span[b-96inyi9qu7] { display: block; margin-bottom: 6px; color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase; }
input[b-96inyi9qu7], select[b-96inyi9qu7], textarea[b-96inyi9qu7] { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #dbe4ef; border-radius: 10px; }
textarea[b-96inyi9qu7] { min-height: 340px; resize: vertical; }
button[b-96inyi9qu7] { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #6366f1 0%, #312e81 100%); font-weight: 900; }
.red-result[b-96inyi9qu7] { display: grid; gap: 12px; }
.nota span[b-96inyi9qu7], .nota small[b-96inyi9qu7] { display: block; color: #64748b; font-size: 12px; font-weight: 800; }
.nota strong[b-96inyi9qu7] { display: block; color: #312e81; font-size: 3rem; font-weight: 900; }
.competencias[b-96inyi9qu7] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.competencias article[b-96inyi9qu7], .pontos article[b-96inyi9qu7] { padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.competencias strong[b-96inyi9qu7] { color: #312e81; }
h2[b-96inyi9qu7] { margin: 0 0 8px; color: #0f172a; font-size: 1rem; font-weight: 900; }
p[b-96inyi9qu7] { color: #334155; line-height: 1.5; }
.pontos[b-96inyi9qu7] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.history[b-96inyi9qu7] { display: grid; gap: 8px; }
.history h2[b-96inyi9qu7] { margin: 0 0 4px; }
.history article[b-96inyi9qu7] { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.history span[b-96inyi9qu7], .history small[b-96inyi9qu7] { color: #64748b; font-size: 12px; }
.empty[b-96inyi9qu7] { min-height: 520px; display: grid; place-items: center; gap: 8px; text-align: center; color: #64748b; }
.empty i[b-96inyi9qu7] { font-size: 36px; color: #818cf8; }
.empty strong[b-96inyi9qu7] { color: #0f172a; }
@media (max-width: 1100px){ .red-layout[b-96inyi9qu7], .competencias[b-96inyi9qu7], .pontos[b-96inyi9qu7] { grid-template-columns: 1fr; } .red-hero[b-96inyi9qu7] { flex-direction: column; align-items: start; } .history article[b-96inyi9qu7] { grid-template-columns: 1fr; } }

/* ===== envio de redação por foto ===== */
.red-foto[b-96inyi9qu7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px;
    margin-top: 2px;
    border: 2px dashed #c7d2fe;
    border-radius: 12px;
    background: #f8faff;
    color: #6366f1;
    font-size: .88rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.red-foto:hover[b-96inyi9qu7] { border-color: #312e81; background: #e0e7ff; }
.red-foto.ocupado[b-96inyi9qu7] { opacity: .6; cursor: wait; }
.red-foto[b-96inyi9qu7]  input[type="file"] { display: none; }

/* ===== QR por aluno + rótulos roxos (10/07) ===== */
.red-label[b-96inyi9qu7] { margin: 14px 0 2px; color: #4c1d95; font-size: 12.5px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.red-label:first-child[b-96inyi9qu7] { margin-top: 0; }
.red-ajuda[b-96inyi9qu7] { margin: 0 0 8px; color: #64748b; font-size: 12.5px; font-weight: 500; line-height: 1.45; }

.red-form input[b-96inyi9qu7], .red-form textarea[b-96inyi9qu7] { border: 2px solid #ddd6fe; }
.red-form input:focus[b-96inyi9qu7], .red-form textarea:focus[b-96inyi9qu7] { outline: 0; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124,58,237,.13); }
.red-form[b-96inyi9qu7]  .se-campo { border-width: 2px; border-color: #ddd6fe; }

.red-modos[b-96inyi9qu7] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.red-modo[b-96inyi9qu7] { display: flex; align-items: flex-start; gap: 9px; text-align: left; padding: 11px 12px; border-radius: 12px; border: 2px solid #ddd6fe; background: #fff; color: #334155; cursor: pointer; transition: border-color .14s ease, background .14s ease, box-shadow .14s ease; }
.red-modo i[b-96inyi9qu7] { font-size: 1rem; color: #7c3aed; line-height: 1.2; }
.red-modo strong[b-96inyi9qu7] { display: block; color: #4c1d95; font-size: .84rem; font-weight: 900; }
.red-modo small[b-96inyi9qu7] { display: block; margin-top: 2px; color: #64748b; font-size: .72rem; line-height: 1.35; }
.red-modo:hover[b-96inyi9qu7] { border-color: #a78bfa; }
.red-modo.on[b-96inyi9qu7] { border-color: transparent; background: linear-gradient(135deg, #9333ea, #3b0764); box-shadow: 0 8px 20px rgba(59,7,100,.24); }
.red-modo.on i[b-96inyi9qu7], .red-modo.on strong[b-96inyi9qu7] { color: #fff; }
.red-modo.on small[b-96inyi9qu7] { color: rgba(255,255,255,.85); }

.red-qr-gerar[b-96inyi9qu7], .red-qr-trazer[b-96inyi9qu7], .red-corrigir[b-96inyi9qu7] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 10px; border: 0; border-radius: 11px; color: #fff; font-weight: 900; cursor: pointer; background: linear-gradient(135deg, #9333ea, #3b0764); }
.red-qr-gerar:disabled[b-96inyi9qu7], .red-corrigir:disabled[b-96inyi9qu7] { opacity: .55; cursor: default; }

.red-qr-box[b-96inyi9qu7] { display: flex; gap: 14px; margin-top: 10px; padding: 14px; border-radius: 14px; border: 2px solid #ddd6fe; background: #faf5ff; }
.red-qr-box img[b-96inyi9qu7] { flex: 0 0 auto; width: 150px; height: 150px; border-radius: 10px; background: #fff; padding: 6px; }
.red-qr-info[b-96inyi9qu7] { min-width: 0; }
.red-qr-info strong[b-96inyi9qu7] { display: flex; align-items: center; gap: 6px; color: #4c1d95; font-size: .9rem; }
.red-qr-info p[b-96inyi9qu7] { margin: 4px 0 8px; color: #64748b; font-size: .8rem; }
.red-qr-link[b-96inyi9qu7] { font-size: .68rem; color: #7c3aed; word-break: break-all; margin-bottom: 8px; }
.red-qr-status[b-96inyi9qu7] { display: flex; align-items: center; gap: 7px; color: #475569; font-size: .8rem; font-weight: 700; }
.red-dot[b-96inyi9qu7] { width: 9px; height: 9px; border-radius: 999px; background: #cbd5e1; }
.red-dot.on[b-96inyi9qu7] { background: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.18); }
.red-qr-trazer[b-96inyi9qu7] { min-height: 40px; margin-top: 10px; font-size: .82rem; }

@media (max-width: 640px) { .red-modos[b-96inyi9qu7] { grid-template-columns: 1fr; } .red-qr-box[b-96inyi9qu7] { flex-direction: column; align-items: center; text-align: center; } }
/* /Components/Pages/RelatorioAplicacao.razor.rz.scp.css */
/* Relatório pra coordenação — documento imprimível */
.ra-vazio[b-8aygn5z4yg] { display: flex; gap: .5rem; align-items: center; justify-content: center; padding: 3rem 0; color: #8b90a4; }

.ra-acoes[b-8aygn5z4yg] { display: flex; justify-content: space-between; align-items: center; max-width: 880px; margin: .8rem auto .4rem; padding: 0 .5rem; }

.ra-acoes a[b-8aygn5z4yg] { color: #5b5bd6; text-decoration: none; font-weight: 700; }

.ra-acoes button[b-8aygn5z4yg] {
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    color: #fff;
    font-weight: 800;
    padding: .5rem 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.ra-doc[b-8aygn5z4yg] {
    max-width: 880px;
    margin: 0 auto 2rem;
    background: #fff;
    border: 1px solid #e2e5f0;
    border-radius: 14px;
    padding: 1.4rem 1.6rem;
    color: #1f2437;
}

.ra-cab[b-8aygn5z4yg] { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 3px solid #4f46e5; padding-bottom: .8rem; margin-bottom: .9rem; }

.ra-cab h1[b-8aygn5z4yg] { margin: 0; font-size: 1.35rem; }

.ra-sub[b-8aygn5z4yg] { margin: .15rem 0 0; font-weight: 700; color: #4338ca; }

.ra-meta[b-8aygn5z4yg] { margin: .1rem 0 0; color: #6b7280; font-size: .85rem; }

.ra-selo[b-8aygn5z4yg] { text-align: right; }

.ra-selo strong[b-8aygn5z4yg] { color: #4f46e5; font-size: 1.1rem; display: block; }

.ra-selo span[b-8aygn5z4yg] { font-size: .72rem; color: #8b90a4; }

.ra-kpis[b-8aygn5z4yg] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .5rem; margin-bottom: 1rem; }

.ra-kpis div[b-8aygn5z4yg] { border: 1px solid #eef0f7; border-radius: 10px; padding: .5rem .6rem; text-align: center; }

.ra-kpis strong[b-8aygn5z4yg] { font-size: 1.35rem; color: #2d3050; display: block; }

.ra-kpis span[b-8aygn5z4yg] { font-size: .72rem; color: #8b90a4; }

.ra-sec[b-8aygn5z4yg] { margin-bottom: 1.1rem; }

.ra-sec h2[b-8aygn5z4yg] { font-size: 1rem; border-left: 4px solid #4f46e5; padding-left: .5rem; margin: 0 0 .5rem; }

.ra-explica[b-8aygn5z4yg] { color: #6b7280; font-size: .84rem; margin: 0 0 .5rem; }

.ra-hab[b-8aygn5z4yg] { margin-bottom: .55rem; }

.ra-hab-top[b-8aygn5z4yg] { display: flex; justify-content: space-between; align-items: center; }

.ra-hab code[b-8aygn5z4yg] { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 6px; padding: .05rem .4rem; font-size: .8rem; }

.ra-hab-pct[b-8aygn5z4yg] { font-weight: 800; }
.ra-hab-pct.bom[b-8aygn5z4yg] { color: #17a673; }
.ra-hab-pct.medio[b-8aygn5z4yg] { color: #b26a00; }
.ra-hab-pct.ruim[b-8aygn5z4yg] { color: #cc3b3b; }

.ra-barra[b-8aygn5z4yg] { height: .55rem; background: #eef0f7; border-radius: 999px; overflow: hidden; margin: .2rem 0; }

.ra-barra.mini[b-8aygn5z4yg] { width: 130px; margin: 0; }

.ra-barra i[b-8aygn5z4yg] { display: block; height: 100%; border-radius: 999px; }

.ra-barra i.bom[b-8aygn5z4yg] { background: #17a673; }
.ra-barra i.medio[b-8aygn5z4yg] { background: #f2a93b; }
.ra-barra i.ruim[b-8aygn5z4yg] { background: #eb5757; }

.ra-hab small[b-8aygn5z4yg] { color: #6b7280; }

.ra-ok[b-8aygn5z4yg] { color: #17a673; font-weight: 600; }

.ra-questao[b-8aygn5z4yg] { display: flex; gap: .6rem; align-items: flex-start; border: 1px solid #f6d5d5; background: #fffafa; border-radius: 10px; padding: .5rem .6rem; margin-bottom: .4rem; }

.ra-q-pct[b-8aygn5z4yg] { font-weight: 900; color: #cc3b3b; min-width: 2.8rem; }

.ra-questao p[b-8aygn5z4yg] { margin: 0; font-size: .87rem; }

.ra-questao small[b-8aygn5z4yg] { color: #8b90a4; }

.ra-tabela[b-8aygn5z4yg] { width: 100%; border-collapse: collapse; font-size: .86rem; }

.ra-tabela th[b-8aygn5z4yg] { text-align: left; color: #6b7280; font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; padding: .3rem .4rem; border-bottom: 1px solid #e2e5f0; }

.ra-tabela td[b-8aygn5z4yg] { padding: .35rem .4rem; border-bottom: 1px solid #f2f3f8; }

.ra-flag[b-8aygn5z4yg] { color: #b26a00; font-weight: 700; font-size: .78rem; }

.ra-rodape[b-8aygn5z4yg] { border-top: 1px solid #e2e5f0; margin-top: 1rem; padding-top: .5rem; }

.ra-rodape p[b-8aygn5z4yg] { color: #8b90a4; font-size: .72rem; margin: 0; }

@media print {
    .no-print[b-8aygn5z4yg] { display: none !important; }
    .ra-doc[b-8aygn5z4yg] { border: 0; border-radius: 0; padding: 0; max-width: none; }
}
/* /Components/Pages/RelatorioPais.razor.rz.scp.css */
/* Relatório para Pais (professor) — porte dos <style> de Pages/RelatorioPais.aspx (legado). */

.rp-wrap[b-zjhsjwskbb] {
    max-width: 900px;
    margin: 0 auto;
    padding: 16px;
}

.rp-hero[b-zjhsjwskbb] {
    background: linear-gradient(135deg 0%, #f97316 100%);
    color: #fff;
    padding: 28px 24px;
    border-radius: 18px;
    margin-bottom: 24px;
    box-shadow: 0 12px 30px rgba(236, 72, 153, .3);
}

.rp-hero h1[b-zjhsjwskbb] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 900;
}

.rp-hero p[b-zjhsjwskbb] {
    margin: 6px 0 0;
    opacity: .92;
    font-size: .92rem;
}

.rp-erro[b-zjhsjwskbb],
.rp-aviso[b-zjhsjwskbb] {
    background: #fef3c7;
    color: #92400e;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 14px;
    font-size: .88rem;
}

.rp-selector[b-zjhsjwskbb] {
    background: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 18px;
}

.rp-selector label[b-zjhsjwskbb] {
    font-weight: 700;
    color: #0f172a;
    font-size: .9rem;
    margin-bottom: 8px;
    display: block;
}

.rp-selector select[b-zjhsjwskbb] {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: .92rem;
    font-family: inherit;
}

.rp-hint[b-zjhsjwskbb] {
    font-size: .78rem;
    color: #64748b;
    margin-top: 6px;
}

/* ============ O RELATÓRIO EM SI ============ */
.rp-doc[b-zjhsjwskbb] {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
    border: 1px solid #e2e8f0;
}

.rp-doc-header[b-zjhsjwskbb] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #fff;
    padding: 26px;
    text-align: center;
}

.rp-doc-header .escola[b-zjhsjwskbb] {
    font-size: .78rem;
    opacity: .85;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.rp-doc-header h2[b-zjhsjwskbb] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 900;
}

.rp-doc-header .prof[b-zjhsjwskbb] {
    font-size: .85rem;
    opacity: .9;
    margin-top: 4px;
}

.rp-aluno-card[b-zjhsjwskbb] {
    padding: 24px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 16px;
}

.rp-aluno-avatar[b-zjhsjwskbb] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f472b6, #f97316);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 900;
    flex-shrink: 0;
}

.rp-aluno-nome[b-zjhsjwskbb] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.rp-aluno-info[b-zjhsjwskbb] {
    font-size: .82rem;
    color: #64748b;
    margin-top: 3px;
}

/* Nota BIG */
.rp-nota-wrap[b-zjhsjwskbb] {
    text-align: center;
    padding: 30px 20px;
    background: linear-gradient(135deg, #f0f9ff, #faf5ff);
}

.rp-nota-big[b-zjhsjwskbb] {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
}

.rp-nota-big.excelente[b-zjhsjwskbb] { color: #059669; }
.rp-nota-big.bom[b-zjhsjwskbb] { color: #2563eb; }
.rp-nota-big.medio[b-zjhsjwskbb] { color: #f59e0b; }
.rp-nota-big.baixo[b-zjhsjwskbb] { color: #dc2626; }

.rp-nota-lbl[b-zjhsjwskbb] {
    font-size: .82rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-top: 8px;
}

.rp-comparativo[b-zjhsjwskbb] {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 18px;
    font-size: .88rem;
}

.rp-comparativo .item strong[b-zjhsjwskbb] {
    display: block;
    font-size: 1.2rem;
    color: #0f172a;
}

.rp-comparativo .item span[b-zjhsjwskbb] {
    font-size: .72rem;
    color: #64748b;
    text-transform: uppercase;
}

/* Mensagem humanizada */
.rp-mensagem[b-zjhsjwskbb] {
    padding: 22px 24px;
    background: #fff;
    font-size: .95rem;
    line-height: 1.6;
    color: #334155;
    border-top: 2px solid #e2e8f0;
}

[b-zjhsjwskbb] .rp-mensagem strong { color: #0f172a; }

/* Grid questões */
.rp-questoes-titulo[b-zjhsjwskbb] {
    padding: 16px 24px 6px;
    font-weight: 800;
    color: #0f172a;
    font-size: 1rem;
}

.rp-questoes-grid[b-zjhsjwskbb] {
    padding: 0 24px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 8px;
}

.rp-q[b-zjhsjwskbb] {
    padding: 10px 6px;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
}

.rp-q.certa[b-zjhsjwskbb] { background: #dcfce7; color: #166534; }
.rp-q.errada[b-zjhsjwskbb] { background: #fee2e2; color: #991b1b; }
.rp-q.neutra[b-zjhsjwskbb] { background: #f1f5f9; color: #64748b; }

.rp-q .num[b-zjhsjwskbb] {
    font-size: .7rem;
    opacity: .7;
    display: block;
}

.rp-q .sym[b-zjhsjwskbb] { font-size: 1.2rem; }

.rp-footer[b-zjhsjwskbb] {
    padding: 20px 24px;
    background: #f8fafc;
    font-size: .78rem;
    color: #64748b;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.rp-acoes[b-zjhsjwskbb] {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 18px 0;
    flex-wrap: wrap;
}

.rp-btn[b-zjhsjwskbb] {
    padding: 12px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-family: inherit;
    font-size: .92rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.rp-btn-primary[b-zjhsjwskbb] { background: linear-gradient(135deg, #059669, #10b981); color: #fff; }
.rp-btn-second[b-zjhsjwskbb] { background: #fff; border: 2px solid #cbd5e1; color: #475569; }
.rp-btn:disabled[b-zjhsjwskbb] { opacity: .5; cursor: default; }

/* ===== Responsáveis ===== */
.rp-responsaveis[b-zjhsjwskbb] {
    margin-top: 20px;
    background: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
}

.rp-resp-header[b-zjhsjwskbb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.rp-resp-header h3[b-zjhsjwskbb] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
}

.rp-resp-header p[b-zjhsjwskbb] {
    margin: 4px 0 0;
    font-size: .85rem;
    color: #64748b;
    max-width: 480px;
}

.rp-form[b-zjhsjwskbb] {
    margin-top: 14px;
    background: #f8fafc;
    border: 2px dashed #c4b5fd;
    border-radius: 12px;
    padding: 16px;
}

.rp-form-grid[b-zjhsjwskbb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.rp-form-field label[b-zjhsjwskbb] {
    font-weight: 700;
    font-size: .8rem;
    color: #0f172a;
    display: block;
    margin-bottom: 4px;
}

.rp-form-field input[b-zjhsjwskbb],
.rp-form-field select[b-zjhsjwskbb] {
    width: 100%;
    padding: 9px 11px;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    font-size: .88rem;
    font-family: inherit;
}

.rp-form-acoes[b-zjhsjwskbb] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.rp-form-err[b-zjhsjwskbb] {
    margin-top: 10px;
    padding: 8px;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 8px;
    font-size: .82rem;
}

.rp-lista-resp[b-zjhsjwskbb] { margin-top: 14px; }

.rp-resp-card[b-zjhsjwskbb] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 10px;
}

.rp-resp-top[b-zjhsjwskbb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.rp-resp-nome[b-zjhsjwskbb] {
    font-weight: 800;
    color: #0f172a;
    font-size: .98rem;
}

.rp-resp-par[b-zjhsjwskbb] {
    font-weight: 500;
    color: #64748b;
}

.rp-resp-sub[b-zjhsjwskbb] {
    font-size: .78rem;
    color: #64748b;
    margin-top: 2px;
}

.rp-resp-acesso[b-zjhsjwskbb] {
    font-size: .72rem;
    color: #10b981;
    font-weight: 700;
}

.rp-resp-acesso.nunca[b-zjhsjwskbb] { color: #94a3b8; }

.rp-resp-link[b-zjhsjwskbb] {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 8px 10px;
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
    font-size: .78rem;
}

.rp-resp-link i[b-zjhsjwskbb] { color: #6366f1; }

.rp-resp-link input[b-zjhsjwskbb] {
    flex: 1;
    border: none;
    background: transparent;
    font-family: inherit;
    color: #475569;
    font-size: .78rem;
}

.rp-resp-acoes[b-zjhsjwskbb] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.rp-resp-btn[b-zjhsjwskbb] {
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #475569;
    font-weight: 600;
    cursor: pointer;
    font-size: .75rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.rp-resp-btn.wa[b-zjhsjwskbb] { background: #25d366; color: #fff; border-color: #25d366; }
.rp-resp-btn.em[b-zjhsjwskbb] { background: #3b82f6; color: #fff; border-color: #3b82f6; }
.rp-resp-btn.copy[b-zjhsjwskbb] { background: #fff; color: #475569; }
.rp-resp-btn.del[b-zjhsjwskbb] { background: #fff; color: #dc2626; border-color: #fca5a5; }

.rp-vazio-msg[b-zjhsjwskbb] {
    text-align: center;
    padding: 20px;
    color: #94a3b8;
    font-size: .88rem;
    background: #f8fafc;
    border-radius: 10px;
}

@media print {
    .rp-selector[b-zjhsjwskbb], .rp-acoes[b-zjhsjwskbb], .rp-responsaveis[b-zjhsjwskbb], .rp-hero[b-zjhsjwskbb], .rp-erro[b-zjhsjwskbb], .rp-aviso[b-zjhsjwskbb] {
        display: none !important;
    }
    .rp-wrap[b-zjhsjwskbb] { max-width: 100%; padding: 0; }
    .rp-doc[b-zjhsjwskbb] { box-shadow: none; border: none; }
}
/* /Components/Pages/RevisarProva.razor.rz.scp.css */
.rv-page[b-n65njtk1uw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rv-hero[b-n65njtk1uw] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(320px 140px at 95% -24%, rgba(255, 255, 255, 0.34), transparent 60%),
        linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.rv-kicker[b-n65njtk1uw] {
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rv-hero h1[b-n65njtk1uw] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.rv-hero p[b-n65njtk1uw] {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.rv-link[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 11px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.rv-layout[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: 320px 2px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

/* barra/separador vertical entre a lista e a aplicação da prova */
.rv-sep[b-n65njtk1uw] {
    align-self: stretch;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(180deg, transparent, #c3b6ea 14%, #c3b6ea 86%, transparent);
}

.rv-list[b-n65njtk1uw],
.rv-detail[b-n65njtk1uw],
.rv-empty[b-n65njtk1uw],
.rv-empty-inline[b-n65njtk1uw] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.rv-list[b-n65njtk1uw] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - 220px);
}

.rv-list-itens[b-n65njtk1uw] {
    display: grid;
    gap: 8px;
    overflow: auto;
    padding-right: 2px;
}

/* paginação da lista de provas */
.rv-paginacao[b-n65njtk1uw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid #eef0f6;
}

.rv-paginacao button[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #d8d3f4;
    border-radius: 9px;
    background: #fff;
    color: #4338ca;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.rv-paginacao button:hover:not(:disabled)[b-n65njtk1uw] { background: #eef2ff; border-color: #a5b4fc; }
.rv-paginacao button:disabled[b-n65njtk1uw] { opacity: .4; cursor: default; }
.rv-paginacao span[b-n65njtk1uw] { font-size: 12px; font-weight: 800; color: #475569; }

.rv-list h3[b-n65njtk1uw] {
    margin: 0 0 4px;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rv-item[b-n65njtk1uw] {
    text-align: left;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.rv-item:hover[b-n65njtk1uw] {
    border-color: #a5b4fc;
    background: #f5f7ff;
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.14);
    transform: translateY(-2px);
}

.rv-item.active[b-n65njtk1uw] {
    border-color: #6366f1;
    background: #eef2ff;
}

.rv-item strong[b-n65njtk1uw],
.rv-item span[b-n65njtk1uw],
.rv-item small[b-n65njtk1uw] {
    display: block;
}

.rv-item strong[b-n65njtk1uw] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
}

.rv-item span[b-n65njtk1uw] {
    margin-top: 4px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.rv-item small[b-n65njtk1uw] {
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.rv-detail[b-n65njtk1uw] {
    padding: 16px;
}

.rv-detail h2[b-n65njtk1uw] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
}

.rv-detail p[b-n65njtk1uw] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.rv-status[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 10px;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 11px;
    font-weight: 800;
}

.rv-stats[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.rv-stats div[b-n65njtk1uw] {
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-align: center;
}

.rv-stats strong[b-n65njtk1uw] {
    display: block;
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 900;
}

.rv-stats span[b-n65njtk1uw] {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rv-grid[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.rv-grid section[b-n65njtk1uw] {
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.rv-grid h4[b-n65njtk1uw],
.rv-bncc h4[b-n65njtk1uw] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rv-grid ul[b-n65njtk1uw] {
    margin: 8px 0 0;
    padding-left: 16px;
}

.rv-grid li[b-n65njtk1uw] {
    color: #475569;
    font-size: 13px;
    margin-bottom: 4px;
}

.rv-grid strong[b-n65njtk1uw] {
    color: #0f172a;
}

.rv-bncc[b-n65njtk1uw] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.rv-bncc div[b-n65njtk1uw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.rv-bncc span[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    color: #92400e;
    background: #fffbeb;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 10px;
    font-weight: 700;
}

.rv-actions[b-n65njtk1uw] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.rv-questoes[b-n65njtk1uw] {
    margin-top: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
}

.rv-questoes h4[b-n65njtk1uw] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rv-q-item[b-n65njtk1uw] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf2f7;
}

.rv-q-item:first-of-type[b-n65njtk1uw] {
    margin-top: 8px;
}

.rv-q-item strong[b-n65njtk1uw] {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
}

.rv-q-item p[b-n65njtk1uw] {
    margin: 6px 0 0;
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

.rv-q-item img[b-n65njtk1uw] {
    display: block;
    max-width: 100%;
    max-height: 260px;
    margin-top: 8px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
}

.rv-q-item ul[b-n65njtk1uw] {
    margin: 8px 0 0;
    padding-left: 0;
    list-style: none;
}

.rv-q-item li[b-n65njtk1uw] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.rv-q-item li.correta[b-n65njtk1uw] {
    margin-left: -6px;
    padding: 3px 6px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    color: #065f46;
    background: #ecfdf5;
}

.rv-q-item li.exp[b-n65njtk1uw] {
    margin-left: 24px;
    padding: 4px 7px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    color: #92400e;
    background: #fffbeb;
}

.rv-resposta-modelo[b-n65njtk1uw] {
    margin-top: 8px;
    padding: 8px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: #fffbeb;
}

.rv-resposta-modelo span[b-n65njtk1uw] {
    display: block;
    color: #92400e;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rv-resposta-modelo p[b-n65njtk1uw] {
    margin-top: 4px;
    color: #78350f;
    font-size: 13px;
}

.rv-btn[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 11px;
    color: #334155;
    background: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.rv-btn.primary[b-n65njtk1uw] {
    border-color: #4f46e5;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
}

.rv-empty[b-n65njtk1uw],
.rv-empty-inline[b-n65njtk1uw] {
    padding: 34px 20px;
    text-align: center;
}

.rv-empty i[b-n65njtk1uw],
.rv-empty-inline i[b-n65njtk1uw] {
    color: #64748b;
    font-size: 30px;
}

.rv-empty h2[b-n65njtk1uw] {
    margin: 10px 0 0;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
}

.rv-empty p[b-n65njtk1uw],
.rv-empty-inline span[b-n65njtk1uw] {
    margin-top: 8px;
    color: #64748b;
    font-size: 14px;
}

@media (max-width: 1100px) {
    .rv-layout[b-n65njtk1uw] {
        grid-template-columns: 1fr;
    }

    .rv-list[b-n65njtk1uw] {
        max-height: none;
    }

    .rv-sep[b-n65njtk1uw] {
        display: none;
    }
}

/* ===== 3 abas + análise + imprimir ===== */
.rv-tabs[b-n65njtk1uw] { display: flex; gap: 8px; margin: 14px 0; flex-wrap: wrap; }

.rv-tabs button[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: 1px solid #dbe4ef;
    border-radius: 11px;
    background: #fff;
    color: #334155;
    font-size: .84rem;
    font-weight: 800;
}

.rv-tabs button.on[b-n65njtk1uw] {
    border-color: transparent;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
}

.rv-analise[b-n65njtk1uw] { display: grid; gap: 14px; }

.rv-an-scores[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}

.rv-an-score[b-n65njtk1uw] {
    display: grid;
    gap: 2px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    text-align: center;
}

.rv-an-score strong[b-n65njtk1uw] { color: #0f172a; font-size: 1.2rem; font-weight: 950; }
.rv-an-score span[b-n65njtk1uw] { color: #64748b; font-size: .7rem; font-weight: 800; }

.rv-an-afirmacoes[b-n65njtk1uw] { display: grid; gap: 8px; }

.rv-an-af[b-n65njtk1uw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 11px;
    background: #eff6ff;
    color: #1e40af;
    font-size: .85rem;
    line-height: 1.45;
}

.rv-an-af.alerta[b-n65njtk1uw], .rv-an-af.amarelo[b-n65njtk1uw] { background: #fffbeb; color: #92400e; }
.rv-an-af.erro[b-n65njtk1uw], .rv-an-af.vermelho[b-n65njtk1uw] { background: #fef2f2; color: #b91c1c; }
.rv-an-af.ok[b-n65njtk1uw], .rv-an-af.verde[b-n65njtk1uw] { background: #f0fdf4; color: #15803d; }

.rv-imprimir[b-n65njtk1uw] { display: grid; gap: 12px; }
.rv-imp-hint[b-n65njtk1uw] { margin: 0; color: #64748b; font-size: .86rem; }

.rv-imp-opcoes[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

.rv-imp-card[b-n65njtk1uw] {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    transition: border-color .14s ease, transform .14s ease;
}

.rv-imp-card:hover[b-n65njtk1uw] { border-color: #7c3aed; transform: translateY(-2px); }
.rv-imp-card i[b-n65njtk1uw] { font-size: 1.4rem; color: #7c3aed; }
.rv-imp-card strong[b-n65njtk1uw] { color: #0f172a; font-size: .92rem; }
.rv-imp-card span[b-n65njtk1uw] { color: #64748b; font-size: .78rem; line-height: 1.4; }

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.rv-imp-card[b-n65njtk1uw] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.rv-imp-card[b-n65njtk1uw]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 14px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.rv-imp-card:hover[b-n65njtk1uw] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.rv-imp-card:hover[b-n65njtk1uw]::before {
    width: 50%;
    height: 50%;
}

/* ===== aba Cabeçalho (config única de impressão — 04/07) ===== */
.rv-cab[b-n65njtk1uw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }

.rv-cab-col[b-n65njtk1uw] { display: flex; flex-direction: column; gap: .45rem; }

.rv-cab-col h4[b-n65njtk1uw] { margin: 0; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #4338ca; display: flex; gap: .35rem; align-items: center; }

.rv-cab-col input:not([type="checkbox"]):not([type="file"])[b-n65njtk1uw] { border: 1px solid #d9dcea; border-radius: 8px; padding: .4rem .55rem; font-size: .9rem; }

.rv-cab-file[b-n65njtk1uw] { position: relative; overflow: hidden; border: 1px dashed #a5b4fc; border-radius: 8px; padding: .45rem .6rem; cursor: pointer; background: #fff; }

.rv-cab-file input[type="file"][b-n65njtk1uw] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.rv-cab-file span[b-n65njtk1uw] { color: #4338ca; font-weight: 600; font-size: .86rem; }

.rv-cab-logo[b-n65njtk1uw] { max-height: 64px; max-width: 180px; object-fit: contain; border: 1px solid #e2e5f0; border-radius: 8px; padding: .25rem; background: #fff; }

.rv-cab-check[b-n65njtk1uw] { display: flex; align-items: center; gap: .4rem; font-size: .88rem; }

.rv-cab-campo[b-n65njtk1uw] { display: flex; justify-content: space-between; align-items: center; border: 1px solid #e2e5f0; border-radius: 8px; background: #fff; padding: .3rem .5rem; font-size: .86rem; }

.rv-cab-campo button[b-n65njtk1uw] { border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0 .15rem; }

.rv-cab-campo button:last-child[b-n65njtk1uw] { color: #b03a3a; }

.rv-cab-campo button:disabled[b-n65njtk1uw] { opacity: .3; }

.rv-cab-add[b-n65njtk1uw] { display: flex; gap: .4rem; }

.rv-cab-add input[b-n65njtk1uw] { flex: 1; }

.rv-cab-add button[b-n65njtk1uw] { border: 0; border-radius: 8px; background: #17a673; color: #fff; padding: 0 .7rem; cursor: pointer; }

.rv-cab-acoes[b-n65njtk1uw] { grid-column: 1 / -1; display: flex; align-items: center; gap: .7rem; }

.rv-cab-salvar[b-n65njtk1uw] { border: 0; border-radius: 10px; padding: .55rem 1rem; background: linear-gradient(135deg, #4f46e5, #4338ca); color: #fff; font-weight: 800; cursor: pointer; }

.rv-cab-msg[b-n65njtk1uw] { color: #17a673; font-weight: 600; font-size: .88rem; }

@media (max-width: 760px) { .rv-cab[b-n65njtk1uw] { grid-template-columns: 1fr; } }

/* ===== aba Cabeçalho (config única de impressão — 04/07) ===== */
.rv-cab[b-n65njtk1uw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.rv-cab-col[b-n65njtk1uw] { display: flex; flex-direction: column; gap: .45rem; }
.rv-cab-col h4[b-n65njtk1uw] { margin: 0; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #4338ca; display: flex; gap: .35rem; align-items: center; }
.rv-cab-col input:not([type="checkbox"]):not([type="file"])[b-n65njtk1uw] { border: 1px solid #d9dcea; border-radius: 8px; padding: .4rem .55rem; font-size: .9rem; }
.rv-cab-file[b-n65njtk1uw] { position: relative; overflow: hidden; border: 1px dashed #a5b4fc; border-radius: 8px; padding: .45rem .6rem; cursor: pointer; background: #fff; }
.rv-cab-file input[type="file"][b-n65njtk1uw] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.rv-cab-file span[b-n65njtk1uw] { color: #4338ca; font-weight: 600; font-size: .86rem; }
.rv-cab-logo[b-n65njtk1uw] { max-height: 64px; max-width: 180px; object-fit: contain; border: 1px solid #e2e5f0; border-radius: 8px; padding: .25rem; background: #fff; }
.rv-cab-check[b-n65njtk1uw] { display: flex; align-items: center; gap: .4rem; font-size: .88rem; }
.rv-cab-campo[b-n65njtk1uw] { display: flex; justify-content: space-between; align-items: center; border: 1px solid #e2e5f0; border-radius: 8px; background: #fff; padding: .3rem .5rem; font-size: .86rem; }
.rv-cab-campo button[b-n65njtk1uw] { border: 0; background: transparent; color: #6b7280; cursor: pointer; padding: 0 .15rem; }
.rv-cab-campo button:last-child[b-n65njtk1uw] { color: #b03a3a; }
.rv-cab-campo button:disabled[b-n65njtk1uw] { opacity: .3; }
.rv-cab-add[b-n65njtk1uw] { display: flex; gap: .4rem; }
.rv-cab-add input[b-n65njtk1uw] { flex: 1; }
.rv-cab-add button[b-n65njtk1uw] { border: 0; border-radius: 8px; background: #17a673; color: #fff; padding: 0 .7rem; cursor: pointer; }
.rv-cab-acoes[b-n65njtk1uw] { grid-column: 1 / -1; display: flex; align-items: center; gap: .7rem; }
.rv-cab-salvar[b-n65njtk1uw] { border: 0; border-radius: 10px; padding: .55rem 1rem; background: linear-gradient(135deg, #4f46e5, #4338ca); color: #fff; font-weight: 800; cursor: pointer; }
.rv-cab-msg[b-n65njtk1uw] { color: #17a673; font-weight: 600; font-size: .88rem; }
@media (max-width: 760px) { .rv-cab[b-n65njtk1uw] { grid-template-columns: 1fr; } }

/* ===== fusão Minhas Provas (06/07): hero com ações + contador ===== */
.rv-hero-actions[b-n65njtk1uw] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }

.rv-hero-btn[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease;
}

.rv-hero-btn:hover[b-n65njtk1uw] { transform: translateY(-1px); }
.rv-hero-btn.primary[b-n65njtk1uw] { color: #1f1750; background: #fff; border: 1px solid #fff; }
.rv-hero-btn.ghost[b-n65njtk1uw] { color: #fff; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.4); }

.rv-hero-panel[b-n65njtk1uw] {
    align-self: center;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
    text-align: center;
}

.rv-hero-panel span[b-n65njtk1uw], .rv-hero-panel small[b-n65njtk1uw] { display: block; color: rgba(255, 255, 255, 0.8); font-size: 12px; }
.rv-hero-panel strong[b-n65njtk1uw] { display: block; margin: 5px 0; font-size: 1.6rem; line-height: 1; font-weight: 900; }

/* contadores da prova selecionada, na topbar (fundo escuro do hero) */
.rv-hero-stats[b-n65njtk1uw] { display: flex; flex-wrap: wrap; gap: 8px; align-self: center; }
.rv-hero-stats div[b-n65njtk1uw] {
    min-width: 62px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
    text-align: center;
}
.rv-hero-stats strong[b-n65njtk1uw] { display: block; font-size: 1.25rem; line-height: 1; font-weight: 900; color: #fff; }
.rv-hero-stats span[b-n65njtk1uw] { display: block; margin-top: 3px; font-size: 10px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); }

/* ===== filtros (matéria / série / busca) ===== */
.rv-filtros[b-n65njtk1uw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.3fr) auto;
    gap: 10px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.07);
    margin-bottom: 4px;
}

.rv-filtros label[b-n65njtk1uw] { display: block; margin: 0; }

.rv-filtros span[b-n65njtk1uw] {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rv-filtros select[b-n65njtk1uw], .rv-filtros input[b-n65njtk1uw] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #dbe4ef;
    border-radius: 11px;
    background: #fff;
    color: #0f172a;
    font-size: 14px;
    font-family: inherit;
}

.rv-filtros select:focus[b-n65njtk1uw], .rv-filtros input:focus[b-n65njtk1uw] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

.rv-filtros-btn[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    min-height: 40px;
    align-self: end;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease;
}

.rv-filtros-btn:hover:not(:disabled)[b-n65njtk1uw] { transform: translateY(-1px); filter: brightness(1.05); }
.rv-filtros-btn:disabled[b-n65njtk1uw] { opacity: .7; cursor: not-allowed; }

@media (max-width: 1100px) { .rv-filtros[b-n65njtk1uw] { grid-template-columns: 1fr; } }

/* ===== cabeçalho do detalhe: título + "Dar esta prova" ===== */
.rv-detail-head[b-n65njtk1uw] { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; }

.rv-btn-dar[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border: none;
    border-radius: 11px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    color: #fff;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    flex: none;
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.rv-btn-dar:hover[b-n65njtk1uw] { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 6px 16px rgba(124, 58, 237, 0.35); }

/* Variação IA — secundário (não compete com o "Aplicar" primário) */
.rv-btn-variacao[b-n65njtk1uw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border: 1.5px solid #7c3aed;
    border-radius: 11px;
    background: #fff;
    color: #6d28d9;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    flex: none;
    transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.rv-btn-variacao:hover:not(:disabled)[b-n65njtk1uw] {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #8b5cf6);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 6px 16px rgba(236, 72, 153, 0.30);
}

.rv-btn-variacao:disabled[b-n65njtk1uw] { opacity: .8; cursor: progress; }

.rv-variacao-msg[b-n65njtk1uw] { align-self: center; color: #b91c1c; font-size: 0.82rem; font-weight: 600; }

@media (max-width: 560px) {
    .rv-detail-head[b-n65njtk1uw] { flex-direction: column; }
    .rv-btn-dar span[b-n65njtk1uw] { display: none; }
    .rv-btn-dar[b-n65njtk1uw] { padding: 9px 11px; }
}

/* ===== modal "Dar esta prova" (escolhedor dos 4 modos) ===== */
.mp-modal-scrim[b-n65njtk1uw] {
    position: fixed;
    inset: 0;
    background: rgba(15, 12, 41, 0.55);
    backdrop-filter: blur(3px);
    z-index: 60;
}

.mp-modal[b-n65njtk1uw] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 64px rgba(15, 12, 41, 0.35);
    padding: 20px;
    z-index: 61;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mp-modal-head[b-n65njtk1uw] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.mp-modal-head h2[b-n65njtk1uw] { margin: 0; font-size: 1.05rem; line-height: 1.35; color: #1f1750; }
.mp-modal-head h2 em[b-n65njtk1uw] { font-style: normal; color: #5b5bd6; }

.mp-modal-x[b-n65njtk1uw] { border: none; background: #f1f0fb; color: #4a4470; width: 34px; height: 34px; border-radius: 10px; cursor: pointer; flex: none; }
.mp-modal-x:hover[b-n65njtk1uw] { background: #e4e2f7; }

.mp-modo[b-n65njtk1uw] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 14px;
    border: 1px solid #e6e4f4;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: all 0.18s ease;
}

.mp-modo:hover[b-n65njtk1uw] { border-color: #7c3aed; background: #faf9ff; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(124, 58, 237, 0.12); }

.mp-modo-icone[b-n65njtk1uw] { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 1.25rem; color: #fff; }
.mp-modo-icone.on[b-n65njtk1uw] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.mp-modo-icone.ct[b-n65njtk1uw] { background: linear-gradient(135deg, #7c3aed, #4c1d95); }
.mp-modo-icone.pp[b-n65njtk1uw] { background: linear-gradient(135deg, #0ea5e9, #0369a1); }
.mp-modo-icone.mn[b-n65njtk1uw] { background: linear-gradient(135deg, #f59e0b, #d97706); }

.mp-modo-txt[b-n65njtk1uw] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mp-modo-txt strong[b-n65njtk1uw] { font-size: 0.95rem; color: #1f1750; }
.mp-modo-txt span[b-n65njtk1uw] { font-size: 0.8rem; color: #6b678c; line-height: 1.35; }
.mp-modo-seta[b-n65njtk1uw] { margin-left: auto; color: #b5b1d8; flex: none; }
/* /Components/Pages/Simulado.razor.rz.scp.css */
.sm-page[b-amtce15b5b] {
    display: grid;
    gap: 12px;
}

.sm-hero[b-amtce15b5b] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%);
}

.sm-kicker[b-amtce15b5b] {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sm-hero h1[b-amtce15b5b] {
    margin: 4px 0 0;
    font-size: 2rem;
    font-weight: 900;
}

.sm-hero p[b-amtce15b5b] {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
}

.sm-link[b-amtce15b5b] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.sm-msg[b-amtce15b5b] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.sm-msg.ok[b-amtce15b5b] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.sm-msg.err[b-amtce15b5b] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.sm-builder[b-amtce15b5b],
.sm-questoes[b-amtce15b5b],
.sm-faltas[b-amtce15b5b] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

/* ===== rótulo + apoio: mesmo padrão de Plano de aula / Planejamento ===== */
.sm-campo[b-amtce15b5b] { margin-bottom: 20px; }

.sm-label[b-amtce15b5b] {
    display: block;
    margin: 0;
    color: #4c1d95;
    font-size: 12.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-ajuda[b-amtce15b5b] {
    margin: 4px 0 10px;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.5;
}

.sm-ajuda strong[b-amtce15b5b] { color: #4c1d95; font-weight: 800; }
.sm-erro-pct[b-amtce15b5b] { display: inline-block; margin-left: 4px; color: #b91c1c !important; font-weight: 800; }

.sm-titulo[b-amtce15b5b] {
    width: 100%;
    min-height: 42px;
    border: 2px solid #ddd6fe;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-family: inherit;
}

.sm-titulo:focus[b-amtce15b5b] { outline: 0; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124, 58, 237, .13); }

.sm-row[b-amtce15b5b] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 8px;
}

.sm-row input[b-amtce15b5b],
.sm-row select[b-amtce15b5b] {
    width: 100%;
    min-height: 42px;
    border: 2px solid #ddd6fe;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-family: inherit;
}

.sm-row input:focus[b-amtce15b5b] { outline: 0; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124, 58, 237, .13); }

/* dificuldade: três campos rotulados, lado a lado */
.sm-niveis[b-amtce15b5b] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }

.sm-nivel[b-amtce15b5b] {
    display: flex; align-items: center; gap: 8px;
    min-height: 44px; padding: 0 12px;
    border: 2px solid #ddd6fe; border-radius: 10px; background: #fff;
}

.sm-nivel span[b-amtce15b5b] { flex: 1; color: #4c1d95; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.sm-nivel input[b-amtce15b5b] { width: 4.5rem; min-height: 0; border: 0; padding: 0; font-weight: 800; text-align: right; }
.sm-nivel input:focus[b-amtce15b5b] { outline: 0; box-shadow: none; }

.sm-check[b-amtce15b5b] {
    display: inline-flex; align-items: center; gap: 9px;
    min-height: 44px; padding: 0 14px;
    border: 2px solid #ddd6fe; border-radius: 10px; background: #fff;
    color: #334155; font-size: 13px; font-weight: 700; cursor: pointer;
    white-space: nowrap;
}

.sm-check input[type="checkbox"][b-amtce15b5b] { width: 17px; height: 17px; margin: 0; accent-color: #7c3aed; }

.sm-chips[b-amtce15b5b] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sm-chips span[b-amtce15b5b] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #bae6fd;
    border-radius: 999px;
    color: #0c4a6e;
    background: #e0f2fe;
    font-size: 12px;
    font-weight: 800;
}

.sm-chips button[b-amtce15b5b] {
    border: 0;
    color: #991b1b;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
}

.sm-actions[b-amtce15b5b] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.sm-btn[b-amtce15b5b] {
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%);
    font-size: 13px;
    font-weight: 900;
}

.sm-btn.secondary[b-amtce15b5b] {
    background: linear-gradient(135deg, #9333ea 0%, #3b0764 100%);
}

.sm-btn[b-amtce15b5b] { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.sm-btn:disabled[b-amtce15b5b] { opacity: .55; cursor: default; }

.sm-faltas h2[b-amtce15b5b],
.sm-questoes h2[b-amtce15b5b] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.sm-faltas div[b-amtce15b5b] {
    color: #7c2d12;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 4px;
}

.sm-questoes article[b-amtce15b5b] {
    border-top: 1px solid #edf2f7;
    padding-top: 10px;
    margin-top: 10px;
}

.sm-questoes strong[b-amtce15b5b] {
    display: block;
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
}

.sm-questoes p[b-amtce15b5b] {
    margin: 6px 0 0;
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

.sm-questoes ul[b-amtce15b5b] {
    margin: 8px 0 0;
    padding-left: 0;
    list-style: none;
}

.sm-questoes li[b-amtce15b5b] {
    margin-bottom: 4px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.sm-questoes li.certa[b-amtce15b5b] {
    margin-left: -6px;
    padding: 3px 6px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    color: #065f46;
    background: #ecfdf5;
}

.sm-empty[b-amtce15b5b] {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .sm-row[b-amtce15b5b] {
        grid-template-columns: 1fr;
    }

    .sm-hero[b-amtce15b5b] {
        flex-direction: column;
        align-items: start;
    }
}

/* combos com miniatura na linha do builder */
.sm-row[b-amtce15b5b]  .se-wrap {
    flex: 1 1 170px;
    min-width: 170px;
}

/* geração IA + análise de equilíbrio */
.sm-gerando[b-amtce15b5b] { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; background:linear-gradient(135deg,#eef2ff,#f5f3ff); border:1px solid #c7d2fe; color:#4338ca; font-size:13px; margin-bottom:12px; }
.sm-analise[b-amtce15b5b] { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:14px 16px; margin-bottom:14px; }
.sm-analise-head[b-amtce15b5b] { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.sm-analise-head h2[b-amtce15b5b] { margin:0; font-size:15px; }
.sm-score-linha[b-amtce15b5b] { display:flex; align-items:center; gap:14px; margin:6px 0 10px; }
.sm-score-num[b-amtce15b5b] { font-size:38px; font-weight:900; line-height:1; }
.sm-score-num small[b-amtce15b5b] { font-size:14px; color:#94a3b8; font-weight:700; }
.sm-verdict[b-amtce15b5b] { font-weight:800; }
.sm-dif-bar[b-amtce15b5b] { display:flex; height:12px; border-radius:999px; overflow:hidden; background:#eef2ff; }
.sm-dif-bar .f[b-amtce15b5b] { background:#22c55e; } .sm-dif-bar .m[b-amtce15b5b] { background:#f59e0b; } .sm-dif-bar .d[b-amtce15b5b] { background:#ef4444; }
.sm-dif-leg[b-amtce15b5b] { display:flex; gap:14px; margin:6px 0 10px; font-size:12px; color:#475569; }
.sm-dif-leg i[b-amtce15b5b] { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:4px; }
.sm-dif-leg .f[b-amtce15b5b] { background:#22c55e; } .sm-dif-leg .m[b-amtce15b5b] { background:#f59e0b; } .sm-dif-leg .d[b-amtce15b5b] { background:#ef4444; }
.sm-insights[b-amtce15b5b] { display:flex; flex-direction:column; gap:4px; }
.sm-ins[b-amtce15b5b] { font-size:13px; padding:5px 10px; border-radius:8px; }
.sm-ins.ok[b-amtce15b5b] { background:#ecfdf5; color:#047857; }
.sm-ins.warn[b-amtce15b5b] { background:#fffbeb; color:#b45309; }
.sm-ins.info[b-amtce15b5b] { background:#eff6ff; color:#1d4ed8; }

/* Árvore de recortes (04/07) + chips com qtd editável */
.sm-row-arvore[b-amtce15b5b] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem;
    align-items: start;
}

.sm-row-arvore .sm-qtd[b-amtce15b5b] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: 12px;
    font-weight: 800;
    color: #4c1d95;
}

.sm-row-arvore .sm-qtd input[b-amtce15b5b] { width: 6.5rem; }

.sm-chip-qtd[b-amtce15b5b] {
    width: 3.2rem;
    margin-left: .35rem;
    border: 1px solid #d9dcea;
    border-radius: 6px;
    padding: .05rem .25rem;
    font-size: .82rem;
}

.sm-chips small[b-amtce15b5b] { color: #8b90a4; }

/* Figura do enunciado (QuestaoImagem via /api/questao-img) */
.q-imagem[b-amtce15b5b] {
    display: block;
    max-width: 100%;
    max-height: 340px;
    margin: .5rem auto .65rem;
    border-radius: 8px;
    object-fit: contain;
}

/* ===== Drawer direito: seleções + Raio-X (fundador 04/07) ===== */
.sm-drawer-alca[b-amtce15b5b] {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: .6rem .45rem;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #5b5bd6;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(40, 42, 96, .25);
}

.sm-drawer-alca em[b-amtce15b5b] {
    font-style: normal;
    background: #fff;
    color: #5b5bd6;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    padding: 0 .4rem;
}

.sm-drawer-alca.on[b-amtce15b5b] { right: min(380px, 92vw); }

.sm-drawer[b-amtce15b5b] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(380px, 92vw);
    background: #fff;
    border-left: 1px solid #e2e5f0;
    box-shadow: -8px 0 24px rgba(40, 42, 96, .12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1039;
    overflow-y: auto;
    padding: .9rem;
}

.sm-drawer.aberto[b-amtce15b5b] { transform: translateX(0); }

.sm-drawer-head[b-amtce15b5b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .6rem;
}

.sm-drawer-head button[b-amtce15b5b] {
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

.sm-drawer-sec[b-amtce15b5b] {
    border-top: 1px solid #eef0f7;
    padding: .7rem 0;
}

.sm-drawer-sec h3[b-amtce15b5b] { font-size: .92rem; margin: 0 0 .45rem; }

.sm-drawer-chip[b-amtce15b5b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .4rem;
    padding: .3rem .45rem;
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    margin-bottom: .35rem;
    font-size: .84rem;
}

.sm-drawer-sec small[b-amtce15b5b] { color: #8b90a4; }

/* Psicometria TRI no drawer */
.sm-tri-perfis[b-amtce15b5b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
    margin-bottom: .5rem;
}

.sm-tri-perfis > div[b-amtce15b5b] {
    border: 1px solid #e2e5f0;
    border-radius: 8px;
    padding: .4rem .5rem;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.sm-tri-perfis span[b-amtce15b5b] { font-size: .74rem; color: #8b90a4; }

.sm-tri-perfis strong[b-amtce15b5b] { font-size: 1.05rem; color: #35386e; }

.sm-q-top[b-amtce15b5b] { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }

.sm-rx-btn[b-amtce15b5b] {
    border: 1px solid #d9dcea;
    background: #fff;
    color: #5b5bd6;
    border-radius: 8px;
    padding: .15rem .55rem;
    font-size: .78rem;
    cursor: pointer;
    white-space: nowrap;
}

.sm-rx-btn:hover[b-amtce15b5b] { background: #eef0fb; }
/* /Components/Pages/SimuladoComCorrecaoPorIa.razor.rz.scp.css */
.lp[b-icqshje3nf] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ===== HERO ===== */
.lp-hero[b-icqshje3nf] {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.30), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.lp-hero[b-icqshje3nf]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
}

.lp-hero > *[b-icqshje3nf] {
    position: relative;
    z-index: 1;
}

.lp-badge[b-icqshje3nf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.lp-hero h1[b-icqshje3nf] {
    max-width: 780px;
    margin: 14px 0 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-hero h1 .hl[b-icqshje3nf] {
    background: linear-gradient(90deg, #ffe28a, #ffb347);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-sub[b-icqshje3nf] {
    max-width: 700px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.7;
}

.lp-sub strong[b-icqshje3nf] { color: #fff; }
.lp-sub.small[b-icqshje3nf] { font-size: 13.5px; opacity: .85; }

.lp-actions[b-icqshje3nf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.lp-btn[b-icqshje3nf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease;
}

.lp-btn:hover[b-icqshje3nf] { transform: translateY(-2px); }

.lp-btn-primary[b-icqshje3nf] {
    color: #1a1140;
    background: linear-gradient(135deg, #ffd86b, #ff9f43);
    box-shadow: 0 12px 30px rgba(255, 159, 67, .38);
}

.lp-btn-ghost[b-icqshje3nf] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

.lp-proof[b-icqshje3nf] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 26px;
}

.lp-proof-item span[b-icqshje3nf] {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffe28a;
    line-height: 1;
}

.lp-proof-item small[b-icqshje3nf] {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ===== SECTION HEAD ===== */
.lp-sec-head[b-icqshje3nf] {
    text-align: center;
    margin: 0 auto 6px;
    max-width: 640px;
}

.lp-eyebrow[b-icqshje3nf] {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6d28d9;
}

.lp-sec-head h2[b-icqshje3nf] {
    margin: 8px 0 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-sec-head p[b-icqshje3nf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

/* ===== CARD BASE ===== */
.lp-card[b-icqshje3nf] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.lp-card[b-icqshje3nf]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 20px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.lp-card:hover[b-icqshje3nf] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.lp-card:hover[b-icqshje3nf]::before {
    width: 50%;
    height: 50%;
}

/* ===== FEATURES ===== */
.lp-features[b-icqshje3nf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-feature[b-icqshje3nf] {
    padding: 24px;
}

.lp-feature-icon[b-icqshje3nf] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 12px 24px rgba(99, 102, 241, .22);
}

.lp-feature h3[b-icqshje3nf] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.lp-feature p[b-icqshje3nf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
}

/* ===== STEPS ===== */
.lp-steps[b-icqshje3nf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.lp-step[b-icqshje3nf] {
    padding: 24px;
}

.lp-step-num[b-icqshje3nf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 8px 20px rgba(99, 102, 241, .3);
}

.lp-step h4[b-icqshje3nf] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.lp-step p[b-icqshje3nf] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.55;
}

/* ===== STATS ===== */
.lp-stats[b-icqshje3nf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lp-stat[b-icqshje3nf] {
    padding: 22px;
    text-align: center;
}

.lp-stat strong[b-icqshje3nf] {
    display: block;
    color: #4f46e5;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.lp-stat span[b-icqshje3nf] {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ===== FAQ ===== */
.lp-faq[b-icqshje3nf] {
    max-width: 760px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.lp-faq details[b-icqshje3nf] {
    border: 1px solid rgba(139, 92, 246, .16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lp-faq summary[b-icqshje3nf] {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

.lp-faq summary[b-icqshje3nf]::-webkit-details-marker { display: none; }

.lp-faq summary[b-icqshje3nf]::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: 13px;
    color: #8b5cf6;
    transition: transform .25s ease;
}

.lp-faq details[open] summary[b-icqshje3nf]::after { transform: rotate(180deg); }

.lp-faq p[b-icqshje3nf] {
    margin: 0;
    padding: 0 22px 18px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== SEO TEXT ===== */
.lp-seo[b-icqshje3nf] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
}

.lp-seo h2[b-icqshje3nf] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.lp-seo p[b-icqshje3nf] {
    margin: 14px 0 0;
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
}

.lp-seo p.lead[b-icqshje3nf] {
    color: #64748b;
    font-size: 15px;
}

/* ===== CTA ===== */
.lp-cta[b-icqshje3nf] {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 44px 32px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(400px 200px at 50% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, .22);
}

.lp-cta h2[b-icqshje3nf] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.lp-cta p[b-icqshje3nf] {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
}

.lp-cta .lp-actions[b-icqshje3nf] { justify-content: center; margin-top: 22px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1000px) {
    .lp-features[b-icqshje3nf],
    .lp-steps[b-icqshje3nf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-stats[b-icqshje3nf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .lp-hero[b-icqshje3nf] { padding: 24px 22px; }
    .lp-hero h1[b-icqshje3nf] { font-size: 1.7rem; }
    .lp-features[b-icqshje3nf],
    .lp-steps[b-icqshje3nf],
    .lp-stats[b-icqshje3nf] { grid-template-columns: 1fr; }
    .lp-proof[b-icqshje3nf] { gap: 22px; }
}
/* /Components/Pages/SimuladoCorrecao.razor.rz.scp.css */
/* ===== Correção de simulado por foto ===== */

.sc-page[b-rvvp0q23bw] { display: grid; gap: 16px; }

.sc-hero[b-rvvp0q23bw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 3vw, 32px);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(120deg, #b45309 0%, #f59e0b 100%);
    box-shadow: 0 20px 44px rgba(245, 158, 11, .3);
}

.sc-kicker[b-rvvp0q23bw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sc-hero h1[b-rvvp0q23bw] { margin: 4px 0 0; font-size: 2rem; font-weight: 900; }
.sc-hero p[b-rvvp0q23bw] { margin: 5px 0 0; max-width: 560px; opacity: .92; font-size: 14px; }

.sc-voltar[b-rvvp0q23bw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-weight: 850;
    white-space: nowrap;
}

.sc-card[b-rvvp0q23bw] {
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.sc-card h2[b-rvvp0q23bw] { margin: 0 0 14px; color: #0f172a; font-size: 1.05rem; font-weight: 900; }
.sc-card h2 small[b-rvvp0q23bw] { color: #94a3b8; font-size: .82rem; font-weight: 800; margin-left: 8px; }
.sc-card h3[b-rvvp0q23bw] { display: flex; align-items: center; gap: 8px; margin: 0; color: #0f172a; font-size: 1rem; font-weight: 900; }

.sc-alerta[b-rvvp0q23bw] { padding: 12px 16px; border-radius: 12px; font-size: .9rem; font-weight: 750; }
.sc-alerta.ok[b-rvvp0q23bw] { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.sc-alerta.erro[b-rvvp0q23bw] { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }

.sc-grid[b-rvvp0q23bw] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }

.sc-sim-card[b-rvvp0q23bw] {
    display: grid;
    gap: 3px;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    background: #fff;
    text-align: left;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.sc-sim-card:hover[b-rvvp0q23bw] { transform: translateY(-2px); border-color: #fde68a; box-shadow: 0 12px 28px rgba(245, 158, 11, .16); }
.sc-sim-card strong[b-rvvp0q23bw] { color: #0f172a; font-size: .93rem; }
.sc-sim-card span[b-rvvp0q23bw] { color: #64748b; font-size: .78rem; font-weight: 700; }

.sc-vazio[b-rvvp0q23bw] { color: #64748b; font-size: .9rem; text-align: center; padding: 14px 0 4px; }

.sc-botao-foto[b-rvvp0q23bw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 58px;
    border-radius: 14px;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(120deg, #b45309, #f59e0b);
    box-shadow: 0 14px 30px rgba(245, 158, 11, .4);
    transition: transform .14s ease;
}

.sc-botao-foto:hover:not(.ocupado)[b-rvvp0q23bw] { transform: translateY(-2px); }
.sc-botao-foto.ocupado[b-rvvp0q23bw] { opacity: .6; cursor: wait; }
.sc-botao-foto[b-rvvp0q23bw]  input[type="file"] { display: none; }

.sc-envios-cab[b-rvvp0q23bw] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }

.sc-envio[b-rvvp0q23bw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    margin-bottom: 8px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fff;
}

.sc-envio-nome[b-rvvp0q23bw] { display: grid; min-width: 0; }
.sc-envio-nome strong[b-rvvp0q23bw] { color: #0f172a; font-size: .9rem; }
.sc-envio-nome span[b-rvvp0q23bw] { color: #94a3b8; font-size: .74rem; font-weight: 700; }

.sc-envio-info[b-rvvp0q23bw] { display: flex; align-items: center; gap: 10px; }
.sc-nota[b-rvvp0q23bw] { color: #0f172a; font-size: 1.05rem; font-weight: 900; }

.sc-status[b-rvvp0q23bw] { padding: 3px 10px; border-radius: 999px; font-size: .68rem; font-weight: 900; text-transform: uppercase; }
.sc-status.aguardando[b-rvvp0q23bw] { background: #fef3c7; color: #92400e; }
.sc-status.corrigido[b-rvvp0q23bw] { background: #d1fae5; color: #047857; }

.sc-mini-btn[b-rvvp0q23bw] {
    height: 32px;
    padding: 0 13px;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: #fffbeb;
    color: #b45309;
    font-size: .78rem;
    font-weight: 850;
}

.sc-revisao[b-rvvp0q23bw] {
    margin: -2px 0 10px;
    padding: 14px;
    border: 1px dashed #fde68a;
    border-radius: 12px;
    background: #fffdf5;
    display: grid;
    gap: 10px;
}

.sc-ver-foto[b-rvvp0q23bw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b45309;
    font-size: .85rem;
    font-weight: 850;
    text-decoration: none;
}

.sc-respostas[b-rvvp0q23bw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 8px;
}

.sc-resp[b-rvvp0q23bw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid #e2e8f0;
    border-left-width: 4px;
    border-radius: 10px;
    background: #fff;
    font-size: .82rem;
}

.sc-resp.certa[b-rvvp0q23bw] { border-left-color: #10b981; }
.sc-resp.errada[b-rvvp0q23bw] { border-left-color: #ef4444; }
.sc-resp.diverge[b-rvvp0q23bw] { border-left-color: #f59e0b; background: #fffbeb; }

.sc-resp-num[b-rvvp0q23bw] { font-weight: 900; color: #0f172a; min-width: 32px; }

.sc-resp select[b-rvvp0q23bw] {
    height: 32px;
    padding: 0 6px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font: inherit;
    font-weight: 900;
    outline: none;
}

.sc-resp-gab[b-rvvp0q23bw] { color: #64748b; }
.sc-resp-div[b-rvvp0q23bw] { color: #b45309; font-size: .72rem; font-weight: 800; }

.sc-cta[b-rvvp0q23bw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(120deg, #b45309, #f59e0b);
    box-shadow: 0 12px 26px rgba(245, 158, 11, .35);
    transition: transform .14s ease;
}

.sc-cta:hover[b-rvvp0q23bw] { transform: translateY(-2px); }

@media (max-width: 700px) {
    .sc-hero[b-rvvp0q23bw] { flex-direction: column; align-items: flex-start; }
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.sc-card[b-rvvp0q23bw] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.sc-card[b-rvvp0q23bw]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 16px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.sc-card:hover[b-rvvp0q23bw] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.sc-card:hover[b-rvvp0q23bw]::before {
    width: 50%;
    height: 50%;
}

/* ===== card padrão do site: grampo arredondado + elevação no hover ===== */
.sc-sim-card[b-rvvp0q23bw] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .04);
}

.sc-sim-card[b-rvvp0q23bw]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
    border-top-right-radius: 13px;
    transition: width .7s cubic-bezier(.16, 1, .3, 1), height .7s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.sc-sim-card:hover[b-rvvp0q23bw] {
    transform: translateY(-5px);
    border-color: #c7d2fe;
    box-shadow: 0 26px 54px rgba(79, 70, 229, .18), 0 6px 16px rgba(15, 23, 42, .08);
}

.sc-sim-card:hover[b-rvvp0q23bw]::before {
    width: 50%;
    height: 50%;
}
/* /Components/Pages/SimuladoResponderAluno.razor.rz.scp.css */
/* ===== Resposta de simulado pelo aluno (celular) — mesma linguagem visual do painel de captura ===== */

.sr-fundo[b-bc6gb8vnwo] {
    min-height: 100vh;
    display: grid;
    place-items: start center;
    padding: 24px 14px;
    background:
        radial-gradient(900px 460px at 110% -10%, rgba(129, 140, 248, .3), transparent 60%),
        linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

.sr-card[b-bc6gb8vnwo] {
    width: min(480px, 100%);
    margin-top: 4vh;
    padding: 32px clamp(20px, 5vw, 40px);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .35);
    text-align: center;
}

.sr-logo[b-bc6gb8vnwo] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.5rem;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 12px 26px rgba(79, 70, 229, .35);
}

.sr-card h1[b-bc6gb8vnwo] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 900;
}

.sr-sub[b-bc6gb8vnwo] {
    margin: 0 0 20px;
    color: #64748b;
    font-size: .93rem;
    line-height: 1.5;
}

.sr-alerta[b-bc6gb8vnwo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 11px 14px;
    border-radius: 11px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: .87rem;
    font-weight: 700;
    text-align: left;
}

.sr-botao-foto[b-bc6gb8vnwo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 62px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    box-shadow: 0 14px 30px rgba(79, 70, 229, .4);
    transition: transform .14s ease;
}

.sr-botao-foto:hover:not(.desabilitado)[b-bc6gb8vnwo] { transform: translateY(-2px); }
.sr-botao-foto.desabilitado[b-bc6gb8vnwo] { opacity: .6; cursor: wait; }
.sr-botao-foto[b-bc6gb8vnwo]  input[type="file"] { display: none; }

.sr-progresso[b-bc6gb8vnwo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #4338ca;
    font-size: .88rem;
    font-weight: 750;
}

.sr-spinner[b-bc6gb8vnwo] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid rgba(79, 70, 229, .25);
    border-top-color: #4f46e5;
    animation: srGirar-b-bc6gb8vnwo .8s linear infinite;
}

@keyframes srGirar-b-bc6gb8vnwo {
    to { transform: rotate(360deg); }
}

/* ===== resultado ===== */
.sr-titulo-resultado[b-bc6gb8vnwo] { font-size: 1.2rem; }

.sr-nota[b-bc6gb8vnwo] {
    margin: 6px 0 4px;
    font-size: 2.6rem;
    font-weight: 900;
}

.sr-nota small[b-bc6gb8vnwo] {
    font-size: 1rem;
    font-weight: 700;
    color: #94a3b8;
    margin-left: 4px;
}

.sr-acertos[b-bc6gb8vnwo] {
    margin: 0 0 10px;
    color: #475569;
    font-size: .88rem;
    font-weight: 650;
}

.sr-bar[b-bc6gb8vnwo] {
    height: 8px;
    margin-bottom: 16px;
    border-radius: 99px;
    background: #f1f5f9;
    overflow: hidden;
}

.sr-bar i[b-bc6gb8vnwo] { display: block; height: 100%; border-radius: 99px; }

.sr-rev[b-bc6gb8vnwo] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .85rem;
    line-height: 1.5;
    text-align: left;
}

.sr-grid[b-bc6gb8vnwo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
    gap: 8px;
    margin-bottom: 22px;
}

.sr-q[b-bc6gb8vnwo] {
    display: grid;
    gap: 2px;
    padding: 8px 4px;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 900;
    text-align: center;
}

.sr-q .n[b-bc6gb8vnwo] {
    font-size: .62rem;
    font-weight: 700;
    opacity: .65;
}

.sr-q.ok[b-bc6gb8vnwo] { background: #ecfdf5; color: #047857; }
.sr-q.no[b-bc6gb8vnwo] { background: #fef2f2; color: #b91c1c; }
.sr-q.rev[b-bc6gb8vnwo] { background: #fffbeb; color: #92400e; }

.sr-again[b-bc6gb8vnwo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-size: .95rem;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(120deg, #4f46e5, #7c3aed);
    box-shadow: 0 10px 24px rgba(79, 70, 229, .35);
}
/* /Components/Pages/SlidesDeAulaComIa.razor.rz.scp.css */
.seo-page[b-8jc0sl5pnq] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-8jc0sl5pnq] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-8jc0sl5pnq] { text-align: center; }

/* HERO */
.hero[b-8jc0sl5pnq] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-8jc0sl5pnq] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-8jc0sl5pnq] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-8jc0sl5pnq 20s linear infinite;
}
@keyframes particles-b-8jc0sl5pnq { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-8jc0sl5pnq] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-8jc0sl5pnq] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-8jc0sl5pnq] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-8jc0sl5pnq] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-8jc0sl5pnq] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-8jc0sl5pnq] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-8jc0sl5pnq] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-8jc0sl5pnq] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-8jc0sl5pnq] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-8jc0sl5pnq] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-8jc0sl5pnq] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-8jc0sl5pnq] { text-align: center; }
.proof-number[b-8jc0sl5pnq] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-8jc0sl5pnq] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-8jc0sl5pnq] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-8jc0sl5pnq] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-8jc0sl5pnq] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-8jc0sl5pnq] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-8jc0sl5pnq] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-8jc0sl5pnq] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-8jc0sl5pnq] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-8jc0sl5pnq] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-8jc0sl5pnq] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-8jc0sl5pnq] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-8jc0sl5pnq] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-8jc0sl5pnq] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-8jc0sl5pnq] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-8jc0sl5pnq] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-8jc0sl5pnq] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-8jc0sl5pnq] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-8jc0sl5pnq] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-8jc0sl5pnq] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-8jc0sl5pnq] { max-width: 720px; margin: 0 auto; }
.faq-item[b-8jc0sl5pnq] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-8jc0sl5pnq] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-8jc0sl5pnq] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-8jc0sl5pnq]::-webkit-details-marker { display: none; }
.faq-question i[b-8jc0sl5pnq] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-8jc0sl5pnq] { transform: rotate(180deg); }
.faq-answer[b-8jc0sl5pnq] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-8jc0sl5pnq] { max-width: 900px; }
.seo-text p[b-8jc0sl5pnq] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-8jc0sl5pnq] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-8jc0sl5pnq]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-8jc0sl5pnq] { position: relative; z-index: 1; }
.cta-title[b-8jc0sl5pnq] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-8jc0sl5pnq] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-8jc0sl5pnq] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-8jc0sl5pnq] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Pages/TermosDeUso.razor.rz.scp.css */
.legal[b-ohqk2h83u5] {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    line-height: 1.7;
}

.legal h1[b-ohqk2h83u5] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.legal .updated[b-ohqk2h83u5] {
    color: #6b7280;
    font-size: .85rem;
    margin-bottom: 40px;
}

.legal h2[b-ohqk2h83u5] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    margin: 32px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.legal p[b-ohqk2h83u5],
.legal li[b-ohqk2h83u5] {
    font-size: .95rem;
    color: #374151;
    margin-bottom: 12px;
}

.legal ul[b-ohqk2h83u5] {
    padding-left: 20px;
    margin-bottom: 16px;
}

.legal li[b-ohqk2h83u5] {
    margin-bottom: 6px;
}

.legal a[b-ohqk2h83u5] {
    color: #667eea;
}

.legal .card[b-ohqk2h83u5] {
    background: #f8f9fc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0;
}
/* /Components/Pages/Trabalho.razor.rz.scp.css */
.tb-page[b-0tiit4hjtc] {
    display: grid;
    gap: 12px;
}

.tb-head[b-0tiit4hjtc] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
}

.tb-head span[b-0tiit4hjtc] {
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.84);
}

.tb-head h1[b-0tiit4hjtc] {
    margin: 8px 0 0;
    font-size: 1.9rem;
    font-weight: 900;
}

.tb-head a[b-0tiit4hjtc] {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.tb-msg[b-0tiit4hjtc] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.tb-msg.ok[b-0tiit4hjtc] {
    color: #065f46;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
}

.tb-msg.err[b-0tiit4hjtc] {
    color: #991b1b;
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.tb-form[b-0tiit4hjtc],
.tb-list[b-0tiit4hjtc] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

.tb-grid[b-0tiit4hjtc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.tb-form input[b-0tiit4hjtc],
.tb-form select[b-0tiit4hjtc],
.tb-form textarea[b-0tiit4hjtc] {
    width: 100%;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    padding: 9px 10px;
    font-size: 14px;
    font-family: inherit;
    margin-top: 8px;
}

.tb-form button[b-0tiit4hjtc] {
    margin-top: 10px;
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    font-size: 13px;
    font-weight: 900;
}

.tb-list h2[b-0tiit4hjtc] {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 900;
}

.tb-list article[b-0tiit4hjtc] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
}

.tb-list strong[b-0tiit4hjtc],
.tb-list span[b-0tiit4hjtc] {
    display: block;
}

.tb-list strong[b-0tiit4hjtc] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.tb-list span[b-0tiit4hjtc] {
    margin-top: 4px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .tb-grid[b-0tiit4hjtc] {
        grid-template-columns: 1fr;
    }

    .tb-head[b-0tiit4hjtc] {
        flex-direction: column;
        align-items: start;
    }
}

.tb-grid[b-0tiit4hjtc]  .se-wrap { min-width: 170px; }
/* /Components/Pages/TrabalhosEscolaresComIa.razor.rz.scp.css */
.seo-page[b-ys6e1c4qcn] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);
    --glass-border: 1px solid rgba(255, 255, 255, 0.18);
    --text-light: #ffffff;
    --primary-purple: #667eea;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--dark-gradient);
    color: var(--text-light);
    line-height: 1.6;
    display: block;
    overflow-x: hidden;
}

.seo-page .container[b-ys6e1c4qcn] { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.seo-page .text-center[b-ys6e1c4qcn] { text-align: center; }

/* HERO */
.hero[b-ys6e1c4qcn] {
    min-height: 82vh; position: relative; display: flex;
    align-items: center; justify-content: center; overflow: hidden;
    background: var(--primary-gradient);
}
.hero-background[b-ys6e1c4qcn] {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        var(--primary-gradient);
}
.particles-bg[b-ys6e1c4qcn] {
    position: absolute; inset: 0;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particles-b-ys6e1c4qcn 20s linear infinite;
}
@keyframes particles-b-ys6e1c4qcn { 0% { transform: translateY(0); } 100% { transform: translateY(-200px); } }

.hero-content[b-ys6e1c4qcn] {
    position: relative; z-index: 2; text-align: center;
    max-width: 960px; padding: 80px 20px 40px;
}
.hero-badge[b-ys6e1c4qcn] {
    display: inline-block; background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px); border: var(--glass-border);
    border-radius: 50px; padding: 8px 24px; font-size: 0.85rem;
    font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px;
}
.hero h1[b-ys6e1c4qcn] {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.08; margin-bottom: 24px; color: white;
}
.hero h1 .highlight[b-ys6e1c4qcn] {
    background: linear-gradient(90deg, #ffd700, #ffaa00);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero .subtitle[b-ys6e1c4qcn] {
    font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.88);
    margin: 0 auto 40px; max-width: 640px; font-weight: 400; line-height: 1.7;
}
.hero-actions[b-ys6e1c4qcn] { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }

.btn-primary-glow[b-ys6e1c4qcn] {
    background: linear-gradient(135deg, #ffd700, #ff9500); color: #1a1a1a;
    border: none; padding: 16px 36px; font-size: 1.05rem; font-weight: 800;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.35); letter-spacing: 0.3px; display: inline-block;
}
.btn-primary-glow:hover[b-ys6e1c4qcn] { color: #1a1a1a; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(255, 215, 0, 0.5); }
.btn-secondary-glass[b-ys6e1c4qcn] {
    background: rgba(255,255,255,0.12); backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.25); color: white;
    padding: 16px 32px; font-size: 1.05rem; font-weight: 600;
    border-radius: 50px; text-decoration: none; transition: all 0.3s ease; display: inline-block;
}
.btn-secondary-glass:hover[b-ys6e1c4qcn] { color: white; background: rgba(255,255,255,0.22); transform: translateY(-3px); }

.social-proof[b-ys6e1c4qcn] { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; padding: 20px 0; }
.proof-item[b-ys6e1c4qcn] { text-align: center; }
.proof-number[b-ys6e1c4qcn] { font-size: 1.6rem; font-weight: 900; color: #ffd700; display: block; }
.proof-label[b-ys6e1c4qcn] { font-size: 0.78rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }

.section-title[b-ys6e1c4qcn] { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: white; margin-bottom: 12px; }
.section-subtitle[b-ys6e1c4qcn] { color: rgba(255,255,255,0.6); font-size: 1.1rem; font-weight: 400; margin-bottom: 50px; }

.glass-section[b-ys6e1c4qcn] {
    background: rgba(255,255,255,0.03); backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0;
}
.feature-cards-container[b-ys6e1c4qcn] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}
.feature-card[b-ys6e1c4qcn] {
    background: rgba(255,255,255,0.06); backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1); border-radius: 20px;
    padding: 36px; transition: all 0.4s ease;
}
.feature-card:hover[b-ys6e1c4qcn] { transform: translateY(-6px); background: rgba(255,255,255,0.1); box-shadow: 0 16px 48px rgba(102, 126, 234, 0.2); border-color: rgba(255,255,255,0.2); }
.feature-icon[b-ys6e1c4qcn] {
    width: 64px; height: 64px; background: var(--primary-gradient);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
}
.feature-card h3[b-ys6e1c4qcn] { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: white; }
.feature-card p[b-ys6e1c4qcn] { color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; font-size: 0.95rem; }

.how-section[b-ys6e1c4qcn] { background: var(--dark-gradient); padding: 90px 0; }
.steps-container[b-ys6e1c4qcn] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.step-item[b-ys6e1c4qcn] { flex: 1; min-width: 200px; text-align: center; padding: 30px 20px; }
.step-number[b-ys6e1c4qcn] {
    width: 56px; height: 56px; border-radius: 50%; background: var(--primary-gradient);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
    font-size: 1.3rem; font-weight: 900; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.step-item h4[b-ys6e1c4qcn] { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }
.step-item p[b-ys6e1c4qcn] { font-size: 0.88rem; color: rgba(255,255,255,0.6); line-height: 1.5; }
.step-arrow[b-ys6e1c4qcn] { display: none; }
@media (min-width: 769px) {
    .step-arrow[b-ys6e1c4qcn] { display: flex; align-items: center; font-size: 1.5rem; color: rgba(255,255,255,0.2); padding: 0 4px; }
}

.faq-section[b-ys6e1c4qcn] { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0; }
.faq-container[b-ys6e1c4qcn] { max-width: 720px; margin: 0 auto; }
.faq-item[b-ys6e1c4qcn] {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease;
}
.faq-item:hover[b-ys6e1c4qcn] { border-color: rgba(255,255,255,0.15); }
.faq-question[b-ys6e1c4qcn] {
    padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between;
    align-items: center; font-weight: 600; font-size: 1rem; list-style: none;
}
.faq-question[b-ys6e1c4qcn]::-webkit-details-marker { display: none; }
.faq-question i[b-ys6e1c4qcn] { transition: transform 0.3s ease; font-size: 0.9rem; opacity: 0.5; }
.faq-item[open] .faq-question i[b-ys6e1c4qcn] { transform: rotate(180deg); }
.faq-answer[b-ys6e1c4qcn] { padding: 0 24px 20px; color: rgba(255,255,255,0.65); line-height: 1.7; font-size: 0.95rem; }

.seo-text[b-ys6e1c4qcn] { max-width: 900px; }
.seo-text p[b-ys6e1c4qcn] { color: rgba(255,255,255,0.72); margin-bottom: 14px; line-height: 1.7; }

.cta-section[b-ys6e1c4qcn] { background: var(--primary-gradient); padding: 90px 0; text-align: center; position: relative; }
.cta-section[b-ys6e1c4qcn]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
}
.cta-content[b-ys6e1c4qcn] { position: relative; z-index: 1; }
.cta-title[b-ys6e1c4qcn] { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; margin-bottom: 16px; }
.cta-subtitle[b-ys6e1c4qcn] { font-size: 1.1rem; color: rgba(255,255,255,0.85); margin: 0 auto 36px; max-width: 550px; }

.seo-footer[b-ys6e1c4qcn] { background: #0a0a0a; padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.seo-footer p[b-ys6e1c4qcn] { color: rgba(255,255,255,0.3); font-size: 0.82rem; margin: 0; }
/* /Components/Shared/CartaoQuestao.razor.rz.scp.css */
.gq-card[b-li4fik1vh5] {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 32px rgba(40, 30, 90, .08);
}

.gq-card-top[b-li4fik1vh5] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.gq-badges[b-li4fik1vh5] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.gq-badge[b-li4fik1vh5] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.gq-badge.is-discipline[b-li4fik1vh5] {
    color: #4338ca;
    background: #eef2ff;
}

.gq-badge.is-bncc[b-li4fik1vh5] {
    color: #0f766e;
    background: #ecfeff;
}

.gq-badge.is-bloom[b-li4fik1vh5] {
    color: #92400e;
    background: #fef3c7;
}

.gq-badge.is-difficulty[b-li4fik1vh5] {
    color: #475569;
    background: #f8fafc;
}

.gq-favorite[b-li4fik1vh5] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    color: #94a3b8;
    background: #fff;
    font-size: 18px;
    transition: all .18s ease;
}

.gq-favorite.is-on[b-li4fik1vh5] {
    color: #f59e0b;
    border-color: #fde68a;
    background: #fff7ed;
}

.gq-text[b-li4fik1vh5] {
    margin: 16px 0 0;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.65;
}

.gq-meta[b-li4fik1vh5] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.gq-meta span[b-li4fik1vh5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.gq-meta .is-fresh[b-li4fik1vh5] {
    color: #059669;
}

.gq-note-box[b-li4fik1vh5],
.gq-note-editor[b-li4fik1vh5] {
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #ede9fe;
    border-radius: 14px;
    background: linear-gradient(180deg, #faf9ff, #fff);
}

.gq-note-box.is-empty[b-li4fik1vh5] {
    background: #fcfcff;
}

.gq-note-trigger[b-li4fik1vh5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    padding: 0;
    color: #5b21b6;
    background: transparent;
    font-size: 13px;
    font-weight: 800;
}

.gq-note-content strong[b-li4fik1vh5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #5b21b6;
    font-size: 12px;
    font-weight: 900;
}

.gq-note-content p[b-li4fik1vh5] {
    margin: 8px 0 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.6;
}

.gq-note-edit[b-li4fik1vh5] {
    margin-top: 10px;
    border: 0;
    padding: 0;
    color: #4f46e5;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
}

.gq-note-editor label[b-li4fik1vh5] {
    display: block;
    margin-bottom: 8px;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
}

.gq-note-editor textarea[b-li4fik1vh5] {
    width: 100%;
    border: 1px solid #d8d3f4;
    border-radius: 12px;
    padding: 10px 12px;
    color: #0f172a;
    font: inherit;
    line-height: 1.55;
    resize: vertical;
    min-height: 92px;
    background: #fff;
}

.gq-note-editor textarea:focus[b-li4fik1vh5] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .12);
}

.gq-note-actions[b-li4fik1vh5] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.gq-btn-primary[b-li4fik1vh5],
.gq-btn-secondary[b-li4fik1vh5] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 900;
    font-family: inherit;
}

.gq-btn-primary[b-li4fik1vh5] {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

.gq-btn-secondary[b-li4fik1vh5] {
    border: 1px solid #ddd6fe;
    color: #4338ca;
    background: #fff;
}
/* /Components/Shared/CompartilharPagina.razor.rz.scp.css */
.share-bar[b-8tl4nmewqo] {
    max-width: 740px;
    margin: 10px auto 0;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.share-bar > span[b-8tl4nmewqo] {
    font-size: .95rem;
    color: #64748b;
    font-weight: 600;
}

.share-btn[b-8tl4nmewqo] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(79, 70, 229, .18);
    background: #fff;
    color: #4f46e5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
    text-decoration: none;
    font-size: 1.15rem;
}

.share-btn:hover[b-8tl4nmewqo] {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    border-color: transparent;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(102, 126, 234, .3);
}
/* /Components/Shared/DynamicControls.razor.rz.scp.css */
.dyn-controls[b-vmlgksw72y] {
    display: grid;
    gap: 10px;
}

.dyn-field[b-vmlgksw72y] {
    display: grid;
    gap: 7px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.dyn-label-row[b-vmlgksw72y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.dyn-label-row span[b-vmlgksw72y] {
    color: #334155;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.dyn-label-row small[b-vmlgksw72y] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}

.dyn-chip-grid[b-vmlgksw72y] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dyn-chip[b-vmlgksw72y],
.dyn-switch[b-vmlgksw72y] {
    min-height: 34px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .82rem;
    font-weight: 800;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.dyn-chip[b-vmlgksw72y] {
    padding: 0 10px;
}

.dyn-chip:hover[b-vmlgksw72y],
.dyn-switch:hover[b-vmlgksw72y] {
    border-color: #a5b4fc;
    transform: translateY(-1px);
}

.dyn-chip.is-on[b-vmlgksw72y] {
    border-color: #4f46e5;
    color: #3730a3;
    background: #e0e7ff;
    box-shadow: 0 8px 16px rgba(79, 70, 229, .12);
}

.dyn-switch[b-vmlgksw72y] {
    width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    text-align: left;
}

.dyn-switch span[b-vmlgksw72y] {
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 999px;
    background: #cbd5e1;
    transition: background-color .18s ease;
}

.dyn-switch span[b-vmlgksw72y]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .22);
    content: "";
    transition: transform .18s ease;
}

.dyn-switch strong[b-vmlgksw72y] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dyn-switch.is-on[b-vmlgksw72y] {
    border-color: #10b981;
    color: #065f46;
    background: #ecfdf5;
}

.dyn-switch.is-on span[b-vmlgksw72y] {
    background: #10b981;
}

.dyn-switch.is-on span[b-vmlgksw72y]::after {
    transform: translateX(16px);
}

.dyn-input[b-vmlgksw72y] {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1.6px solid #b4a3e6;
    border-radius: 6px;
    background: #fff;
    color: #0f172a;
    font-size: .88rem;
    outline: none;
    box-shadow: 0 1px 2px rgba(79, 70, 229, 0.08), inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.dyn-input:focus[b-vmlgksw72y] {
    border-color: #818cf8;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
}
/* /Components/Shared/Rodape.razor.rz.scp.css */
.rodape-gp[b-q9k6ezuw7m] {
    background: #1e1b4b;
    padding: 8px 16px;
    margin-top: 40px;
    border-top: 1px solid #312e81;
    max-height: 54px;
    overflow-y: auto;
    overflow-x: hidden;
}

.rodape-links[b-q9k6ezuw7m] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 14px;
    justify-content: center;
    align-items: center;
    font-size: .66rem;
    line-height: 1.7;
}

.rodape-links a[b-q9k6ezuw7m] {
    color: #a5b4fc;
    text-decoration: none;
}

.rodape-links a:hover[b-q9k6ezuw7m] {
    color: #c4b5fd;
}

.rodape-link-landing[b-q9k6ezuw7m] {
    color: #818cf8 !important;
}

.rodape-link-legal[b-q9k6ezuw7m] {
    color: #6366f1 !important;
}

.rodape-dpo[b-q9k6ezuw7m] {
    color: #818cf8;
    font-size: .6rem;
}

.rodape-copy[b-q9k6ezuw7m] {
    color: #4f46e5;
    font-size: .58rem;
}
/* /Components/Shared/SeoNav.razor.rz.scp.css */
.seo-nav[b-gttyubpwqd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 0;
    background: rgba(10, 10, 26, .85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.seo-nav-inner[b-gttyubpwqd] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seo-nav-brand[b-gttyubpwqd] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.seo-nav-brand-text[b-gttyubpwqd] {
    font-size: 1.2rem;
    font-weight: 800;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seo-nav-links[b-gttyubpwqd] {
    list-style: none;
    display: flex;
    gap: 28px;
    margin: 0;
    padding: 0;
}

.seo-nav-links a[b-gttyubpwqd] {
    color: rgba(255, 255, 255, .7);
    font-size: .9rem;
    font-weight: 500;
    text-decoration: none;
}

.seo-nav-links a:hover[b-gttyubpwqd] {
    color: #fff;
}

.seo-nav-cta[b-gttyubpwqd] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff !important;
    padding: 9px 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: .88rem;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
}

.seo-nav-cta:hover[b-gttyubpwqd] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, .4);
}

@@media (max-width: 768px) {
    .seo-nav-links[b-gttyubpwqd] {
        display: none;
    }
}
/* /Components/Shared/TopicosPopulares.razor.rz.scp.css */
.topicos-pop-block[b-ezia97xgfz] {
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    margin: 40px auto 10px;
    width: 100%;
    padding: 32px 26px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(420px 200px at 88% -20%, rgba(255, 255, 255, 0.22), transparent 60%),
        linear-gradient(120deg, #4f46e5 0%, #7c3aed 100%);
    box-shadow: 0 28px 62px rgba(91, 62, 234, 0.22);
}

.topicos-pop-titulo[b-ezia97xgfz] {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.topicos-pop-sub[b-ezia97xgfz] {
    margin: 8px 0 22px;
    text-align: center;
    color: rgba(255, 255, 255, .82);
    font-size: .92rem;
}

.topicos-pop-grid[b-ezia97xgfz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}

.topicos-pop-item[b-ezia97xgfz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .18);
    text-decoration: none;
    color: #fff;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.topicos-pop-item:hover[b-ezia97xgfz] {
    background: rgba(255, 255, 255, .2);
    border-color: rgba(255, 226, 138, .6);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.topicos-pop-mat[b-ezia97xgfz] {
    font-size: .7rem;
    color: #ffe28a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.topicos-pop-ass[b-ezia97xgfz] {
    font-size: .92rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .95);
    line-height: 1.35;
}

.topicos-pop-qtd[b-ezia97xgfz] {
    font-size: .78rem;
    color: rgba(255, 255, 255, .65);
}

@media (max-width: 600px) {
    .topicos-pop-grid[b-ezia97xgfz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/VideoLocal.razor.rz.scp.css */
.gp-video-local[b-zgug0pu2mu] {
    position: relative;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.gp-video-local video[b-zgug0pu2mu] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.gp-video-local-legenda[b-zgug0pu2mu] {
    display: block;
    padding: 12px 16px;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
    background: rgba(255,255,255,0.03);
}
/* /Components/Shared/VideoYoutube.razor.rz.scp.css */
.gp-video[b-ife44310ek] {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    background: #0b0b14;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.gp-video-thumb[b-ife44310ek] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gp-video-play[b-ife44310ek] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: #fff;
    background: linear-gradient(180deg, rgba(76,29,149,.15), rgba(30,64,175,.35));
    transition: transform .15s ease, background .15s ease;
}

.gp-video:hover .gp-video-play[b-ife44310ek],
.gp-video:focus-visible .gp-video-play[b-ife44310ek] {
    transform: scale(1.08);
    background: linear-gradient(180deg, rgba(76,29,149,.3), rgba(30,64,175,.5));
}

.gp-video-legenda[b-ife44310ek] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .6rem 1rem;
    font-size: .9rem;
    color: #fff;
    background: linear-gradient(0deg, rgba(0,0,0,.65), transparent);
}

.gp-video iframe[b-ife44310ek] {
    width: 100%;
    height: 100%;
    border: 0;
}