:root {
    --btds-primary: #FF5E26;
    --btds-primary-hover: #FF8257;
    --btds-primary-active: #FA4000;
    --btds-black-200: #E5E5E5;
    --btds-black-300: #D4D4D4;
    --btds-black-400: #A3A3A3;
    --btds-black-600: #525252;
    --btds-black-800: #262626;
    --btds-red-600: #DC2626;
    --btds-red-400: #EF4444;
    --btds-red-300: #FECACA;
    --btds-white: #FAFAFA;
}


html, body {
    font-family: "Montserrat", sans-serif;
    color: #1C1C1C;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
}

    h5 .destacado {
        font-size: 20px;
        font-weight: 500;
        line-height: 110%;
    }

.destacado {
    font-weight: 500;
}

.text-body {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.text-body-destacado {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
}

.text-body-semibold {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
}

.text-body-small {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
}

.text-body-small-destacado {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
}

.text-body-extra-small {
    font-size: 8px;
    line-height: 1.2;
    font-weight: 400;
}

.text-body-extra-small-destacado {
    font-size: 8px;
    line-height: 1.2;
    font-weight: 500;
}

.text-mono {
    font-family: "Geist Mono", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.text-mono-light {
    font-family: "Geist Mono", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
}

.text-mono-small-light {
    font-family: "Geist Mono", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 300;
}

.text-mono-small {
    font-family: "Geist Mono", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
}

.text-mono-extra-small {
    font-family: "Geist Mono", sans-serif;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 400;
}

body {
    background-color: var(--btds-black-200);
}

button {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
}

/* LOADER CLASS */
.loader {
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}