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

:root {
    --bs-secondary-rgb: 247,246,249;
    --bs-font-sans-serif: 'Hind', sans-serif;
    --bs-box-shadow-sm: 0 1px 2px 0px rgba(0, 0, 0, 0.15);
    --bs-body-color: #58586E;
    --bs-primary-rgb: 23,183,179;

    --bs-success-rgb: var(--ceu-de-madrid-rgb);

    --cinza: #70768C;
    --cinza-claro: #F7F6F9;
    --cinza-escuro: #DEE3EE;
    --ceu-de-madrid: #17B7B3;
    --ceu-de-madrid-rgb: 23,183,179;
    --azul-escuro: #222636;

    --preto: #58586E;
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(46.96deg, #2C84D3 1%, #3AA5C3 40%, #4AC9B1 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bg-light {
    background-color: var(--cinza-claro);
}

body {
    background-color: var(--cinza-claro);
    letter-spacing: -0.01rem;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1060px;
    }
}

a {
    color: var(--preto);
}

.title {
    background: linear-gradient(46.96deg, #2C84D3 0.86%, #3AA5C3 46.5%, #4AC9B1 97.66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

    font-weight: 600;
    font-size: 40px;
    letter-spacing: -3px;
    line-height: 1.1em;
}

@media (min-width: 768px) {
    .title {
        font-size: 60px;
    }
}

/* Heading */
h1, h2 /* h3, h4, h5, h6 */ {
    font-weight: 600;
    letter-spacing: -1.2px;
}

h3, h4, h5, h6 {
    font-weight: 600;
}

/* Text */
.text-bg-success {
    color: var(--ceu-de-madrid) !important;
    background-color: #DAFFF0 !important;
}

/* Buttons */
.btn {
    --bs-border-radius: 6px;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .5rem;
}

.btn[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-sm {
    --bs-btn-padding-x: 1.4rem;
    --bs-btn-padding-y: .4rem;
    font-size: 13px;
}


.btn-primary {
    text-transform: uppercase;
    font-weight: 600;
    --bs-btn-bg: #17B7B3;
    --bs-btn-border-color: #17B7B3;
    --bs-btn-hover-bg: #58586E;
    --bs-btn-hover-border-color: #58586E;
    --bs-btn-active-bg: #17B7B3;
    --bs-btn-active-border-color: #17B7B3;
    --bs-btn-disabled-bg: #17B7B3;
}

.btn-secondary {
    text-transform: uppercase;
    font-weight: 600;
    --bs-btn-bg: #70768C;
    --bs-btn-border-color: #70768C;
    --bs-btn-hover-bg: #17B7B3;
    --bs-btn-hover-border-color: #17B7B3;
    --bs-btn-active-bg: #58586E;
    --bs-btn-active-border-color: #58586E;
    --bs-btn-disabled-bg: #58586E;
}

.btn-link {
    --bs-btn-color: var(--preto);
    --bs-btn-hover-color: var(--preto);
}

    .btn-link:hover {
        text-decoration: none;
        box-shadow: none !important;
    }

.btn-gradient {
    background: linear-gradient(46.96deg, #2C84D3 0.86%, #3AA5C3 46.5%, #4AC9B1 97.66%);
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -0.1px;
}

    .btn-gradient:hover {
        background: linear-gradient(46.96deg, #4AC9B1 0.86%, #3AA5C3 46.5%, #2C84D3 97.66%);
        color: white;
    }

.btn-outline-primary {
    --bs-btn-color: var(--ceu-de-madrid);
    --bs-btn-border-color: transparent;
    --bs-btn-bg: transparent;
}

    .btn-outline-primary:hover {
        --bs-btn-color: white;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-bg: var(--ceu-de-madrid);
    }

.btn:hover {
    box-shadow: var(--bs-box-shadow-sm);
    border-color: transparent;
}

.btn-primary:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--ceu-de-madrid);
    border-color: var(--ceu-de-madrid);
}

/* Forms */
fieldset legend {
    border-bottom: 1px solid #DEE3EE;
    letter-spacing: -.5px;
    font-weight: 500;
}

label {
    font-weight: 500;
}

.form-control, .form-select {
    border-radius: 4px;
    background-color: var(--cinza-claro);
    border-color: transparent;
    border-bottom: 2px solid var(--cinza-escuro);
}

.btn-check+.btn{
    --bs-btn-bg: var(--cinza-claro);

    border-radius: 6px;
    border-bottom: 2px solid var(--cinza-escuro);
    background-color: var(--cinza-claro);
    color: var(--cinza);
}

.btn-check:checked + .btn {
    background-color: var(--preto);
    border-bottom: 2px solid var(--cinza-escuro);
    color: #fff;
}

.form-control:disabled, form-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Custom Icons */
.bi-arrow-level::before {
    content: url("../images/icons/arrow-level.af89d7f074d6.svg");
}

/* Cards */
.card {
    border-radius: var(--bs-border-radius-xl) !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
    --bs-card-border-width: 0px;
}

section.card .card-header {
    background-color: white;
    border-bottom: 1px solid var(--cinza-escuro);
    padding: 25px;
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
}


/* Nav Pills */
.nav-pills .nav-link {
    --bs-nav-pills-border-radius: 6px;
    --bs-nav-pills-link-active-bg: var(--preto);
    --bs-nav-pills-link-active-color: #fff;
    color: var(--cinza);
    border-bottom: 2px solid var(--cinza-escuro);
    background-color: var(--cinza-claro);
}

/* Alerts */
.alert-success {
    --bs-alert-color: var(--ceu-de-madrid);
    --bs-alert-bg: #DAFFF0;
    --bs-alert-border-color: #DAFFF0;
    --bs-alert-link-color: var(--ceu-de-madrid);
    border-radius:7px;
    box-shadow: var(--bs-box-shadow-sm);
}

.alert ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

/* Badge */
.card .badge {
    --bs-badge-padding-y: 0.75rem;
    --bs-badge-padding-x: 2rem;
    text-transform: uppercase;
}