/* ===== Páginas de conteúdo (salvacao.php, sobre.php, contribua.php) ===== */

.pagina-conteudo {
    max-width: 760px;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.pagina-conteudo h1 {
    font-size: clamp(1.6rem, 6vw, 2.5rem);
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.25rem;
}

.pagina-conteudo h2 {
    font-size: clamp(1.2rem, 4.5vw, 1.5rem);
    font-weight: 600;
    margin-top: 1.75rem;
    margin-bottom: .75rem;
}

.pagina-conteudo p,
.pagina-conteudo li {
    font-size: clamp(1rem, 3.8vw, 1.1rem);
    line-height: 1.7;
}

.pagina-conteudo .introducao {
    text-align: center;
    opacity: .85;
}

/* Versículos em destaque */
.versiculo-destaque {
    margin: 1rem 0;
    padding: .75rem 1rem;
    border-left: 4px solid rgba(0, 0, 0, .25);
    border-radius: 0 .35rem .35rem 0;
    background-color: rgba(0, 0, 0, .04);
}

.versiculo-destaque p {
    margin-bottom: .25rem;
    font-style: italic;
}

.versiculo-destaque cite {
    font-size: .9rem;
    font-style: normal;
    font-weight: 600;
    opacity: .75;
}

/* Bloco que ainda precisa de conteúdo */
.conteudo-pendente {
    padding: 1rem;
    border: 2px dashed rgba(0, 0, 0, .25);
    border-radius: .5rem;
    text-align: center;
    opacity: .8;
}

@media (max-width: 575px) {
    .pagina-conteudo {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ===== Páginas de leitura (ex.: Como Ser Salvo) ===== */

.pagina-leitura {
    padding-bottom: 6rem;              /* espaço para os botões A- / A+ */
}

.pagina-leitura .chapeu {
    margin-bottom: .25rem;
    text-align: center;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .65;
}

.texto-leitura {
    font-size: 1.1rem;                 /* ajustado pelos botões A- / A+ */
    line-height: 1.8;
}

/* Tudo dentro do texto acompanha o tamanho escolhido */
.texto-leitura p,
.texto-leitura li {
    font-size: 1em;
    line-height: inherit;
}

.texto-leitura p {
    margin-bottom: 1.1em;
}

.texto-leitura em {
    font-family: 'Lora', Georgia, 'Times New Roman', serif;   /* citações bíblicas */
}

.texto-leitura strong em,
.texto-leitura em strong {
    font-weight: 700;
}

/* Convite e oração */
.texto-leitura .convite-oracao {
    margin-bottom: .5em;
    font-weight: 600;
}

.texto-leitura .oracao {
    margin: 0 0 1.4em;
    padding: 1em 1.2em;
    border-left: 4px solid #c9a227;
    border-radius: 0 .5rem .5rem 0;
    background-color: rgba(201, 162, 39, .1);
}

.texto-leitura .oracao p {
    margin: 0;
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 1.05em;
    line-height: 1.75;
}

/* As três práticas diárias */
.texto-leitura .praticas {
    margin: -.4em 0 1.2em;
    padding-left: 1.3em;
}

.texto-leitura .praticas li {
    margin-bottom: .3em;
}

.texto-leitura .autor {
    margin-top: 2em;
    text-align: right;
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
    font-style: italic;
    opacity: .75;
}

@media (max-width: 575px) {
    .texto-leitura {
        font-size: 1.05rem;
        line-height: 1.75;
    }
}

/* Modo escuro */
#corpo_pagina.bg-secondary .texto-leitura .oracao {
    border-left-color: #e0c060;
    background-color: rgba(224, 192, 96, .1);
}

/* ===== Página de Contato ===== */
.contato-colunas {
    margin-top: 1.5rem;
}

.campo-armadilha {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.btn-enviar {
    min-width: 12rem;
}

.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.2rem;
    font-weight: 600;
    color: #fff;
    background-color: #25D366;
    border-color: #25D366;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
    color: #fff;
    background-color: #1ebe5b;
    border-color: #1ebe5b;
}

.icone-whatsapp {
    width: 1.5rem;
    height: 1.5rem;
}

@media (max-width: 575px) {
    .btn-enviar,
    .btn-whatsapp {
        width: 100%;
        justify-content: center;
    }
}

/* Modo escuro */
#corpo_pagina.bg-secondary .form-contato .form-control {
    background-color: var(--escuro-cartao);
    border-color: var(--escuro-borda);
    color: #f1f1f1;
}

#corpo_pagina.bg-secondary .form-contato .form-control:focus {
    background-color: var(--escuro-cartao);
    color: #fff;
}

