/* Aba Hoje (devocional) e folha do aviso das 6h. Usa as variáveis e classes do app.html / clube.css. */
.hoje-data{font-family:var(--titulo);font-weight:600;font-size:22px;color:var(--azul-esc);margin:2px 0 8px}
.seq{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--linha);border-radius:999px;padding:6px 14px 6px 10px;margin:0 0 14px;color:var(--tx3);font-size:14px}
.seq b{color:var(--tx2);font-weight:800}
.seq.on{background:var(--amarelo-cl);border-color:var(--amarelo);color:var(--vermelho)}
.seq.on b{color:var(--azul-esc)}
.dev{background:#fff;border-radius:22px;padding:20px 18px;box-shadow:var(--sombra);border:1px solid #F1E8D4;margin:0 0 8px}
#hoje{--f:1}
.dev-olho{display:inline-block;background:var(--amarelo);color:var(--azul-esc);font-weight:800;font-size:13px;padding:4px 11px;border-radius:999px;margin-bottom:10px}
.dev h1{font-size:calc(25px * var(--f));margin:0 0 8px}
.dev-leitura{display:flex;align-items:flex-start;gap:6px;font-weight:800;color:var(--azul);font-size:calc(16px * var(--f));margin:0 0 14px}
.dev-leitura svg{flex:none;margin-top:2px}
.dev-texto p,.dev-bloco p{font-size:calc(17px * var(--f));line-height:1.65;margin:0 0 12px}
.dev-bloco{border-radius:var(--raio);padding:14px 16px;margin:0 0 12px}
.dev-bloco p:last-child{margin-bottom:0}
.dev-bloco h2{font-size:calc(13px * var(--f));text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin:0 0 6px}
.dev-bloco.oracao{background:var(--azul-cl)}
.dev-bloco.oracao h2{color:var(--azul)}
.dev-bloco.oracao p{font-style:italic}
.dev-bloco.pergunta{background:var(--amarelo-cl);border:2px solid var(--amarelo)}
.dev-bloco.pergunta h2{color:var(--vermelho)}
.dev-bloco.pergunta p{font-weight:700;color:var(--azul-esc)}
.dev-bloco.pulpito{background:var(--azul)}
.dev-bloco.pulpito h2{color:var(--amarelo)}
.dev-bloco.pulpito p{color:#fff;font-weight:700}
.dev [data-concluir]{margin-top:6px}
.dev-feito{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin-top:6px;border-radius:var(--raio);background:var(--verde-cl);color:var(--verde-esc);font-weight:800;border:2px solid #BFE3C5;text-align:center;padding:10px 14px}
.dev-feito svg{flex:none}
.dev-vazio p{color:var(--tx2);margin:0}
.dev-camada{margin:16px auto 120px;max-width:680px}
.card.sem .num{font-size:13px;min-width:52px;background:var(--amarelo-cl);color:var(--azul-esc)}
.card.sem.travado .num{background:#EFEFF3;color:var(--tx3)}
.hoje-clube{background:var(--azul);color:#DCE4F7;border-radius:var(--raio);padding:16px;margin:12px 0 0}
.hoje-clube p{margin:0 0 12px;font-size:15px;line-height:1.45}
.hoje-clube b{color:#fff}
/* folha do aviso */
.aviso-folha{text-align:center}
.aviso-sino{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--amarelo-cl);color:var(--azul);margin:0 auto 4px}
.aviso-folha p{text-align:left}
.aviso-passos{text-align:left;margin:0 0 16px;padding-left:22px;color:var(--tx);font-size:15px;line-height:1.5}
.aviso-passos li{margin:0 0 6px}
.fundo.aviso-fundo{z-index:75}               /* acima do aviso "Devocional concluído" (z 70), que cobria o botão Sim */