@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Thin.ttf'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-ExtraLight.ttf'); font-weight: 200; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Light.ttf'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Regular.ttf'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Medium.ttf'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-SemiBold.ttf'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Bold.ttf'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-ExtraBold.ttf'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Heebo'; src: url('../../../assets/fonts/Heebo/static/Heebo-Black.ttf'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Thin.ttf'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-ExtraLight.ttf'); font-weight: 200; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Light.ttf'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Regular.ttf'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Medium.ttf'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-SemiBold.ttf'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Bold.ttf'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-ExtraBold.ttf'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../../../assets/fonts/Inter/static/Inter-Black.ttf'); font-weight: 900; font-display: swap; }

:root {
    --color-gris-poco-clarito: #CECFD1;
    --color-gris-clarito: #EAEAEA;
    --color-gris-mas-clarito: #F8F8F8;
    --color-gris-oscuro: #595A5C;
    --color-333: #333;
    --color-666: #666;
    --color-rosa-sutil: #FFF5F4;
    --color-azul-cta: #32C0FB;
    --color-azul-cta-apenas-oscurecido: #20a3db;
    --color-azul-cta-o-75: #32C0FBBF;
}

.font-Heebo {
    font-family: Heebo;
}
.font-Inter {
    font-family: Inter;
}
.color-gris-oscuro {
    color: var(--color-gris-oscuro);
}
.line-height-1_2 {
    line-height: 1.2;
}

.l-0 {
    left: 0;
}
.t-0 {
    top: 0;
}
.z-index-1 {
    z-index: 1;
}
.z-index-100 {
    z-index: 100;
}

.h-min-320px {
    min-height: 320px;
}
.h-min-80vh {
    min-height: 80vh;
}
.w-50px {
    width: 50px;
}
.w-80px {
    width: 80px;
}
.w-150px {
    width: 150px;
}
.w-min-120px {
    min-width: 120px;
}
.w-max-240px {
    max-width: 240px;
}
.w-max-360px {
    max-width: 360px;
}
.w-max-420px {
    max-width: 420px;
}
.w-max-480px {
    max-width: 480px;
}

.bg-333 {
    background-color: var(--color-333);
}
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}


.mascara-fondo-negro-o-015,
.mascara-fondo-negro-o-050 {
    position: relative;
}
.mascara-fondo-negro-o-015:after,
.mascara-fondo-negro-o-050:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
}
.mascara-fondo-negro-o-015:after {
    background-color: rgb(0 0 0 / 15%);
}
.mascara-fondo-negro-o-050:after {
    background-color: rgb(0 0 0 / 50%);
}
.mascara-fondo-negro-o-015 > *,
.mascara-fondo-negro-o-050 > * {
    position: relative;
    z-index: 1;
}