Biblioteca Cristã

Biblioteca Cristã — Devocional Hoje

/* ================= DEVOCIONAL HOJE — scoped to .dh-wrap to avoid bleeding into the News theme ================= */
.dh-wrap, .dh-wrap *, .dh-wrap *::before, .dh-wrap *::after { box-sizing: border-box; }
.dh-wrap {
–ink-900: #16213e;
–ink-700: #2b3a67;
–ink-600: #3c4d80;
–gold-500: #e8a33d;
–gold-300: #f4c77b;
–gold-100: #fbe7c4;
–rose-400: #d9785f;
–paper-50: #fbf7ef;
–paper-100: #f3ecdd;
–white-400:#FFFFFF
–line: rgba(22,33,62,0.12);
–font-display: “Fraunces”, Georgia, serif;
–font-body: “Work Sans”, -apple-system, sans-serif;
–font-mono: “JetBrains Mono”, monospace;
margin: 0;
padding: 0;
background: var(–paper-50);
color: var(–ink-900);
font-family: var(–font-body);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
.dh-wrap a { color: inherit; text-decoration: none; }
.dh-wrap img { max-width: 100%; display: block; }
.dh-wrap button { font-family: inherit; cursor: pointer; }
.dh-wrap :focus-visible { outline: 3px solid var(–gold-500); outline-offset: 2px; }
.dh-container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
/* ———- HEADER ———- */
.dh-header { background: var(–ink-900); color: var(–paper-50); position: sticky; top: 0; z-index: 50; }
.dh-header-row { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; gap: 24px; }
.dh-logo { font-family: var(–font-display); font-size: 24px; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; display: flex; align-items: baseline; gap: 6px; }
.dh-logo span { color: var(–gold-300); font-style: italic; font-weight: 500; }
.dh-nav { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; }
.dh-nav a { font-size: 14.5px; font-weight: 500; padding: 9px 14px; border-radius: 999px; transition: background 0.2s ease, color 0.2s ease; white-space: nowrap; }
.dh-nav a:hover { background: rgba(232,163,61,0.16); color: var(–gold-300); }
.dh-nav a.dh-current { background: var(–gold-500); color: var(–ink-900); }
/* ———- DROPDOWN: Livros ———- */
.dh-nav-item { position: relative; }
.dh-nav-item-btn {
display: inline-flex; align-items: center; gap: 5px;
background: transparent; border: none; color: inherit; font-family: inherit;
font-size: 14.5px; font-weight: 500; padding: 9px 14px; border-radius: 999px;
transition: background 0.2s ease, color 0.2s ease; white-space: nowrap;
}
.dh-nav-item-btn:hover { background: rgba(232,163,61,0.16); color: var(–gold-300); }
.dh-nav-item-btn.dh-current { background: var(–gold-500); color: var(–ink-900); }
.dh-caret { font-size: 10px; transition: transform 0.2s ease; }
.dh-nav-item.dh-drop-open .dh-caret { transform: rotate(180deg); }
.dh-dropdown {
display: none; position: absolute; top: calc(100% + 8px); left: 0; min-width: 190px;
background: #fff; border: 1px solid var(–line); border-radius: 12px;
box-shadow: 0 16px 36px -14px rgba(22,33,62,0.35); padding: 6px; z-index: 60;
}
.dh-nav-item.dh-drop-open .dh-dropdown { display: block; }
.dh-dropdown a { display: block; padding: 9px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(–ink-900); }
.dh-dropdown a:hover { background: var(–paper-100); color: var(–ink-700); }
.dh-dropdown a.dh-current { background: var(–gold-100); color: var(–ink-900); }
@media (min-width: 881px) {
.dh-nav-item:hover .dh-dropdown { display: block; }
.dh-nav-item:hover .dh-caret { transform: rotate(180deg); }
}
.dh-menu-toggle { display: none; background: transparent; border: 1px solid rgba(251,247,239,0.3); color: var(–paper-50); border-radius: 8px; padding: 8px 12px; font-size: 14px; }
/* ———- DAWN DIVIDER ———- */
.dh-dawn { height: 6px; background: linear-gradient(90deg, var(–ink-700) 0%, var(–rose-400) 35%, var(–gold-500) 60%, var(–gold-300) 100%); }
/* ———- SUBBAR ———- */
.dh-subbar { background: var(–ink-700); color: var(–paper-50); border-bottom: 1px solid rgba(251,247,239,0.12); }
.dh-subbar-row { display: flex; align-items: center; gap: 28px; padding: 12px 0; }
.dh-clock { font-family: var(–font-mono); font-size: 13px; color: var(–gold-300); white-space: nowrap; border-right: 1px solid rgba(251,247,239,0.18); padding-right: 24px; text-transform: capitalize; }
.dh-clock strong { color: var(–paper-50); font-weight: 500; }
.dh-ticker-wrap { flex: 1; display: flex; align-items: center; gap: 14px; overflow: hidden; min-width: 0; }
.dh-ticker-label { font-family: var(–font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; background: var(–gold-500); color: var(–ink-900); padding: 4px 9px; border-radius: 4px; flex-shrink: 0; }
.dh-ticker-view { flex: 1; overflow: hidden; min-width: 0; position: relative; height: 20px; }
.dh-ticker-track { position: absolute; inset: 0; display: flex; flex-direction: column; transition: transform 0.6s cubic-bezier(0.65,0,0.35,1); }
.dh-ticker-item { height: 20px; display: flex; align-items: center; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dh-ticker-nav { display: flex; gap: 6px; flex-shrink: 0; }
.dh-ticker-nav button { width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(251,247,239,0.3); background: transparent; color: var(–paper-50); font-size: 13px; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; }
.dh-ticker-nav button:hover { background: rgba(232,163,61,0.25); }
/* ———- SECTIONS ———- */
.dh-section { padding: 64px 0; }
.dh-section.dh-alt { background: var(–paper-100); }
.dh-section-head { margin-bottom: 36px; max-width: 640px; }
.dh-eyebrow { font-family: var(–font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(–rose-400); display: block; margin-bottom: 10px; }
.dh-section-title { font-family: var(–font-display); font-size: clamp(28px, 3.4vw, 38px); font-weight: 600; margin: 0 0 10px; color: var(–ink-900); }
.dh-section-sub { color: var(–ink-700); font-size: 15.5px; margin: 0; }
.dh-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
/* ———- CARD ———- */
.dh-card { background: #fff; border: 1px solid var(–line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.dh-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px -16px rgba(22,33,62,0.25); }
.dh-card-media { aspect-ratio: 4/3; background: linear-gradient(135deg, var(–paper-100), var(–gold-100)); display: flex; align-items: center; justify-content: center; color: var(–ink-700); font-family: var(–font-mono); font-size: 11.5px; text-align: center; padding: 12px; border-bottom: 1px solid var(–line); position: relative; overflow: hidden; }
.dh-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dh-card-media span { position: relative; z-index: 1; opacity: 0.75; }
.dh-card-media.dh-cover { aspect-ratio: 3/4; }
.dh-card-body { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.dh-card-tag { font-family: var(–font-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(–gold-500); }
.dh-card-title { font-family: var(–font-display); font-size: 18px; font-weight: 600; margin: 0; line-height: 1.25; }
.dh-card-desc { font-size: 13.5px; color: var(–ink-700); margin: 0; flex: 1; }
.dh-btn { margin-top: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; border-radius: 9px; font-size: 13.5px; font-weight: 600; border: none; transition: background 0.2s ease, color 0.2s ease; }
.dh-btn-primary { background: var(–ink-900); color: var(–paper-50); }
.dh-btn-primary:hover { background: var(–ink-700); }
.dh-btn-gold { background: var(–gold-500); color: var(–ink-900); }
.dh-btn-gold:hover { background: var(–gold-300); }
.dh-btn-rose { background: var(–rose-400); color: #fff; }
.dh-btn-rose:hover { background: #c4664d; }
.dh-btn-outline { background: transparent; color: var(–ink-900); border: 1.5px solid var(–ink-900); }
.dh-btn-outline:hover { background: var(–ink-900); color: #fff; }
.dh-btn-lg { padding: 14px 28px; font-size: 15px; }
/* ———- BREADCRUMB ———- */
.dh-breadcrumb { font-family: var(–font-mono); font-size: 12.5px; color: var(–paper-100); opacity: 0.8; margin-bottom: 18px; }
.dh-breadcrumb a:hover { color: var(–gold-300); opacity: 1; }
/* ———- BOOK HERO ———- */
.dh-book-hero { background: linear-gradient(160deg, var(–ink-900) 0%, var(–ink-700) 60%, var(–rose-400) 140%); color: var(–paper-50); padding: 56px 0 64px; }
.dh-book-hero-grid { display: grid; grid-template-columns: 280px 1fr; gap: 44px; align-items: center; }
.dh-book-cover { aspect-ratio: 3/4; border-radius: 14px; background: linear-gradient(135deg, rgba(251,247,239,0.14), rgba(232,163,61,0.22)); border: 1px solid rgba(251,247,239,0.25); display: flex; align-items: center; justify-content: center; font-family: var(–font-mono); font-size: 12px; text-align: center; padding: 16px; color: var(–paper-100); position: relative; overflow: hidden; box-shadow: 0 24px 50px -20px rgba(0,0,0,0.4); }
.dh-book-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dh-book-cover span { position: relative; z-index: 1; opacity: 0.85; }
.dh-book-tag { font-family: var(–font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(–gold-300); display: block; margin-bottom: 12px; }
.dh-book-title { font-family: var(–font-display); font-size: clamp(28px, 3.8vw, 40px); font-weight: 600; margin: 0 0 14px; line-height: 1.15; }
.dh-book-short { font-size: 16px; color: var(–paper-100); opacity: 0.92; margin: 0 0 22px; max-width: 520px; }
.dh-book-price { font-family: var(–font-display); font-size: 26px; font-weight: 600; color: var(–gold-300); margin: 0 0 18px; }
.dh-book-actions { display: flex; gap: 14px; flex-wrap: wrap; }
/* ———- SOBRE O LIVRO ———- */
.dh-about-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: start; }
.dh-about-text { font-size: 15.5px; color: var(–ink-700); line-height: 1.7; }
.dh-highlight-box { background: #fff; border: 1px solid var(–line); border-radius: 14px; padding: 24px; }
.dh-highlight-box h3 { font-family: var(–font-display); font-size: 17px; margin: 0 0 14px; }
.dh-highlight-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.dh-highlight-list li { display: flex; gap: 10px; font-size: 13.5px; color: var(–ink-700); line-height: 1.4; }
.dh-highlight-list li::before { content: “✓”; color: var(–gold-500); font-weight: 700; flex-shrink: 0; }
/* ———- RESPONSIVE ———- */
@media (max-width: 1000px) {
.dh-grid { grid-template-columns: repeat(2, 1fr); }
.dh-about-grid { grid-template-columns: 1fr; }
}
@media (max-width: 880px) {
.dh-nav { display: none; }
.dh-menu-toggle { display: inline-flex; }
.dh-nav.dh-open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: var(–ink-900); padding: 10px 24px 18px; gap: 2px; }
.dh-clock { border-right: none; padding-right: 0; }
.dh-subbar-row { flex-wrap: wrap; row-gap: 8px; }
.dh-ticker-wrap { width: 100%; order: 3; }
.dh-nav-item-btn { width: 100%; justify-content: space-between; }
.dh-dropdown { display: none; position: static; box-shadow: none; border: none; background: rgba(251,247,239,0.05); margin: 2px 0 4px 10px; padding: 2px; }
.dh-nav-item.dh-drop-open .dh-dropdown { display: block; }
.dh-dropdown a { color: var(–paper-50); }
.dh-dropdown a:hover { background: rgba(232,163,61,0.16); color: var(–gold-300); }
.dh-book-hero-grid { grid-template-columns: 1fr; }
.dh-book-cover { max-width: 220px; margin: 0 auto; }
}
@media (max-width: 620px) {
.dh-grid { grid-template-columns: 1fr; }
.dh-section { padding: 48px 0; }
.dh-book-hero { text-align: center; }
.dh-book-actions { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
.dh-wrap * { transition: none !important; animation: none !important; }
}
/* ── BOTTOM NAV ── */
.bottom-nav-section {
background: linear-gradient(180deg, var(–ink-900) 0%, var(–ink-600) 100%);
padding: 3.5rem 2rem 4.5rem;
text-align: center;
position:relative;
}
.bottom-nav-section::before {
content:”; position:absolute; inset:0;
background:radial-gradient(ellipse 70% 50% at 50% 0%, rgba(2,159,178,.13) 0%, transparent 65%);
pointer-events:none;
}
.bottom-nav-section h3 {
font-family:’Cinzel’,serif; font-size:.75rem; letter-spacing:.18em;
color:var(–white-400); margin-bottom:2rem;
}
.bottom-page-nav {
display:flex; align-items:stretch; justify-content:center;
gap:1rem; flex-wrap:wrap; max-width:700px; margin:0 auto 2.5rem;
}
.pnav-card {
background:rgba(255,255,255,.04); border:1px solid rgba(2,159,178,.22);
border-radius:12px; padding:1.4rem 1.6rem; text-align:left;
text-decoration:none; flex:1; min-width:150px; max-width:180px;
transition: transform .25s, border-color .25s, background .25s;
position:relative; overflow:hidden;
}
.pnav-card:hover {
transform:translateY(-5px);
border-color:rgba(2,159,178,.45);
background:rgba(0,0,0,.07);
}
.pnav-card.current-page {
border-color:var(–ink-900);
background:rgba(0,0,0,.12);
}
.pnav-num {
font-family:’Cinzel’,serif; font-size: 2.2rem; font-weight:700;
color:rgba(2,159,178,.2); line-height:1; margin-bottom:.5rem;
}
.pnav-card.current-page .pnav-num { color:rgba(2,159,178,.45); }
.pnav-label {
font-family:’Cinzel’,serif; font-size: .80rem; letter-spacing:.12em;
color:rgba(255,255,255,.45); line-height:1.4;
}
.pnav-card.current-page .pnav-label { color:var(–ink-600); }
.pnav-arrow {
position:absolute; bottom:.8rem; right:.9rem;
font-family:’Cinzel’,serif; font-size:.75rem; color:rgba(2,159,178,.3);
}
.pnav-card.current-page .pnav-arrow { color:var(–ink-900); }
/* ———- FOOTER ———- */
.dh-footer { background: var(–ink-900); color: var(–paper-100); padding: 40px 0 28px; }
.dh-footer-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; border-top: 1px solid rgba(251,247,239,0.14); padding-top: 24px; }
.dh-footer-links { display: flex; gap: 22px; flex-wrap: wrap; }
.dh-footer-links a { font-size: 14px; opacity: 0.9; }
.dh-footer-links a:hover { color: var(–gold-300); opacity: 1; }
.dh-footer-handle { font-family: var(–font-mono); font-size: 13px; color: var(–gold-300); }
.dh-footer-top { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; margin-bottom: 8px; }
.dh-footer-blurb { max-width: 420px; font-size: 13.5px; color: var(–paper-100); opacity: 0.8; }

DevocionalHoje

carregando data…

Home / Biblioteca Cristã / Fé & Oração
Capa do e-book: Fé em Movimento

E-book · PDF · 21 capítulos

Fé em Movimento

Este livro te mostra que a verdadeira fé não espera as circunstâncias mudarem — ela se move em direção à mudança. Não se contente com uma fé que apenas acredita. Descubra uma fé que age, que transforma e que te leva a lugares que você nunca imaginou. Porque a fé em movimento é a única que pode mover montanhas.

R$ 24,90

Sobre o livro

Fé em Movimento

Fé em Movimento é uma coletânea de 21 reflexões curtas pensadas para quem busca uma fé prática, aplicável à rotina — no trabalho, na família e nas decisões do dia a dia. Cada capítulo traz uma leitura bíblica, um comentário direto e uma pergunta para reflexão pessoal.

O que você encontra

21 capítulos curtos, ideais para leitura diária
Perguntas de reflexão ao final de cada capítulo
Formato PDF, leitura em qualquer dispositivo

Continue lendo

Outros livros

Confira também estes títulos da nossa biblioteca de e-books.

E-book · PDF · 15 capítulos

Raízes

Este livro não promete uma vida sem ventos, mas promete raízes tão profundas que nenhuma tempestade poderá te arrancar. É hora de parar de se preocupar com os frutos e começar a cuidar do solo. Porque a sua força não está no que você mostra — está no que você cultiva em silêncio.

Elementor #39124

Doação R$ 1,00