/* ==========================================================================
   1. CARGA DE TIPOGRAFÍAS LOCALES
   ========================================================================== */
@font-face {
    font-family: 'Magire';
    src: url('https://chukwa.frames.cl/wp-content/uploads/2026/02/Magire.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Evita que el texto desaparezca mientras carga */
}

@font-face {
    font-family: 'Mont';
    src: url('https://chukwa.frames.cl/wp-content/uploads/2026/02/Mont-ExtraLightDEMO.woff2') format('woff2');
    font-weight: 200; /* ExtraLight suele corresponder al peso 200 */
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   2. VARIABLES GLOBALES (CSS CUSTOM PROPERTIES)
   ========================================================================== */
:root {
    /* Paleta de Colores Chukwa */
    --color-blanco-hueso: #FAF9F6;
    --color-vino: #854451;
    --color-terracota: #8C4E39;
    --color-nude: #F6BDAE;
    --color-texto-oscuro: #1A1A1A; /* Contraste profundo para lectura */

    /* Tipografía */
    --font-display: 'Magire', serif;
    --font-body: 'Mont', sans-serif; /* <-- Actualizado para usar Mont */

    /* Escala de Espaciados (Clave para asimetría y respiro) */
    --espacio-xs: 1rem;     /* 16px */
    --espacio-sm: 2.5rem;   /* 40px */
    --espacio-md: 5rem;     /* 80px */
    --espacio-lg: 10rem;    /* 160px */
    --espacio-xl: 15rem;    /* 240px */
}

/* ==========================================================================
   3. RESETEO Y ESTILOS BASE
   ========================================================================== */
body {
    background-color: var(--color-blanco-hueso);
    color: var(--color-texto-oscuro);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    color: var(--color-vino);
    font-weight: normal;
    margin-top: 0;
}

/* Ajuste fino para la tipografía gigante */
.titulo-gigante {
    font-size: clamp(3rem, 8vw, 8rem); /* Escala fluida responsive */
    line-height: 0.9;
    letter-spacing: -0.02em;
}