/* =========================================================
   ORAÇÕES E REFLEXÕES — listagem + página individual
   ========================================================= */

/* Filtros por segmento */
.oracoes-filtros{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0;}
.oracoes-filtros a{color:#1a2d3c;background:transparent;border:0;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:700;font-family:var(--fonte-padrao);cursor:pointer;transition:all .25s ease;text-decoration:none;}
.oracoes-filtros a:hover{color:var(--sj-azul);background:#eef5fb;}
.oracoes-filtros a.ativo{color:#fff;background:var(--sj-azul);}

/* Grid de cards */
.grid-oracoes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0 0 60px;padding:0;}

.card-oracao{background:#fff;border:1px solid var(--sj-cinza-borda);border-radius:14px;overflow:hidden;transition:all .35s ease;}
.card-oracao:hover{transform:translateY(-4px);border-color:var(--sj-azul-suave);box-shadow:0 20px 40px rgba(0,73,124,.12);}
.card-oracao a{display:block;color:inherit;text-decoration:none;}

.card-oracao .card-foto{width:100%;aspect-ratio:16/10;background:var(--sj-azul-suave);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.card-oracao .card-foto img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;}
.card-oracao:hover .card-foto img{transform:scale(1.04);}
.card-oracao .card-foto-vazio{background:linear-gradient(135deg, var(--sj-azul) 0%, var(--sj-azul-escuro) 100%);color:rgba(255,255,255,.4);font-size:60px;}

.card-oracao .card-corpo{padding:22px 22px 20px;}
.card-oracao .card-tag{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--sj-azul);background:#eef5fb;padding:4px 10px;border-radius:30px;margin-bottom:10px;}
.card-oracao h3{font-size:17px;font-weight:800;color:var(--sj-titulo);line-height:1.3;margin:0 0 6px;letter-spacing:-.01em;}
.card-oracao .card-autor{display:block;font-size:11px;color:var(--sj-cinza-texto);font-style:italic;margin-bottom:10px;}
.card-oracao p{font-size:13.5px;line-height:1.55;color:var(--sj-cinza-texto);margin:0 0 14px;}
.card-oracao .card-link{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sj-azul);}
.card-oracao .card-link i{transition:transform .25s ease;}
.card-oracao:hover .card-link i{transform:translateX(4px);}

/* Estado vazio */
.oracoes-vazio{text-align:center;padding:80px 20px;color:var(--sj-cinza-texto);}
.oracoes-vazio i{font-size:54px;color:var(--sj-azul-claro);margin-bottom:18px;display:block;}
.oracoes-vazio p{font-size:15px;line-height:1.55;margin:0 0 22px;}
.oracoes-vazio .botao-padrao{display:inline-flex;align-items:center;padding:12px 26px;background:var(--sj-azul);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;}
.oracoes-vazio .botao-padrao:hover{background:var(--sj-azul-escuro);color:#fff;}

/* =========================================================
   PÁGINA INDIVIDUAL (oracao.php)
   ========================================================= */
.oracao-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--sj-cinza-texto);font-weight:600;padding:30px 0 18px;}
.oracao-breadcrumb a{color:var(--sj-azul);font-weight:700;}
.oracao-breadcrumb a:hover{color:var(--sj-azul-escuro);}
.oracao-breadcrumb span:not(.atual){color:#cfd6de;}
.oracao-breadcrumb .atual{color:var(--sj-titulo);font-weight:700;}

.oracao-conteudo{max-width:780px;margin:0 auto;padding:0 0 60px;}

.oracao-tag{display:inline-flex;align-items:center;padding:6px 14px;background:var(--sj-azul);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:30px;box-shadow:0 6px 16px rgba(29,138,216,.2);margin-bottom:14px;}

.oracao-conteudo h1{font-size:38px;font-weight:900;color:var(--sj-titulo);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px;}

.oracao-autor{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sj-cinza-texto);font-style:italic;margin-bottom:18px;}
.oracao-autor i{color:var(--sj-azul);font-size:13px;}

.oracao-introducao{font-size:17px;color:var(--sj-texto);font-weight:500;line-height:1.55;margin:0 0 22px;padding-left:18px;border-left:3px solid var(--sj-azul);font-style:italic;}

.oracao-foto{margin:22px 0 30px;border-radius:14px;overflow:hidden;box-shadow:0 18px 36px rgba(0,73,124,.12);}
.oracao-foto img{width:100%;height:auto;display:block;max-height:520px;object-fit:cover;}

.oracao-texto{font-size:16px;line-height:1.75;color:var(--sj-texto);margin:0 0 36px;}
.oracao-texto p{margin:0 0 1.1em;}
.oracao-texto strong{color:var(--sj-titulo);font-weight:700;}
.oracao-texto a{color:var(--sj-azul);text-decoration:underline;text-underline-offset:3px;}
.oracao-texto blockquote{margin:24px 0;padding:18px 24px;background:#eef5fb;border-left:4px solid var(--sj-azul);border-radius:0 10px 10px 0;font-style:italic;color:var(--sj-azul-escuro);}
.oracao-texto ul,.oracao-texto ol{margin:14px 0 18px;padding-left:22px;}
.oracao-texto ul li{list-style:disc;margin-bottom:6px;}
.oracao-texto ol li{list-style:decimal;margin-bottom:6px;}
.oracao-texto h2,.oracao-texto h3,.oracao-texto h4{color:var(--sj-titulo);font-weight:800;margin:28px 0 10px;letter-spacing:-.015em;}
.oracao-texto h2{font-size:22px;}
.oracao-texto h3{font-size:19px;}

.oracao-voltar{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:transparent;color:var(--sj-azul);border:2px solid var(--sj-azul);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;transition:all .25s ease;}
.oracao-voltar:hover{background:var(--sj-azul);color:#fff;}

@media (max-width:1100px){
    .grid-oracoes{grid-template-columns:repeat(2,1fr);gap:20px;}
}

@media (max-width:760px){
    .grid-oracoes{grid-template-columns:1fr;gap:18px;}
    .oracao-conteudo h1{font-size:26px;}
    .oracao-introducao{font-size:15px;padding-left:14px;}
    .oracao-texto{font-size:15px;line-height:1.7;}
}