/* Inter Regular (400) - Para textos normales y descripciones */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
}

/* Inter Medium (500) - Para elementos de menús o etiquetas secundarias */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Inter-Medium.woff2') format('woff2');
}

/* Inter Semi-Bold (600) - Para subitítulos o botones destacados */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}

/* Inter Bold (700) - Para títulos principales */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Inter-Bold.woff2') format('woff2');
}

/* Aplicación global en el sitio web */
html, body, button, input, select, textarea, .title, .subtitle {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}