/* --- Estilos para article.css (Fondo y Coherencia Neón) --- */

/* Variables de Color de style.css (Necesario para coherencia) */
:root {
    --color-bg: #0d001a; 
    --color-primary-neon: #00ffff; 
    --color-secondary-neon: #ff00ff; 
    --color-text-light: #e0e0e0;
    --color-text-dark: #8c8c8c;
    --color-border-dark: #3a1c58;
    --color-bg-card: rgba(25, 5, 45, 0.8);
}

/* Aplicar el fondo oscuro del portafolio al cuerpo de la página del artículo */
body {
    font-family: 'Roboto', sans-serif;
    color: var(--color-text-light);
    background: var(--color-bg);
    min-height: 100vh;
    /* Un sutil degradado idéntico al del index.html */
    background-image: linear-gradient(135deg, #0d001a 0%, #1a0033 50%, #0d001a 100%);
}

/* ELIMINAR O AJUSTAR ESTO EN style.css SI ES NECESARIO (si ya lo tenías)
header.header {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 15px rgba(0, 255, 255, 0.2);
    padding: 20px 5%;
    display: block;
}
.logo {
    font-family: 'Orbitron', sans-serif;
    color: var(--color-text-light);
    text-shadow: 0 0 8px var(--color-primary-neon);
}
*/

.article-container {
    padding: 50px 20px;
    display: flex;
    justify-content: center;
}

.project-article {
    /* Mantenemos el estilo de la "tarjeta" oscura que contiene el contenido */
    max-width: 900px; 
    width: 100%;
    background: var(--color-bg-card); 
    border: 1px solid var(--color-border-dark);
    border-radius: 8px;
    padding: 40px;
    /* Efecto de brillo de neón más sutil para la tarjeta */
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.1); 
}

/* --- Encabezado --- */
/* Mantenemos el resto de estilos para títulos, párrafos y fragmentos de código, ya que son buenos */

#article-title {
    /* Añadimos un poco más de neón al título principal */
    text-shadow: 0 0 5px var(--color-primary-neon), 0 0 10px rgba(0, 255, 255, 0.5);
}

.code-snippet {
    background-color: #050010; 
}

.highlight-neon {
    color: var(--color-primary-neon); /* Color neón primario */
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.4); /* Sombra sutil de neón */
    font-weight: bold; /* Mantenemos una negrita, pero solo con el color neón */
}