/* ======================================
   CSS Personalizado para IPISM
   ====================================== */

/* Ajuste do overlay do banner para melhorar nitidez das imagens */
.hero-area .hero-inner.overlay::before {
    opacity: 0.3 !important; /* Reduzido de 0.9 para 0.3 - muito mais claro */
    background: rgba(8, 24, 40, 0.3) !important; /* Overlay mais sutil */
}

/* Melhorar contraste do texto no banner com overlay mais claro */
.hero-area .hero-text h1,
.hero-area .hero-text h5,
.hero-area .hero-text p {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); /* Sombra mais forte no texto */
    color: #ffffff !important;
}

/* Garantir que os botões sejam visíveis */
.hero-area .hero-text .button .btn {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

/* Melhorar qualidade da imagem de fundo */
.hero-area .hero-inner {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Alternativa: Remover completamente o overlay (descomente se preferir) */
/*
.hero-area .hero-inner.overlay::before {
    display: none !important;
}
*/

/* Ajuste do overlay do breadcrumbs para melhorar nitidez */
.breadcrumbs.overlay::before {
    opacity: 0.3 !important; /* Reduzido de 0.9 para 0.3 */
    background-color: rgba(8, 24, 40, 0.3) !important;
}

/* Imagem de fundo personalizada para página Sobre */
body.pagina-sobre .breadcrumbs {
    background-image: url("../images/about/sopbre1.jpeg") !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Ajuste do overlay da seção de conquistas/estatísticas */
.our-achievement.overlay::before {
    opacity: 0.5 !important; /* Reduzido de 0.92 para 0.5 */
    background-color: rgba(14, 220, 141, 0.5) !important;
}

/* Imagem de fundo personalizada para seção de conquistas na página Sobre */
body.pagina-sobre .our-achievement {
    background-image: url("../images/about/sopbre1.jpeg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

/* Imagem de fundo personalizada para seção de conquistas na página Início */
body:not(.pagina-sobre) .our-achievement {
    background-image: url("../images/about/sopbre1.jpeg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

/* Imagem de fundo personalizada para página Eventos */
body.pagina-eventos .breadcrumbs {
    background-image: url("../images/eventos/eventos.jpeg") !important;
    background-size: cover !important;
    background-position: center center !important;
}