/*!
 * Arquivo de customização
 * Copyright 2023
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin-2/blob/master/LICENSE)
 */

/*CORES DO FRONT-END*/
.btn-ideal {
    color: #fff;
    background-color: #410a00d7;
    border-color: #00030a
}

.btn-ideal:hover {
    color: #fff;
    background-color: #010308;
    border-color: #f5f5f5
}

/*MODAL PARA VIZUALIZAR VÍDEO*/
@media (min-width:576px) {
    .modal-dialog-video {
        max-width: 10000px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable-video {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable-video .modal-content-video {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered-video {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered-video::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm-video {
        max-width: 300px
    }
}

/*Imagem da página de login*/
.bg-login-image-ideal {
    background-position: center;
    background-size: cover;
    background-color: #0a0a0a;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Garante que a largura não ultrapasse a largura do contêiner pai */
    max-height: 100%;
    /* Garante que a altura não ultrapasse a altura do contêiner pai */

}

/*Imagem da página de login 256 x 256*/
.bg-login-image-ideal-login {
    background: url(http://localhost/treinamento/img/GTI.png);
    */ background-position: center;
    background-size: cover;
    background-color: #0a0a0a;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Garante que a largura não ultrapasse a largura do contêiner pai */
    max-height: 100%;
    /* Garante que a altura não ultrapasse a altura do contêiner pai */

}

.card-categoria {
    transition: all 0.3s ease;
}

.card-categoria:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.badge-perguntas {
    font-size: 0.9em;
}

.form-section {
    margin-bottom: 2rem;
}

.section-title {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.opcao-correta {
    background-color: rgba(25, 135, 84, 0.1);
    border-left: 4px solid #198754;
}

.bg-gradient-primary {
    background-color: #0c0c0c;
    background-image: linear-gradient(180deg, #0c0c0 10%, #020202 100%);
    background-size: cover
}

.bg-gradient-secondary {
    background-color: #858796;
    background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
    background-size: cover
}

.bg-gradient-success {
    background-color: #1cc88a;
    background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
    background-size: cover
}

.bg-gradient-info {
    background-color: #36b9cc;
    background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
    background-size: cover
}

.bg-gradient-warning {
    background-color: #f6c23e;
    background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
    background-size: cover
}

.bg-gradient-danger {
    background-color: #e74a3b;
    background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
    background-size: cover
}

.bg-gradient-light {
    background-color: #f8f9fc;
    background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
    background-size: cover
}

.bg-gradient-dark {
    background-color: #5a5c69;
    background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
    background-size: cover
}

.pergunta {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.opcoes {
    margin-left: 20px;
}

.resposta-correta {
    background-color: #d4edda;
}

.resposta-incorreta {
    background-color: #f8d7da;
}

.card-header {
    font-weight: bold;
}

.resposta-correta-detalhes {
    background-color: rgba(25, 135, 84, 0.1);
    border-left: 4px solid #198754;
}

.resposta-incorreta-detalhes {
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 4px solid #dc3545;
}

.info-box {
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.bg-light-blue {
    background-color: #e7f5ff;
}

/* Padrão das imagens no mesmo tamanho */
.card-img-fixed {
    width: 100%;
    height: 250px;
    object-fit: contain;
    object-position: center;
    background-color: #0f0e0e; /* ou outra cor, se quiser preencher o espaço vazio */
    border-top-left-radius: calc(0.25rem - 1px); /* para seguir o Bootstrap */
    border-top-right-radius: calc(0.25rem - 1px);
    display: block;
}