/* Importación de fuentes Mulish */
@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish/Mulish-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish/Mulish-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

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

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish/Mulish-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

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

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish/Mulish-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish/Mulish-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


:root {
    /* Colores */
    --color-azul500: #0082C4;
    --color-azul500-hover: #0067A1;
    --color-azul300: #A0D8F5;
    --color-azul-border-recordatorio: #80C1E1;
    --color-azul-fondo-recordatorio: #E3F3FC;
    --color-negroPrimario-textos: #231F20;
    --color-negroPrimario-textos-secundario: #231F20E6;
    --color-gris500: #575756;
    --color-gris400: #9E9E9E;
    --color-gris300: #C6C6C6;
    --color-gris200: #E5E5E5;
    --color-gris100: #F5F5F5;
    --color-rojo-general: #D20A15;
    --color-rojo-marca: #ED1C27;
    --color-rojo-general-hover: #B5161F;
    --color-rojo-general-secundario: #ED1C270D;
    --color-rojo-error: #C62828;
    --color-rojo-error-background: #FDECEC;
    --color-verde500: #4CAF50;
    --color-anaranjado500: #F8991D;
    --color-anaranjado500-secundario: #F8991D14;
    --color-anaranjado500-terciario: #F8991D80;
    --color-blanco: #FFFFFF;
    --color-morado500: #9C27B0;
    --color-background-menu: #F1F5F7;
    --color-prueba: #F5EE27;
    /* Fonts */
    --font-main: "Mulish", sans-serif;
    --font-weight-mulish-regular: 400;
    --font-weight-mulish-medium: 500;
    --font-weight-mulish-extrabold: 800;
    --font-weight-mulish-black: 900;
}