@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@font-face {
    font-family: 'Metropolis-Black';
    src: url('/css/fonts/metropolis/Metropolis-Black.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('/css/fonts/metropolis/Metropolis-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-ExtraBold';
    src: url('/css/fonts/metropolis/Metropolis-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-ExtraLight';
    src: url('/css/fonts/metropolis/Metropolis-ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Light';
    src: url('/css/fonts/metropolis/Metropolis-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('/css/fonts/metropolis/Metropolis-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('/css/fonts/metropolis/Metropolis-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-SemiBold';
    src: url('/css/fonts/metropolis/Metropolis-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Thin';
    src: url('/css/fonts/metropolis/Metropolis-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('/css/fonts/montserrat/Montserrat-black.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/css/fonts/montserrat/Montserrat-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('/css/fonts/montserrat/Montserrat-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('/css/fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('/css/fonts/montserrat/Montserrat-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/css/fonts/montserrat/Montserrat-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/css/fonts/montserrat/Montserrat-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/css/fonts/montserrat/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url('/css/fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
}

:root {
    --dark: #1d1d1b;
    --dark-light: #565655;
    --red-ansa: #ca0634;
    --yellow-ansa: #f4a100;
    --light: #ececec;
    --green-dark: #1a5e2b;
    --green-light: #24914f;
}

.font-metropolis-black {
    font-family: 'Metropolis-Black', sans-serif;
}

.font-metropolis-bold {
    font-family: 'Metropolis-Bold', sans-serif;
}

.font-metropolis-extrabold {
    font-family: 'Metropolis-ExtraBold', sans-serif;
}

.font-metropolis-extralight {
    font-family: 'Metropolis-ExtraLight', sans-serif;
}

.font-metropolis-light {
    font-family: 'Metropolis-Light', sans-serif;
}

.font-metropolis-medium {
    font-family: 'Metropolis-Medium', sans-serif;
}

.font-metropolis-regular {
    font-family: 'Metropolis-Regular', sans-serif;
}

.font-metropolis-semibold {
    font-family: 'Metropolis-SemiBold', sans-serif;
}

.font-metropolis-thin {
    font-family: 'Metropolis-Thin', sans-serif;
}

.font-montserrat-black {
    font-family: 'Montserrat-Black', sans-serif;
}

.font-montserrat-bold {
    font-family: 'Montserrat-Bold', sans-serif;
}

.font-montserrat-extrabold {
    font-family: 'Montserrat-ExtraBold', sans-serif;
}

.font-montserrat-extralight {
    font-family: 'Montserrat-ExtraLight', sans-serif;
}

.font-montserrat-light {
    font-family: 'Montserrat-Light', sans-serif;
}

.font-montserrat-medium {
    font-family: 'Montserrat-Medium', sans-serif;
}

.font-montserrat-regular {
    font-family: 'Montserrat-Regular', sans-serif;
}

.font-montserrat-semibold {
    font-family: 'Montserrat-SemiBold', sans-serif;
}

.font-montserrat-thin {
    font-family: 'Montserrat-Thin', sans-serif;
}

.font-times-new-roman {
    font-family: 'Times New Roman', serif;
}
body, html {
    margin: 10px 0px 10px 0px;
    padding: 0;
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    font-family: Montserrat-Regular;
    font-size: 16px;
    line-height: 1.5;
    color: var(--light);
    background-image: url('/img/textura_horizontal_1920x1082.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.font-variant {
    font-variant: small-caps;
}
#logo40 {
    margin: 0px auto 0px auto;
    height: 60px;
    width: auto;
}
#icon_codigo_vestimenta{
    width: 32px;
}
.w-32px {
    width: 32px;
}
@media (max-width: 768px) {
    body, html {
        margin: 30px 0px 0px 0px;
        font-size: 14px;
    }
}