/* --- CONFIGURACIÓN TANZELCORE --- */

body {
    background-color: #0a0a0a; /* Fondo casi negro */
    color: #b0a990; /* Texto color pergamino/hueso */
    font-family: 'Times New Roman', Times, serif; /* Fuente clásica imprescindible */
    font-size: 18px;
    margin: 0;
    padding: 20px;
    line-height: 1.6;
}

/* El contenedor centra todo en medio de la pantalla */
.container {
    max-width: 700px;
    margin: 40px auto;
    border: 1px solid #4a0404; /* Borde rojo sangre oscuro */
    padding: 40px;
    background-color: #0f0f0f;
    box-shadow: 0 0 20px rgba(74, 4, 4, 0.2); /* Resplandor sutil rojizo */
}

/* Títulos */
h1 {
    text-align: center;
    color: #8a1c1c; /* Rojo oscuro tanzel */
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 1px double #8a1c1c;
    padding-bottom: 10px;
}

.subtitle {
    text-align: center;
    font-style: italic;
    font-size: 0.9em;
    opacity: 0.7;
}

/* Separadores */
hr {
    border: 0;
    border-top: 1px solid #333;
    margin: 20px 0;
}

/* La lista de investigaciones */
ul.investigation-list {
    list-style-type: none; /* Quita los puntos negros por defecto */
    padding: 0;
}

ul.investigation-list li {
    margin-bottom: 25px;
    border-left: 2px solid #333; /* Una línea vertical a la izquierda */
    padding-left: 15px;
    transition: border-color 0.3s ease;
}

/* Efecto al pasar el mouse por encima de una entrada */
ul.investigation-list li:hover {
    border-left: 2px solid #8a1c1c;
}

/* Estilo de los enlaces */
a {
    text-decoration: none;
    color: #d1cdb8;
    font-weight: bold;
    display: block; /* Hace que el enlace ocupe su propia línea */
    font-size: 1.2em;
}

a:hover {
    color: #ff4545; /* Brilla en rojo al pasar el mouse */
    text-shadow: 0 0 5px #8a1c1c;
    cursor: crosshair; /* Cambia el cursor a una cruz */
}

/* Fechas y descripciones */
.date {
    font-size: 0.75em;
    color: #666;
    letter-spacing: 1px;
    display: block;
}

.desc {
    font-size: 0.9em;
    color: #888;
    font-style: italic;
}

footer {
    text-align: center;
    font-size: 0.8em;
    margin-top: 50px;
    opacity: 0.5;
}