
/* ============================================================
   PV - BANNER IGREJA: SEM CORTE + FUNDO BLUR ADAPTATIVO
   Funciona com qualquer proporção de imagem
   ============================================================ */

/* Container do banner */
.pv-igreja-banner,
.igreja-banner,
.single-pv_igreja .igreja-hero-banner,
.single-pv_igreja .pv-banner-header,
.pv-igreja-single .banner-topo,
.pv-banner-igreja,
.single-pv_igreja .post-thumbnail,
.single-pv_igreja figure.wp-block-image:first-of-type {
    position: relative !important;
    max-width: 1280px !important;
    width: calc(100% - 40px) !important;
    margin: 25px auto !important;
    aspect-ratio: 16 / 6 !important;
    height: auto !important;
    max-height: 480px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.18) !important;
    background: #1a1204 !important;
    isolation: isolate !important;
}

/* Camada de fundo blur (pseudo-elemento) */
.pv-igreja-banner::before,
.igreja-banner::before,
.single-pv_igreja .igreja-hero-banner::before,
.single-pv_igreja .pv-banner-header::before,
.pv-igreja-single .banner-topo::before,
.pv-banner-igreja::before,
.single-pv_igreja .post-thumbnail::before,
.single-pv_igreja figure.wp-block-image:first-of-type::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: var(--pv-banner-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
    filter: blur(35px) brightness(0.6) saturate(1.3) !important;
    transform: scale(1.2) !important;
    z-index: 1 !important;
}

/* Overlay escuro suave sobre o blur */
.pv-igreja-banner::after,
.igreja-banner::after,
.single-pv_igreja .igreja-hero-banner::after,
.single-pv_igreja .pv-banner-header::after,
.pv-igreja-single .banner-topo::after,
.pv-banner-igreja::after,
.single-pv_igreja .post-thumbnail::after,
.single-pv_igreja figure.wp-block-image:first-of-type::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* IMAGEM PRINCIPAL — contain (sem cortar) */
.pv-igreja-banner img,
.igreja-banner img,
.single-pv_igreja .igreja-hero-banner img,
.single-pv_igreja .pv-banner-header img,
.pv-igreja-single .banner-topo img,
.pv-banner-igreja img,
.single-pv_igreja .post-thumbnail img,
.single-pv_igreja figure.wp-block-image:first-of-type img,
.single-pv_igreja img.wp-post-image {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    z-index: 3 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.4) !important;
}

/* Conteúdo sobre o banner (badges, título do evento, etc) */
.pv-igreja-banner > *:not(img),
.igreja-banner > *:not(img),
.single-pv_igreja .igreja-hero-banner > *:not(img) {
    position: relative !important;
    z-index: 4 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .pv-igreja-banner,
    .igreja-banner,
    .single-pv_igreja .igreja-hero-banner,
    .single-pv_igreja .pv-banner-header,
    .pv-igreja-single .banner-topo,
    .pv-banner-igreja,
    .single-pv_igreja .post-thumbnail,
    .single-pv_igreja figure.wp-block-image:first-of-type {
        width: calc(100% - 20px) !important;
        margin: 15px auto !important;
        border-radius: 14px !important;
        aspect-ratio: 16 / 7 !important;
    }
}

@media (max-width: 480px) {
    .pv-igreja-banner,
    .igreja-banner,
    .single-pv_igreja .igreja-hero-banner,
    .single-pv_igreja .pv-banner-header {
        aspect-ratio: 4 / 3 !important;
    }
}
