/* VARIABLES GLOBALES Y ESTILOS BASE */
:root {
    /* Tus colores institucionales intactos */
    --color-otsec: #229db2;          /* Azul principal */
    --color-fondo: #f8fafc;          /* Blanco/Grisáceo ultra-claro para el fondo */
    --color-tarjeta-bg: #ffffff;     /* Blanco puro para los paneles */
    --color-secundario: #BCA986;     /* Dorado institucional seleccionado */
    --color-terciario: #9F2241;      /* Rojo Vino (Énfasis) */
    
    /* Colores de Textos Ejecutivos */
    --color-texto-principal: #0f172a;/* Gris casi negro, muy nítido para títulos y lectura */
    --color-texto-mutado: #64748b;   /* Gris plata elegante para subtítulos y aclaraciones */
    --color-borde-gris: #e2e8f0;     /* Líneas divisorias sutiles */
    --color-sombra: rgba(15, 23, 42, 0.04);
    
    /* Colores de tus gráficas intactos */
    --color-1: #BE9454;
    --color-2: #a69650;
    --color-3: #939952;
    --color-4: #691C32;
    --color-5: #235B4E;
    --color-6: #888B8D;
    --color-7: #10312B;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--color-fondo);
    color: var(--color-texto-principal);
    min-height: 100vh;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Montserrat para todos los Títulos */
h1, h2, h3, h4, h5, h6, .site-title h1 {
    font-family: 'Montserrat', sans-serif;
    color: var(--color-texto-principal);
    line-height: 1.3;
}

a {
    text-decoration: none;
    color: var(--color-otsec);
    transition: all 0.2s ease;
}

a:hover {
    color: var(--color-terciario);
}

.container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px 24px;
}