/* =========================================================
   PROJETOS MISSIONÁRIOS (Pastorais e Movimentos)
   Layout fiel ao .card-projeto.destaque da home, 2 por linha
   ========================================================= */

/* Barra de filtros por categoria */
.projetos-filtros{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0;}
.projetos-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;}
.projetos-filtros a:hover{color:var(--sj-azul);background:#eef5fb;}
.projetos-filtros a.ativo{color:#fff;background:var(--sj-azul);}

/* Grid 2 por linha (50%) */
.grid-projetos-pagina{display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none;margin:0 0 60px;padding:0;}

/* Cada card no estilo .card-projeto.destaque da home */
.card-projeto-pagina{position:relative;border-radius:12px;overflow:hidden;background:var(--sj-azul-escuro);min-height:340px;box-shadow:0 18px 36px rgba(0,62,110,.14);transition:transform .35s ease, box-shadow .35s ease;}
.card-projeto-pagina:hover{transform:translateY(-4px);box-shadow:0 26px 52px rgba(0,62,110,.22);}
.card-projeto-pagina a{display:block;height:100%;color:#fff;text-decoration:none;}
.card-projeto-pagina .card-foto{position:absolute;inset:0;}
.card-projeto-pagina .card-foto img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease;}
.card-projeto-pagina:hover .card-foto img{transform:scale(1.05);}
.card-projeto-pagina:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,114,188,.18) 0%, rgba(0,114,188,.65) 55%, rgba(0,73,124,.92) 100%);pointer-events:none;}

.card-projeto-pagina .card-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px 30px;color:#fff;}
.card-projeto-pagina .card-tag{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:30px;backdrop-filter:blur(4px);margin-bottom:12px;}
.card-projeto-pagina h3{font-size:22px;line-height:1.2;font-weight:900;margin:0 0 10px;color:#fff;letter-spacing:-.015em;}
.card-projeto-pagina p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.92);margin:0 0 14px;max-width:520px;}
.card-projeto-pagina .card-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding-top:4px;}
.card-projeto-pagina .card-link i{font-size:11px;transition:transform .25s ease;}
.card-projeto-pagina:hover .card-link i{transform:translateX(4px);}

/* Estado vazio (categoria sem projetos) */
.projetos-vazio{text-align:center;padding:80px 20px;color:var(--sj-cinza-texto);}
.projetos-vazio i{font-size:54px;color:var(--sj-azul-claro);margin-bottom:18px;display:block;}
.projetos-vazio p{font-size:15px;line-height:1.55;margin:0 0 22px;}
.projetos-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;}
.projetos-vazio .botao-padrao:hover{background:var(--sj-azul-escuro);color:#fff;}

@media screen and (max-width:760px){
    .grid-projetos-pagina{grid-template-columns:1fr;gap:18px;margin-bottom:40px;}
    .card-projeto-pagina{min-height:280px;}
    .card-projeto-pagina h3{font-size:18px;}
    .card-projeto-pagina .card-overlay{padding:22px 22px;}
}