@font-face{font-family:Poppins;src:url('../../assets/fonts/poppins/poppins-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Poppins;src:url('../../assets/fonts/poppins/poppins-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:Poppins;src:url('../../assets/fonts/poppins/poppins-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:block}
@font-face{font-family:Poppins;src:url('../../assets/fonts/poppins/poppins-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:block}

:root{
    --bs-font-sans-serif:Poppins,sans-serif;
    --bs-body-font-family:Poppins,sans-serif;
}

html,body,button,input,select,textarea,.btn,.form-control,.form-select{
    font-family:Poppins,sans-serif!important;
}

body{
    font-weight:400;
}

h1,h2,h3,h4,h5,h6,
strong,b{
    font-weight:600;
}

/* Metronic usa 700 en .fw-bold; la identidad visual de MediAlergias es más ligera. */
.fw-semibold{
    font-weight:500!important;
}

.fw-bold,
.fw-bolder{
    font-weight:600!important;
}

.form-control,
.form-select,
.form-select option{
    font-weight:400!important;
}

.form-select:required:invalid{
    color:var(--bs-gray-500);
}

.form-select option:not([value=""]){
    color:var(--bs-gray-700);
}
