/* --- css/main.css --- */

/* 1. Light (Peso 300) */
@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NeueHaasDisplay-Light.ttf') format('opentype');
    /* Ajusta la extensión si es .ttf */
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    /* Importante para rendimiento */
}

/* 2. Roman/Normal (Peso 400) */
@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NeueHaasDisplay-Roman.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 3. Medium (Peso 500) */
@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NeueHaasDisplay-Mediu.ttf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 4. Bold (Peso 700) */
@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NeueHaasDisplay-Bold.ttf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 5. Black (Peso 900 - Opcional para títulos muy gruesos) */
@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NeueHaasDisplay-Black.ttf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --fondo: #ffffff;
    --texto-principal: #1A1A1A;
    --primario: #1A1A1A;
    --texto-primario: #fafafa;
    --mutado: #f5f5f4;
    --texto-mutado: #78716c;
    --borde: #e7e5e4;
    --tarjeta: #ffffff;
    --naranja: #ac772b;
    --texto-tarjeta: #0c0a09;
    --destructivo: #ef4444;
    --texto-destructivo: #fafafa;
    --radio-borde: 0.5rem;
}

/* Estilos Base */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
}

body {
    /* Cambio: Ponemos 'Neue Haas' primero */
    font-family: 'Neue Haas', system-ui, sans-serif;
    background-color: var(--fondo);
    color: var(--texto-principal);
    margin: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    /* Hace que se vea nítida en Mac */
}

a {
    text-decoration: none;
}

/* Utilidades de Texto */
.Letra-01 {
    font-family: 'Neue Haas', 'Inter', system-ui, sans-serif;
    font-weight: 400;
}

.Letra-02 {
    font-family: 'Neue Haas', 'Inter', system-ui, sans-serif;
    font-weight: 400;
}

.texto-semibold {
    font-weight: 600;
    color: var(--fondo);
}

.texto-derecha {
    text-align: right;
}

.texto-centro {
    text-align: center;
}

.ancho-80 {
    width: 80px;
}

.ancho-100 {
    width: 100px;
}

.ancho-120 {
    width: 120px;
}