:root {
    --brand-color: #F64132;
    --primary-color: #D93636;
    --secondary-color: #F4F2EF;
    --black-color: #202020;
    --white-color: #FFFFFF;
    --yellow-color: #FFA237;

    /* New design */
    --bs-gray: #F4F2EF;
    --bs-dark: #202020;
    --bs-dark-rgb: 32, 32, 32;
    --bs-light: #F4F2EF;
    --bs-light-rgb: 244, 242, 239;
    --bs-primary: #D93636;
    --bs-primary-rgb: 217, 54, 54;

	--nm-border-radius: 2.5rem;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--bs-dark);
}

:root, [data-bs-theme="light"] {

}

:root, [data-bs-theme="dark"] {

}

p, a, span, div, label, li, button, input, textarea {
    color: inherit;
}

a.active {
    color: var(--bs-primary) !important;
}

a.active span {
    color: var(--bs-primary) !important;
}

.pac-container {
    z-index: 9999 !important;
}

/* Estilização do input group */
.input-group {
    padding: 0;
}

.input-group:focus-within {
    border-radius: 0.25rem;   /* Igual ao padrão do input */
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); /* Efeito glow */
}

.input-group .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}
/* Fim da estilização do input group */

/* Estilização de botões */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-color: var(--white-color);
    --bs-btn-hover-bg: var(--white-color);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--white-color);

    & span {
        color: var(--white-color);
    }

    &:hover span {
        color: var(--bs-primary);
    }

    &:active {
        border-color: var(--white-color);
    }

    &:active span {
        color: var(--white-color) !important;
    }
}

.border-primeira {
    border-color: var(--brand-color) !important;
}
/* Fim da estilização de botões */

header {
    font-weight: 400;
    font-size: 0.875rem;

    & .btn {
        font-weight: inherit;
        font-size: inherit;
    }

    & a {
        text-decoration: none;
        color: var(--bs-dark);
    }

    & a:hover {
        color: var(--bs-primary);
    }
}

body > header, body > footer, body > main {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1400px) {
    body > header, body > footer, body > main {
        padding-left: 12rem;
        padding-right: 12rem;
    }
}

main {
    min-height: calc(100vh - 50px);
}

footer {
    font-size: 0.875rem;
    font-weight: 400;
}

.input-group:has(.clean-input) > * {
    border-color: rgb(241, 241, 241);
}


.clean-input::placeholder {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 300;
}

.form-control:focus {
    border-color: var(--bs-primary);
	outline: none !important;
}

.form-control:focus,
.form-control:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}