/* Filled */
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("../font/material-icons/material-icons.woff2") format("woff2"), url("../font/material-icons/material-icons.woff") format("woff");
}

/* Outlined */
@font-face {
    font-family: "Material Icons Outlined";
    font-style: normal;
    font-weight: 400;
    src: url("../font/material-icons/material-icons-outlined.woff2") format("woff2"), url("../font/material-icons/material-icons-outlined.woff") format("woff");
}

/* Round */
@font-face {
    font-family: "Material Icons Round";
    font-style: normal;
    font-weight: 400;
    src: url("../font/material-icons/material-icons-round.woff2") format("woff2"), url("../font/material-icons/material-icons-round.woff") format("woff");
}

/* Sharp */
@font-face {
    font-family: "Material Icons Sharp";
    font-style: normal;
    font-weight: 400;
    src: url("../font/material-icons/material-icons-sharp.woff2") format("woff2"), url("../font/material-icons/material-icons-sharp.woff") format("woff");
}

/* Two Tone (si lo tienes) */
@font-face {
    font-family: "Material Icons Two Tone";
    font-style: normal;
    font-weight: 400;
    src: url("../font/material-icons/material-icons-two-tone.woff2") format("woff2"), url("../font/material-icons/material-icons-two-tone.woff") format("woff");
}