/*********************************************************************/
/* GERAL */
/*********************************************************************/
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

p {
    margin: 0;
}

li[data-list=bullet] {
    list-style-type: disc;
    color: var(--grey);
}

.cursor-pointer {
    cursor: pointer;
}

.max-vh-80 {
    max-height: 80vh !important;
}

.min-vh-80 {
    min-height: 80vh;
}

.min-vh-50 {
    min-height: 50vh;
}

.truncate {
    display: -webkit-box;
    display: box; 
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

.truncate-two-lines {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.truncate-three-lines {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}


#megasac-button, #megasac-info {
    z-index: 99999 !important;
}

.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-5px);
}

.badge {
    font-size: 0.875rem;
    padding: 0.5em 0.75em;
}

.btn-outline-secondary {
    border: none;
    padding: 0.5em;
}

.candidatar-btn {
    background-color: var(--blue);
    color: var(--white);
}

.candidatar-btn:hover {
    background-color: #354ba3;
    color: var(--white);
}

.ver-mais-btn:hover {
    text-decoration: underline;
}

.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}



/*********************************************************************/
/* HOME */
/*********************************************************************/

.banner-container-trabalhe-conosco {
    background-image: url('/trabalhe-conosco/app/public/assets/img/trabalhe-conosco-dixi.webp');
    background-position: 50% 10%;
    background-size: cover;
    min-height: 350px;
}

.banner-second-container-trabalhe-conosco {
     background-image: url('/trabalhe-conosco/app/public/assets/img/trabalhe-conosco-mensagem.webp');
    background-position: 20% 10%;
    background-size: cover;
    min-height: 440px;   
}

@media only screen and (max-width: 992px)  {
    .banner-container-trabalhe-conosco {
        background-image: url('/trabalhe-conosco/app/public/assets/img/trabalhe-conosco-dixi-p.webp');
        background-position: 50% 10%;
        background-size: cover;
        min-height: 350px;
    }

    .banner-second-container-trabalhe-conosco {
        background-image: url('/trabalhe-conosco/app/public/assets/img/trabalhe-conosco-mensagem-p.webp');
        background-position: 20% 10%;
        background-size: cover;
        min-height: 440px;   
    }
}

.badge-info {
    border: 1px solid var(--light-grey);
    color: var(--grey-hover);
}

/*********************************************************************/
/* FORMULARIOS */
/*********************************************************************/
.anexar-curriculo {
  height: 100% !important;
}

textarea, .apresentacao {
    min-height: 100px !important;
    resize: none;
}

.invalid-field {
    border: 2px solid red !important;
}

/* Estilização para campos válidos */
.valid-field {
    border: 2px solid green !important;
}

/* Estilização da mensagem de erro */
.error-msg {
    color: red;
    font-size: 12px;
    display: block;
    padding-bottom: 6px !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
}

/* Estilização para campos válidos */
.valid-field {
    border: 2px solid green !important;
}

.loader-btn {
  border: 4px solid var(--white);
  border-top: 4px solid var(--blue);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}


/*********************************************************************/
/* VAGAS */
/*********************************************************************/



/*********************************************************************/
/* LOGIN */
/*********************************************************************/
.login-container {
    background-color: #fff; 
    color: #000; 
    padding: 20px; 
    box-shadow: 1px 1px 7px 2px #00bcd4; 
    max-width: 600px;
}

/*********************************************************************/
/* MODALS */
/*********************************************************************/
.compartilhar-icone {
  width: 40px;
  height: 40px;
}




/*********************************************************************/
/* PAINEL ADM */
/*********************************************************************/
.table th,
.table td {
    vertical-align: middle;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

#sidebar {
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #c4c4c4;
        transition: all 0.3s;
    }

    #sidebar.active {
        left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 10px;
        background: #6c757d;
    }

    #sidebar ul.components {
        padding: 20px 0;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        color: #272727;
        display: block;
        text-decoration: none;
    }

    #sidebar ul li a:hover,
    #sidebar ul li a.active {
        color: #ffffff;
        background: #007bff;
    }

    /* Estilo para o botão de sair */
    #sidebar .logout-btn {
        position: absolute;
        bottom: 20px;
        width: 100%;
        padding: 10px;
        background: #dc3545;
        color: white;
        text-align: center;
        cursor: pointer;
    }

    #sidebar .logout-btn:hover {
        background: #c82333;
    }

    #sidebar .pag-vagas-btn {
        position: absolute;
        bottom: 80px;
        width: 100%;
        padding: 10px;
        background: green;
        color: white;
        text-align: center;
        cursor: pointer;
    }

    #sidebar .pag-vagas-btn:hover {
        background: #186b23;;
    }

    /* Estilo para o conteúdo principal */
    #content {
        width: calc(100vw - 250px);
        height: 100vh;
        padding: 20px;
        margin-left: 250px;
        transition: all 0.3s;
    }

    #content.active {
        margin-left: 0;
        width: 100vw;
    }

tfoot {
    display: table-row-group;
}



/* EDITOR */
.editor-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto 0;
    display: flex;
    gap: 1rem;
    justify-content: start;
    align-items: start;
    padding: 0 1rem 1rem 1rem;
}

.ql-editor li[data-list=bullet] {
    list-style-type: none;
    color: var(--grey);
}

.editor {
    width: 100%;
}

.editor-container-descricao, .ql-editor {
    min-height: 200px;
}

.ql-editor {
  font-family: 'Inter' !important;
  font-size: 16px !important;
}