@font-face {
    font-family: 'Aeonik Light';
    src: url('../fonts/Aeonik-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aeonik Regular';
    src: url('../fonts/Aeonik-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aeonik Bold';
    src: url('../fonts/Aeonik-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sen Medium';
    src: url('../fonts/Sen-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sen Regular';
    src: url('../fonts/Sen-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sen Bold';
    src: url('../fonts/Sen-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/Gilroy-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy SemiBold';
    src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy ExtraBold';
    src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-primary: #ff2500;
    --color-primary-hovewr: hsl(9, 100%, 50%);
    --background-color: #e6e7e9;
    --text-color: #000;

    /* Fonts */
    /* --font-text-light: "Aeonik Light", sans-serif;
    --font-text-regular: "Aeonik Regular", sans-serif;
    --font-text-bold: "Aeonik Bold", sans-serif; */
    --font-text-light: "Sen Regular", sans-serif;
    --font-text-regular: "Sen Regular", sans-serif;
    --font-text-bold: "Sen Bold", sans-serif;

    --font-title-light: "Gilroy Light", sans-serif;
    --font-title-medium: "Gilroy Medium", sans-serif;
    --font-title-regular: "Gilroy Regular", sans-serif;
    --font-title-semibold: "Gilroy SemiBold", sans-serif;
    --font-title-bold: "Gilroy Bold", sans-serif;
    --font-title-extrabold: "Gilroy ExtraBold", sans-serif;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}

*,
body,
p,
a,
button,
textarea,
input {
    font-family: var(--font-text-regular);
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: var(--font-title-semibold);
}

a {
    text-decoration: none;
}

textarea {
    resize: none;
}

.btn {
    border-radius: 0 !important;
}

.btn-primary {
    border: 1px solid var(--color-primary);
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 7px;
    transition: 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    outline: 0;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-default {
    border: 1px solid transparent;
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 7px;
    transition: 0.3s ease;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    outline: 0;
    border: 1px solid var(--color-primary);
    color: #fff;
}

.btn-group {
    gap: 20px;
}

.opacity_positivo {
    opacity: 1 !important;
}

@media (max-width: 767.98px) {
    .btn {
        font-size: 0.8rem;
    }
}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {

}