/* Título */
#bibliografia h2 {
    font-family: Tahoma, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #5d4037;
    /* marrón institucional */
    text-align: center;
}

/* Contenedor con recuadro marrón */
.bibliografia-contenido {
    background-color: #f5f5f5;
    /* gris clarito */
    border: 2px solid #5d4037;
    /* recuadro marrón */
    border-radius: 8px;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    /* centra el bloque */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    font-family: Tahoma, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #333333;
}

/* Cada fuente con barra vertical */
.fuente {
    border-left: 4px solid #3e2723;
    /* marrón oscuro */
    padding-left: 12px;
    margin: 16px 0;
}

.bibliografia-contenido p {
    /* Esto es la clave: asegura que el texto esté a la izquierda */
    text-align: left !important;
    /* El !important se usa para anular cualquier regla de mayor especificidad 
       o una regla de otra librería (como Bootstrap, si la estás usando) */
}

/* También puedes ser más específico si quieres que solo aplique a la clase 'fuente' */
.fuente {
    text-align: left !important;
}