/*
 * Curso "Dinheiro Tem Endereço na prática" (12/10/2026) -- os 5 blocos fixos
 * de cada aula (situação / porquê / faça no DTE / o que você deve estar vendo
 * / reflexão), o resumo com os números do aluno e o simulador da aula aberta.
 * Carregar DEPOIS de painel-admin.css (tokens) e licao-aluno.css (o bloco 5
 * reaproveita .card-licao.reflexao de lá). Só cores da paleta fechada.
 */

.bloco-aula{
    margin:0 0 26px;
    font-size:1.08rem;
    line-height:1.75;
}
.bloco-aula p{ margin:0 0 14px; }
.bloco-aula p:last-child{ margin-bottom:0; }
.bloco-aula ul,
.bloco-aula ol{ margin:0 0 14px; padding-left:1.3em; }
.bloco-aula li{ margin-bottom:8px; }

.bloco-aula__rotulo{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
    margin-bottom:10px;
    color:var(--petroleo);
}
.bloco-aula__nota{ font-size:.92rem; color:#586174; font-style:italic; }

/* 1. a situação: a história, em fundo azul claro */
.bloco-aula--situacao{
    background:#e8f4fc;
    border:1px solid #b9dcf3;
    border-radius:14px;
    padding:20px 22px;
    color:#1d4f73;
}
.bloco-aula--situacao .bloco-aula__rotulo{ color:var(--azul); }

/* 2. o porquê: texto corrido, sem moldura */
.bloco-aula--porque{ padding:0 2px; }

/* 3. faça no DTE / experimente: card branco com borda ciano */
.bloco-aula--pratica{
    background:#fff;
    border:1px solid #e7eef5;
    border-top:4px solid var(--ciano);
    border-radius:14px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
    padding:20px 22px;
}
.bloco-aula--pratica .bloco-aula__rotulo{ color:var(--ciano); }
.bloco-aula__acoes{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.btn-aula{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:9px;
    font-size:.92rem;
    font-weight:600;
    text-decoration:none;
    border:1px solid #e7eef5;
    background:#fff;
    color:var(--petroleo);
    cursor:pointer;
    font-family:inherit;
}
.btn-aula:hover{ filter:brightness(.97); text-decoration:none; }
.btn-aula--primario{ background:var(--petroleo); border-color:var(--petroleo); color:#fff; }
.btn-aula--primario:hover{ color:#fff; }
.btn-aula--feito{ background:#e1f5ee; border-color:#9fe1cb; color:var(--verde); cursor:default; }
.btn-aula--ouro{ background:var(--ouro); border-color:var(--ouro); color:#3a2b00; font-size:1.02rem; padding:13px 26px; }
.btn-aula--ouro:hover{ color:#3a2b00; }
.form-tarefa{ display:inline; margin:0; }

/* 4. o que você deve estar vendo: a descoberta, em fundo dourado claro */
.bloco-aula--descoberta{
    background:#fff8e1;
    border:1px solid #ffe082;
    border-radius:14px;
    padding:20px 22px;
    color:#5c4500;
}
.bloco-aula--descoberta .bloco-aula__rotulo{ color:#7a5c00; }
.bloco-aula--descoberta .bloco-aula__nota{ color:#7a5c00; }

/* números do próprio aluno (aula logada) e resultado do simulador (aula aberta) */
.numeros-aula{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
    gap:12px;
    margin:16px 0 4px;
}
.numeros-aula__item{
    background:#f7f7f9;
    border-radius:10px;
    padding:12px 14px;
}
.numeros-aula__item span{ display:block; font-size:.8rem; color:#586174; line-height:1.4; }
.numeros-aula__item strong{ display:block; font-size:1.25rem; color:var(--ink); margin-top:2px; }
.numeros-aula__item--destaque{ background:#fff8e1; border:1px solid #ffe082; }
.numeros-aula__item strong.negativo{ color:var(--vermelho); }

/* simulador da aula aberta */
.simulador-saldo{ display:grid; gap:14px; margin-top:6px; }
.simulador-saldo label{ display:block; font-size:.95rem; font-weight:600; color:var(--ink); margin-bottom:6px; }
.simulador-saldo input{
    width:100%;
    max-width:260px;
    padding:10px 12px;
    border:1px solid #cbd5e1;
    border-radius:9px;
    font-size:1.05rem;
    font-family:inherit;
}
.simulador-saldo input:focus{ outline:2px solid var(--ciano); outline-offset:1px; }
.simulador-saldo__frase{ font-size:1rem; margin:12px 0 0; color:#374151; }
.simulador-saldo__frase.negativo{ color:var(--vermelho); }

/* lista de aulas no painel do curso: aula feita ganha o check verde */
.item-aula.feita .item-aula-numero{ background:#e1f5ee; color:var(--verde); }
.item-aula__estado{ font-size:.8rem; color:var(--verde); font-weight:600; white-space:nowrap; }

/* convite final da aula aberta */
.convite-aula{
    background:var(--petroleo);
    color:#fff;
    border-radius:14px;
    padding:24px 24px;
    margin:10px 0 26px;
}
.convite-aula h2{ color:#fff; font-size:1.3rem; margin:0 0 10px; }
.convite-aula p{ margin:0 0 16px; font-size:1.02rem; line-height:1.65; color:#e6efee; }

@media (max-width:600px){
    .bloco-aula{ font-size:1.02rem; }
    .bloco-aula--situacao,
    .bloco-aula--pratica,
    .bloco-aula--descoberta{ padding:16px 16px; }
    .bloco-aula__acoes .btn-aula{ flex:1 1 100%; justify-content:center; }
}