:root{
    --app-color-1: #AAB4BE;
    --app-color-2: #5B6977;
    --app-color-3: #23292E;
    --app-color-4: #D5DADE;
    --app-color-5: #E6E6E6;
    --app-color-6: #007BC4;
    --app-color-7: #FAFAFA;
    --app-color-8: #FFF;
    --app-color-9: #0066A3;
    --app-color-10: #C2E8FF33;
    --app-color-male: #7ACEFF;
    --app-color-female: #009AF5;
    --app-color-1-hover: #e8f1f9;
    --app-color-2-hover: #005A8F;
    --app-color-6-hover: #015587;
    --panel-width:4.5rem;
    --panel-height:4rem;
    --search-width:24rem;
    --header-height:13rem;
    --shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    --small-size: 0.875rem;
    --regular-size: 1rem;
    --medium-size: 1.125rem;
    --large-size: 1.5rem;
    --big-size: 1.75rem;
    --giant-size: 2rem;
    --regular-weight: 400;
    --medium-weight: 500;
    --large-weight: 600;
    --vh: 1vh;
    --mt: 5rem;
    --full-height: calc(var(--vh, 1vh) * 100);
    --margin-results: var(--mt, 5rem);
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Thin.ttf);
    font-weight: 100;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-ThinItalic.ttf);
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-ExtraLight.ttf);
    font-weight: 200;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-ExtraLightItalic.ttf);
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-LightItalic.ttf);
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Regular.ttf);
    font-weight: 400;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Italic.ttf);
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-MediumItalic.ttf);
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-SemiBoldItalic.ttf);
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-BoldItalic.ttf);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-ExtraBold.ttf);
    font-weight: 800;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-ExtraBoldItalic.ttf);
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-Black.ttf);
    font-weight: 900;
}
@font-face {
    font-family: DM Sans;
    src: url(../fonts/DM_Sans/static/DMSans-BlackItalic.ttf);
    font-weight: 900;
    font-style: italic;
}
html,body{
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: DM Sans;

    svg{
        pointer-events: none;
    }
}
body{
    overflow-y: hidden;
}
.mobile #ficha-container{
    --small-size: 0.875rem;
    --regular-size: 0.875rem;
    --medium-size: 1rem;
    --large-size: 1.125rem;
    --big-size: 1.5rem;
    --giant-size: 1.75rem;
    --regular-weight: 400;
    --medium-weight: 400;
    --large-weight: 500;
}