:root {
    --cor-primaria: #0A4F70; /* Azul Escuro */
    --cor-secundaria: #F2E8C6; /* Bege Claro */
    --cor-destaque: #FFC107; /* Dourado */
    --cor-texto: #333333; /* Cinza Escuro */
    --cor-branco: #FFFFFF; /* Branco */
}

body {
    background-color: #9ccffc;
    color: var(--cor-texto);
}

.bg-primary {
    background-color: var(--cor-primaria) !important;
}

.btn-primary {
    background-color: var(--cor-destaque) !important;
    border-color: var(--cor-destaque) !important;
    color: black;
}

.btn-primary:hover {
    opacity: 0.9;
}

.text-primary {
    color: var(--cor-primaria) !important;
}

.text-destaque {
    color: var(--cor-destaque) !important;
}

/* Estilos para Background com Sobreposição */
.bg-image-wrapper {
    position: relative;
    background-size: cover;
    background-position: center center;
    color: var(--cor-branco); /* Cor do texto padrão para branco */
    padding: 20px 20px;
    border-radius: .3rem; /* Borda arredondada como nos cards */
}

.bg-image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Sobreposição escura */
    border-radius: .3rem;
}

/* Garante que o conteúdo fique acima da sobreposição */
.bg-image-wrapper > * {
    position: relative;
    z-index: 2;
}

.card-title-bg {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}

/* Estilo para o Carrossel */
.carousel-item img {
  height: 250px; /* Altura fixa de 250px */
  object-fit: cover; /* Cobre a área sem distorcer a imagem (pode cortar) */
  object-position: center; /* Centraliza a imagem */
}

/* Estilos para a área de administração */
.card-text.display-4 {
    font-size: 3.5rem;
    font-weight: bold;
}