/*html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}*/

.login-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.modal-custom .modal-dialog {
    max-width: 900px; /* Defina o valor de largura desejado, por exemplo, 800px */
    width: 90%; /* Isso fará com que o modal ocupe 90% da largura máxima definida */
}


.campo-opcional:valid,
.campo-opcional.is-valid,
.campo-opcional:invalid,
.campo-opcional.is-invalid {
    border-color: #ced4da; /* Cor original do Bootstrap para bordas de input */
    padding-right: calc(1.5em + 0.75rem); /* Espaço original para ícones de validação */
    background-image: none; /* Remove o ícone de validação */
}

.btn-success {
    background-color: #009640 !important;
    border-color: #009640 !important;
    color: white !important; /* Garantir que o texto tenha contraste suficiente */
}

.carousel-control-prev, .carousel-control-next {
    width: 5%; /* Ajuste a largura conforme necessário */
    height: 100%; /* Garante que o botão cubra toda a altura do carrossel */
    top: 0;
    bottom: 0;
    opacity: 0.5; /* Ajuste a opacidade conforme necessário */
    background: rgba(0, 0, 0, 0.1); /* Adiciona um fundo leve para melhorar a visibilidade */
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 100%;
    height: 100%;
}

.carousel-item {
    text-align: center; /* Centraliza a imagem */
}

.carousel-img {
    max-height: 500px; /* Limite a altura da imagem para evitar o crescimento excessivo */
    max-width: 100%; /* Limite a largura da imagem para evitar o crescimento excessivo */
    object-fit: cover; /* Garante que a imagem cubra o contêiner */
    margin: auto;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Fundo preto com 50% de transparência */
    padding: 10px; /* Espaçamento interno para o texto */
    border-radius: 5px; /* Canto arredondado */
}