@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    color: #263238;
}

.bg-primary {background-color: #263238 !important;}
.bg-secondary {background-color: #F44336;}

.color-primary {color: #263238;}
.color-secondary {color: #F44336;}
.color-light {color: #fff;}

.color-secondary:hover {color: #d83a2f;}

.font-40 {font-size: 40px;}
.font-32 {font-size: 32px;}
.font-22 {font-size: 22px;}
.font-20 {font-size: 20px;}
.font-16 {font-size: 16px;}
.font-15 {font-size: 15px;}
.font-14 {font-size: 14px;}
.font-12 {font-size: 12px;}

.fw-medium {font-weight: 500;}
.fw-semibold {font-weight: 600;}

.session {padding: 50px 0;}
.session-interna {padding: 100px 0;}

.navbar {
    height: 90px;
}

.navbar .nav-link {
    color: #fff !important;
    font-size: 14px;
    margin-right: 20px;
}

.navbar .nav-link:hover {
    color: #F44336 !important;
}

.navbar .active {
    color: #F44336 !important;
    font-weight: 600;
}

.navbar.border-bottom {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3)!important;
}

.footer {
    padding: 50px 0;
    background-color: #263238;
}

.btn {
    padding: 14px 25px;

    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-primary {
    border: 1px solid #F44336;
    background-color: #fff;
    color: #F44336;
}

.btn-header {
    border: 1px solid #F44336;
    color: #fff;
}

.btn-destaque {
    border: 1px solid #F44336;
    background-color: #263238;
    color: #fff;
}

.btn-secondary {
    background-color: #F44336;
    border: 1px solid #F44336;
    color: #fff;
}

.btn-header:hover, .btn-primary:hover, .btn-destaque:hover, .btn-secondary:hover {
    background-color: #F44336;
    border: 1px solid #F44336;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #d83a2f;
    border: 1px solid #d83a2f;
    color: #fff;
}

.destaque, .destaque-interna {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.destaque, .destaque-interna {
    height: 80vh;
    background-color: #263238;
}

.destaque-interna {
    height: 45vh;
    background-color: #263238;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.destaque {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right -150px;
}

.destaque .row {
    padding: 200px 0;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 500px;
}

.card-servicos, .card-sobre, .card-vagas {
    padding: 25px;
    border: 1px solid #E7E9EB;
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.card-servicos, .card-sobre {
    align-items: center;
    background-color: #fff;
}
.card-servicos {height: 300px;}
.card-sobre {height: 250px;}

.card-vagas {
    height: 180px;
    align-items: flex-start;
}

.card-servicos:hover, .card-sobre:hover, .card-vagas:hover {
    border: 1px solid #F44336;
    transition: 0.2s;
}

.img-servicos {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -50px;
}

.img-servicos img {
    border-radius: 0px 20px 0px 0px;
    height: 590px;
    object-fit: cover;
}

.servicos {
    padding: 50px 180px 50px 50px;
    background-color: #263238;
    border-radius: 0px 0px 0px 20px;

    background-repeat: no-repeat;
    background-position: center right -50px;
    background-size: 600px;
}

.filtro .form-control, .filtro .form-select {
    background-color: #EAECEF;
    border: 0px;
    padding: 14px 15px;
    font-size: 15px;
}

.vaga-interna {
    padding: 100px 0;
    background-color: #F9F9F9;
}

form .form-label {
    font-size: 15px;
    font-weight: 600;
}

form .form-control, form .form-select {
    border: 2px solid #263238;
    border-radius: 5px;
    padding: 12px 15px;
    font-size: 15px;
}

.file-drop-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border: 2px dashed #263238;
    border-radius: 5px;
    transition: 0.2s;
   
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    
}

.navbar-brand img {
    margin-right: 25px;
}

@media (max-width: 600px) {
    .navbar.expanded {background-color: #263238 !important;}
    .navbar.expanded .navbar-collapse {background-color: #263238 !important;}
    .navbar .container {padding: 0px;}
    .navbar .navbar-brand {margin-left: 20px;}
    .navbar .navbar-toggler {margin-right: 20px;}
    .navbar-collapse {
        text-align: center;   
        padding: 20px 0; 
    }
    .card-sobre {height: 220px;}
    .destaque {
        height: 100vh;
        background-image: none !important;
        text-align: center;
    }
    .servicos {
        padding: 50px;
        border-radius: 0px 0px 0px 0px;
    }
    .vaga-interna {padding: 50px 0;}
}