/* ===== Página Contribua: oferta via Pix ===== */
.oferta-pix {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: .5rem;
    background-color: rgba(27, 118, 21, .05);
}

.oferta-qrcode {
    flex: 0 0 auto;
    width: 220px;
    height: 220px;
    border-radius: .35rem;
    background-color: #fff;
    padding: 8px;
    object-fit: contain;
}

.oferta-qrcode-vazio {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #6c757d;
    border: 2px dashed #adb5bd;
}

.oferta-pix-texto {
    flex: 1 1 auto;
    min-width: 0;
}

.oferta-chave {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.oferta-chave-rotulo {
    font-weight: 600;
}

.oferta-chave code {
    color: #1B7615;
    word-break: break-all;
    font-size: .95rem;
}

/* Destaque final: oferta voluntária + agradecimento */
.oferta-destaque {
    position: relative;
    margin: 2rem 0 1rem;
    padding: 2.25rem 1.75rem 1.5rem;
    text-align: center;
    border-top: 4px solid #1B7615;
    border-radius: .5rem;
    background-color: #f3f8f2;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}

.oferta-destaque-icone {
    position: absolute;
    top: -1.1rem;
    left: 50%;
    width: 2.2rem;
    height: 2.2rem;
    padding: .5rem;
    margin-left: -1.1rem;
    color: #fff;
    border-radius: 50%;
    background-color: #1B7615;
}

.oferta-destaque p {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}

.oferta-destaque-gratidao {
    margin-top: 1.25rem;
    margin-bottom: 0;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(27, 118, 21, .2);
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 1.1rem;
    line-height: 1.7;
}

@media (max-width: 575px) {
    .oferta-pix {
        flex-direction: column;
        text-align: center;
    }

    .oferta-chave {
        justify-content: center;
    }
}

/* Modo escuro */
#corpo_pagina.bg-secondary .oferta-pix {
    border-color: var(--escuro-borda);
    background-color: var(--escuro-cartao);
}

#corpo_pagina.bg-secondary .oferta-destaque {
    background-color: var(--escuro-cartao);
    border-top-color: #4caf50;
    box-shadow: none;
}

#corpo_pagina.bg-secondary .oferta-destaque-icone {
    background-color: #4caf50;
}

#corpo_pagina.bg-secondary .oferta-destaque-gratidao {
    border-top-color: var(--escuro-borda);
}

#corpo_pagina.bg-secondary .oferta-chave code {
    color: #8fd88a;
}

/* ===== Página Sobre: Novidades (changelog) ===== */
.changelog {
    margin-bottom: 2rem;
}

.changelog-mes {
    position: relative;
    padding: 0 0 1rem 1.25rem;
    border-left: 3px solid rgba(27, 118, 21, .3);
}

.changelog-mes::before {
    content: "";
    position: absolute;
    left: -8px;
    top: .35rem;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #1B7615;
}

.changelog-data {
    margin: 0 0 .5rem;
    font-size: 1.05rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1B7615;
}

.changelog-itens {
    list-style: none;
    margin: 0;
    padding: 0;
}

.changelog-itens li {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    padding: .3rem 0;
    line-height: 1.5;
}

.changelog-tipo {
    flex: 0 0 5.6rem;
    padding: .1rem 0;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1rem;
}

.tipo-novo     { color: #fff;    background-color: #1B7615; }
.tipo-melhoria { color: #fff;    background-color: #1f5fa8; }
.tipo-correcao { color: #5c3d00; background-color: #ffd970; }

@media (max-width: 575px) {
    .changelog-itens li {
        flex-direction: column;
        gap: .15rem;
        padding: .45rem 0;
    }

    .changelog-tipo {
        flex-basis: auto;
        padding: .1rem .6rem;
    }
}

#corpo_pagina.bg-secondary .changelog-mes {
    border-left-color: var(--escuro-borda);
}

#corpo_pagina.bg-secondary .changelog-mes::before {
    background-color: #8fd88a;
}

#corpo_pagina.bg-secondary .changelog-data {
    color: #8fd88a;
}

#corpo_pagina.bg-secondary .tipo-novo     { color: #1c1f22; background-color: #8fd88a; }
#corpo_pagina.bg-secondary .tipo-melhoria { color: #1c1f22; background-color: #8fb8ea; }