/* ── Space Grotesk — titulares, botones, branding ─────────────────────────── */

@font-face {
    font-family: 'Space Grotesk';
    src: url("../fonts/SpaceGrotesk-Light.414fb855467f.woff2") format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url("../fonts/SpaceGrotesk-Regular.e421b8e97a49.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url("../fonts/SpaceGrotesk-Medium.169c94ecb6f0.woff2") format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url("../fonts/SpaceGrotesk-Bold.03f0fbb7b77f.woff2") format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ── Inter — cuerpo, inputs, formularios ─────────────────────────────────── */

@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-Regular.73aaa95eab31.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-Medium.96948ea7ac03.woff2") format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;
}

html, body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6, button, .btn {
    font-family: var(--font-display);
}