/* ============================================================
   JKANetwork — style-overrides.css
   ============================================================
   Estetica terminal de la web original: header azul oscuro,
   verde GitHub, todo en Courier Prime. La fuente se autohospeda
   en data/fonts/ (subset latin de Google Fonts, sin CDN).
   ============================================================ */

/* -- Courier Prime (autohospedada) -- */
@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/CourierPrime-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Courier Prime';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/CourierPrime-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/CourierPrime-Bold.woff2') format('woff2');
}

:root {
    /* Paleta: azul oscuro de cabecera + verde GitHub de la web original */
    --color-acento:        #2ea043;
    --color-acento-hover:  #1a7f37;
    --color-acento-claro:  #d8f3de;
    --color-link:          #1a7f37;
    --color-link-hover:    #116531;

    /* Tipografia: Courier Prime en toda la web */
    --fuente-principal:    'Courier Prime', 'Courier New', monospace;

    /* Texto */
    --color-texto:         #1b1f23;
    --color-texto-oscuro:  #111418;
    --color-texto-claro:   #57606a;
    --color-texto-suave:   #57606a;
    --color-texto-mute:    #8b949e;

    /* Barra de navegacion azul oscuro */
    --color-nav-fondo:     #1e3a5f;
    --color-nav-texto:     #ffffff;
    --color-nav-texto-hover: #3fb950;

    /* Superficies */
    --color-fondo:         #f4f6f8;
    --color-fondo-seccion: #eaeef2;
    --color-fondo-tarjeta: #ffffff;

    /* Estructurales */
    --color-footer:        #1e3a5f;
    --color-header-fuerte: #1e3a5f;
    --color-borde:         #d0d7de;
    --color-borde-input:   #8b949e;
}

/* Logo tipo prompt de terminal: "> " verde delante del texto.
   El texto sale de logo_text en data/config.php. */
.logo-text::before {
    content: "> ";
    color: #3fb950;
}

/* -- Noticias (pages/noticias.php) -- */
.news-section {
    padding: 60px 0;
}
.news-list {
    max-width: 760px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
}
.news-item {
    background: var(--color-fondo-tarjeta);
    border: 1px solid var(--color-borde);
    border-left: 4px solid var(--color-acento);
    border-radius: 8px;
    padding: 24px 28px;
}
.news-date {
    font-size: 0.85rem;
    color: var(--color-texto-mute);
    margin: 0 0 8px;
}
.news-item h3 {
    margin: 0 0 8px;
    font-size: 1.15rem;
}
.news-item p {
    margin: 0;
    color: var(--color-texto-claro);
}
.news-item .news-link {
    display: inline-block;
    margin-top: 12px;
    font-weight: 700;
}